SCRIB Apuntes Paginas WEB

8/18/2019 SCRIB Apuntes Paginas WEB

1/43

ELABORACION DE PAGINAS WEB MODULO II _________________________________________________________________________________________________

MANUALALUMNO:_______________________________ GRUPO:_____________

INFORMATICA TERCER SEMESTRE

Elaboracion dePáginas

Docentes: LSC. ELVIA MICAELA URBINAVISCENCIO.LSC. MA. EUGENIA ACUÑA R.AGOSTO 2010ENERO 2011


2/43


ELABORACION DE PÁGINAS WEB.

1. ANALIZAR LOS ELEMENTOS FUNDAMENTALES DEL DISEO1.1. ANALIZAR LAS TEORIAS DEL DISEÑO1.2. IDENTIFICAR EL IMPACTO Y EL ENFOQUE EN DISEÑOS EXISTENTES.

1.3. DISEÑAR FORMATOS CONSIDERANDO LAS ZONAS AUREAS, DIRECCION SENTIDO YEQUILIBRIO.1.4. APLICAR LA TEORIA DEL COLOR CONSIDERANDO EL CIRCULO CROMATICO, CONSTRASTES,

EL RGB Y CMY.

!. MANE"AR LOS ELEMENTOS #ASI$OS DE UN LEN%UA"EUSADO EN LA $REA$ION DE P&%INAS 'E#.2.1. DEFINIR OBJETIVOS Y CONTENIDOS DE LA PGINA !EB.2.2. ESQUEMATIZAR LA ESTRUCTURA GENERAL DE UNA PAGINA !EB.2.3. UTILIZAR ETIQUETAS EN UNA PAGINA !EB.2.4. ESTABLECER VINCULOS E "IPERVINCULOS.2.#. MANIPULAR OBJETOS Y FORMULARIOS EN UNA PAGINA !EB.2.$. MANIPULAR TABLAS EN UNA PAGINA !EB.2.%. MANIPULAR IMGENES Y ANIMACIONES EN UNA PAGINA !EB.2.&. DEFINIR SECCIONES DE MAPEO DE IMGENES EN UNA PAGINA !EB.2.'. INSERTAR SONIDO Y VIDEO EN UNA PAGINA !EB.2.1(. IMPLEMENTAR SERVICIOS DE CORREO EN UNA PAGINA !EB.

(. DISEAR UNA PA%INA 'E# $ON UN SOFT'ARE DEAPLI$A$I)N.

3.1. DEFINIR OBJETIVOS Y CONDENIDOS DE LA PGINA !EB.3.2. ESTABLECER ETIQUETAS EN LA PGINA !EB.3.3. ESTABLECER LIN)S DENTRO DE LA PGINA !EB, ENTRE PGINAS !EB Y ENTRE

SERVIDORES.3.4. MANIPULAR IMGENES DENTRO DE LA PGINA !EB.

3.#. ESTRUCTURAR TABLAS EN UNA PAGINA !EB.3.$. INSERTAR SONIDO Y VIDEO EN UNA PAGINA !EB.3.%. ALMACENAR PGINAS !EB EN UN SERVIDOR DEDICADO O GRATUITO.

*. PU#LI$AR PA%INAS 'E# EN LOS SER+IDORES DE INTERNET4.1. IDENTIFICAR LOS SERVIDORES DE INTERNET DISPONIBLES PARA PUBLICACION DE

INFORMACION.4.2. SELECCIONAR UN SERVIDOR DE INTERNET CONSIDERANDO LAS CARACTERISTICAS DE LA

PGINA !EB.4.3. UTILIZAR LA PGINA DEL SERVIDOR DE INTERNET PARA ALOJAR UNA PAGINA !EB.4.4. VERIFICAR EL FUNCIONAMIENTO DE LA PGINA !EB DENTRO DEL SERVIDOR

SELECCIONADO.



3/43


5. ANALIZAR LOS ELEMENTOS FUNDAMENTALES DEL DISEÑO

¿Qué es el diseño? Proceso de creación visa! con n "ro"ósi#o$ e! ca! c%"!e con e&i'encias

"rac#icas( Un )en dise*o es !a %e+or e&"resión visa! de !a esencia de ,a!'o, c-a creación node)e ser so!o es#.#ica sino #a%)i.n /nciona!(

ELEMENTOS DEL DISEÑO

Los si'ien#es e!e%en#os son !as )ases 0e cons#r-en e! Dise*o(

Líe!Una !1nea es de/inida co%o na %arca con!on'i#d - dirección$ creada %edian#e n"n#o 0e se %eve a !o !ar'o de nas"er/icie( Una !1nea "ede variar en!on'i#d$ anc2o$ dirección$ crva#ra -co!or( La !1nea "ede ser de dosdi%ensiones 3na !1nea de !4"i5 so)re"a"e!6$ o #res di%ensiones i%"!1ci#as(

Fo"#!

Una /i'ra "!ana o na /or%a es creadacando !1neas ac#a!es o i%"!1ci#as seencen#ran a!rededor de n es"acio( Unca%)io en e! co!or o e! so%)reado "edede/inir na /or%a( Las /or%as "eden serc!asi/icadas en varios #i"os7 'eo%.#ricas3cadrado$ #ri4n'!o$ c1rc!o6 - or'4nicas3irre'!ares en con#orno6(



4/43


T!#!ño

Es#e se re/iere a !as variaciones de !as"ro"orciones de !os o)+e#os$ !1neas o/or%as( 8a- na variación de #a%a*oen o)+e#os -a sean rea!es o

i%a'inarios(

Es$!%io

Es"acio es e! 4rea vac1a o a)ier#a en#re$a!rededor$ arri)a$ de)a+o o en#re o)+e#os(Fi'ras - /or%as son rea!i5adas en e!es"acio a!rededor - en#re .!( E! es"acio

#a%)i.n es !!a%ado )idi%ensiona! o#ridi%ensiona!( E! es"acio "osi#ivo esre!!enado con /or%as o /i'ras( E! es"acione'a#ivo rodea na /or%a o /i'ra(

&olo"

E! Co!or es e! car4c#er "erci)ido de na s"er/iciede acerdo con !a !on'i#d de onda o !a !5re/!e+ada desde es#a( E! Co!or "osee #res

di%ensiones7 TINTE 3o#ra "a!a)ra "ara co!or$indicada "or s no%)re as1 co%o ro+o o a%ari!!o6$9ALOR 3s !%inosidad o oscridad6$ INTENSIDAD3s )ri!!o o"acidad6(

Te'(u"!

La Tera es !a /or%a co%o se sien#e !a s"er/icie3#era ac#a!6 o co%o "ede ser o)servada3#era i%"!1ci#a6( Las Teras son descri#as con"a!a)ras co%o 4s"ero$ sedoso o r'oso(

)!lo"esE! 9a!or es 0e #an oscro o c!aro se ve a!'o(Pode%os a!can5ar ca%)ios de va!ores en e! co!or"or %edio de !a adición de )!anco o ne'ro a dic2oco!or( C!aroscro sa va!ores en !os di)+o %edian#econ#ras#es de c!aros - oscros en na co%"osición(

*"i%i$ios de Diseño



5/43


Los "rinci"ios e%"!ean e!e%en#os de! dise*o "ara crear co%"osiciones(

+!l!%e

E! Ba!ance es e! sen#ido de e0idad visa!en na /or%a$ /i'ra$ va!or$ co!or$ e#c( E!

Ba!ance se "ede 2acer si%.#rica oni/or%e%en#e en o)+e#os$ va!ores$co!ores$ #eras$ /or%as$ e#c($

&o("!s(e

E! con#ras#e es !a-a"osición 3/sión6 de !os

e!e%en#os o"es#os(

,-!sis

E! :n/asis es sado "ara crear cier#as"ar#es de ss #ra)a+os ar#1s#icos a#rav.s de !!a%ado a#ención de%anera es"ecia!( E! cen#ro de in#er.s

o "n#o /oco es e! !'ar de! di)+o0e !e invi#a a en/ocar s %irada(

*"o$o"%i

La Pro"orción descri)e e! #a%a*o$)icación o e! %on#o de na cosaco%"arada con o#ra(



6/43


*!("oes

Los Pa#rones son creados %edian#e !are"e#ición de n e!e%en#o 3!1nea$ /or%a oco!or6 na - o#ra ve5(

/"!d!%i

La Gradación es e! #a%a*o - dirección"rodcidos "or na "ers"ec#iva !inea!( LaGradación de! co!or es desde 'a%asca!idas a /r1as - "or s "ar#e !os #onos

oscros a c!aros "rodcen na "ers"ec#ivaa.rea( La Gradación "ede a're'ar in#er.s- %ovi%ien#o a na /or%a

&o#$osi%i

La co%)inación de dis#in#ose!e%en#os "ara /or%ar n #odo(

0.0. ANALIZAR LAS TEORIAS DEL DISEÑO.

MINIMALISMO.

E! %ini%a!is%o es na corrien#e es#.#ica derivada de !a reacción a! "o" ar#( Fren#e a! co!oris%o$ a!a i%"or#ancia de !os %edios de co%nicación de %asas$ /ren#e a! /enó%eno de !o co%ercia! - den ar#e 0e se )asa)a en !a a"ariencia$ e! %ini%a!is%o #i!i5ó conce"#os dia%e#ra!%en#e

o"es#os( E! sen#ido de !a individa!idad de !a o)ra de ar#e$ !a "rivacidad$ na conversaciónconce"#a! en#re e! ar#is#a$ e! es"acio circndan#e - e! es"ec#ador( As1 co%o !a i%"or#ancia de!en#orno co%o a!'o esencia! "ara !a co%"rensión - !a vida de !a o)ra(

Los $"e%e$(os 12si%os del #ii#!lis#o so3a( U#i!i5ar co!ores "ros$)( Asi'nar!e i%"or#ancia a! #odo so)re !as "ar#es$c( U#i!i5ar /or%as si%"!es - 'eo%.#ricas rea!i5adas con "recisión %ec4nica$d( Tra)a+ar con %a#eria!es inds#ria!es de !a %anera %4s ne#ra! "osi)!e - dise*ar so)re

s"er/icies in%ac!adas(



7/43


e( Da 'ran i%"or#ancia a! es"acio - a !os %a#eria!es eco!ó'icos/( E! res!#ado 0e de/ine es#e es#i!o en n conce"#o es !a "a!a)ra ;!i%"ie5a


8/43


L56+A70*8

A800 C+0 91'#(: ;

B+60 S+/60

B S+60?+/

I>0 C+0

A60/@0 B+/


http://www.colarte.arts.co/ConsPintores.asp?Carpeta=AzoutLydia&NOMARTISTA=AzoutLydia&IDARTISTA=1213&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=CaroAntonioJose&NOMARTISTA=CaroAntonioJose&IDARTISTA=187&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=SalcedoBernardo&NOMARTISTA=SalcedoBernardo&IDARTISTA=414&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=MayerBecky&NOMARTISTA=MayerBecky&IDARTISTA=558&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=BarneyAlicia&NOMARTISTA=BarneyAlicia&IDARTISTA=1236&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=SandovalRosemberg&NOMARTISTA=SandovalRosemberg&IDARTISTA=5350&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=CaroInginio&NOMARTISTA=CaroInginio&IDARTISTA=1268&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=BernalAdolfo&NOMARTISTA=BernalAdolfo&IDARTISTA=552&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=AzoutLydia&NOMARTISTA=AzoutLydia&IDARTISTA=1213&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=CaroAntonioJose&NOMARTISTA=CaroAntonioJose&IDARTISTA=187&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=SalcedoBernardo&NOMARTISTA=SalcedoBernardo&IDARTISTA=414&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=MayerBecky&NOMARTISTA=MayerBecky&IDARTISTA=558&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=BarneyAlicia&NOMARTISTA=BarneyAlicia&IDARTISTA=1236&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=SandovalRosemberg&NOMARTISTA=SandovalRosemberg&IDARTISTA=5350&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=CaroInginio&NOMARTISTA=CaroInginio&IDARTISTA=1268&subdir=ohttp://www.colarte.arts.co/ConsPintores.asp?Carpeta=BernalAdolfo&NOMARTISTA=BernalAdolfo&IDARTISTA=552&subdir=o


9/43


0.4. IDENTIFI&AR EL IM*A&TO EL ENFOQUE EN DISEÑOS E6ISTENTES.

Si )ien !as de/iniciones no "eden ser #a+an#es ni e&c!-en#es$ res!#a necesario as%ir 0e

crea#ividad e innovación$ ar#e - dise*o se "arecer4n en !a %edida 0e !as )s0e%os en 4%)i#osc-os %odos de 2acer %an#en'an a!'na iden#idad - de+ar4n de "arecerse en #an#o nos a!e+e%osde esos "n#os en !os 0e coinciden( E! ar#e cando se convier#e en inds#ria co%ercia! va a#ender a "arecerse %4s a! dise*o 0e a! ar#e ca!!e+ero$ de! %is%o %odo 0e !a crea#ividade%"resaria! "ede condcir a !a innovación de !a %is%a /or%a 0e !a innovación #ecno!ó'ica"ede indcir cier#o es#i!o de crea#ividad$ e+e%"!o c!aro de es#o /e en !os >?@s - ?@s !aincor"oración de !os so/#are di'i#a!es a! "roceso de dise*o(

eda a're'ar 0e 2a- descri"ciones de/ini#ivas en !os 4%)i#os de! dise*o "ara evi#ar 0eco%ence%os a con/ron#ar - as%ir 0e nes#ro radio de acción es "er%ea)!e - sensi)!e asinn=%ero de circns#ancias( e a!'nas de e!!as no a'o#an !a co%"!e+idad de !a "rodcción enserie$ 0e nas "ocas se 2an ve!#o a+enas a !as r'encias de! %ercado$ 0e o#ras %c2as se 2anconver#ido en iconos de a!'nos "rodc#os o servicios - 0e nas can#as 2an ace"#ado +'ar e!

+e'o %ndia! de !a creación de va!or$ !a iden#idad cor"ora#iva$ !os %edios - !os "rodc#os decons%o(

E! sec#or de servicios es#4 creciendo$ #an#o en n=%ero de e%"!eados co%o en s i%"or#ancia en!a econo%1a$ %ien#ras e! sec#or %an/ac#rero decae( Sin e%)ar'o$ as1 co%o !os sec#ores%an/ac#reros$ !os servicios de)en ser dise*ados - s dise*o de)e ser 'es#ionado(

E! dise*o de servicios "ede ser #an'i)!e co%o in#an'i)!e( Pede invo!crar ar#e/ac#os - o#rascosas inc!-endo co%nicación$ a%)ien#es - condc#as( Ca!0ier /or%a 0e ado"#e de)e serconsis#en#e$ /4ci! de sar - ser a"!icado es#ra#.'ica%en#e(

Só!o recien#e%en#e !os 'eren#es invo!crados en e! sec#or de servicios se 2an

dado cen#a 0e n es/er5o concien#e "or a"!icar #.cnicas de dise*o a !osservicios "ede res!#ar en n incre%en#o en !a sa#is/acción de c!ien#es$ %a-orcon#ro! so)re ss o/er#as - %a-ores 'anancias(

0.7. DISEÑAR FORMATOS &ONSIDERANDO LAS ZONAS AUREAS8 DIRE&&ION8SENTIDO EQUILI+RIO.



10/43


Toda o)ra de co%nicación visa! nace de !a necesidad de #rans%i#ir n %ensa+e es"ec1/ico( Undise*ador 'r4/ico no es n creador de /or%as$ sino n creador de co%nicaciones$ n "ro/esiona!0e %edian#e n %.#odo es"ec1/ico 3dise*o6 cons#r-e %ensa+es 3co%nicación6 con %ediosvisa!es 3'ra/is%os6( No es e! creador de! %ensa+e$ sino s in#.r"re#e(

E! "rinci"a! co%"onen#e de #oda co%"osición 'r4/ica es "es e! %ensa+e a in#er"re#ar$ !a

in/or%ación 0e se desea 2acer !!e'ar a! des#ina#ario a #rav.s de! 'ra/is%o( Es#a in/or%ación sede)e re"resen#ar "or %edio de di/eren#es e!e%en#os 'r4/icos$ 0e "eden ser %c2os - variados$an0e !os %4s co%nes son7

• E!e%en#os 'r4/icos si%"!es7 "n#os - !1neas de #odo #i"o 3!i)res$ rec#as$ 0e)radas crvas$e#c(6

• E!e%en#os 'eo%.#ricos$ con con#orno o sin .!7 "o!1'onos$ c1rc!os$ e!i"ses$ óva!os$ e#c(• Ti"os7 !e#ras de di/eren#es /or%as - es#rc#ra$ #i!i5adas "ara "resen#ar %ensa+es

#ea!es(• Gr4/icos varios7 !o'o#i"os$ iconos$ e#c(• I!s#raciones• Fo#o'ra/1as

• Ca!0ier o#ro e!e%en#o visa! a"#o "ara co%nicar n %ensa+e(!. ZONAS AUREAS.

La creó 9i#rvio$ !a a#oridad ro%ana en ar0i#ec#ra( Ideó n sis#e%a de c4!c!o %a#e%4#ico de!a división "ic#órica$ "ara seccionar !os es"acios en "ar#es i'a!es - as1 conse'ir na %e+orco%"osición( Se )asa en e! "rinci"io 'enera! de con#e%"!ar n es"acio rec#an'!ar dividido$ a'randes ras'os$ en #erceras "ar#es$ #an#o ver#ica! co%o 2ori5on#a!%en#e(

La esca!a se #i!i5a en "!anos - %a"as "ara !a re"resen#ación de na %edición "ro"orciona! rea!(La %edición nos "er%i#e adecarnos a !a rea!idad$ "ero %4s i%"or#an#e es !o 0e co!oca%os

+n#o a! o)+e#o visa! o e! %arco en e! 0e es#4 co!ocado( La %edición niversa! es !a "ro"ia%edida de! 2o%)re$ e! #a%a*o %edio de !as "ro"orciones 2%anas(

La "re'n#a 0e 2acen #odos !os dise*adores es7 có%o "ode%os dis#ri)ir e! es"acio de dise*o

de na /or%a acer#ada Pes )ien$ no 2a- na nor%a 0e nos indi0e !a división "er/ec#a$ "eroe&is#e na /ór%!a %- conocida en e! %ndo de! dise*o$ 0e "er%i#e dividir e! es"acio en "ar#esi'a!es$ "ara !o'rar n e/ec#o es#.#ico a'rada)!e - 0e "ede !!e'ar a ser %- e/ica5( Es#a #eor1ase deno%ina 9L! "e:l! ;u"e!9$ #a%)i.n conocida co%o 9se%%i 2u"e!9.

1. DIRE&&ION SENTIDO.

En !a co%nicación visa! e! dise*ador #endr4 0e #ener en cen#a #an#o !a ver#ien#e "sico!ó'icade !a "erce"ción 2%ana co%o !as si'ni/icaciones c!#ra!es 0e "eden #ener cier#os e!e%en#os(



11/43


E! dise*ador 'r4/ico es na es"ecie de ar0i#ec#o de! es"acio 'r4/ico - de)e dis#ri)ir !ose!e%en#os en /nción de na es#rc#ra in#erna 0e #en'a na si'ni/icación$ '1a o in#encióncoinciden#e con e! %ensa+e 0e se 0iera #rans%i#ir( Es#a es#rc#ra ser4 !a res"onsa)!e de !ae!ección cro%4#ica - s in#enciona!idad e&"resiva$ de !a e!ección de !as i%4'enes o de !adis"osición de !os )!o0es de #eo(

A!'nos /ac#ores "sico!ó'icos 0e de)e%os conocer son7

• !. El eo(!l3 Necesi#a%os ver 0e !os o)+e#os o "ar#es 0e co%"onenna co%"osición es#4n de a!'na /or%a a"o-ados( La "ar#e in/erior se ver4 %e+or 0e !as"erior$ -a 0e ser4 donde se cons#i#-a !a )ase(

• %. A:ulo i-e"io" i>


12/43


2ace !o con#rario$ crea a'i#ación - #ensión$ "ero "ede conse'ir 0e na i%a'en no sea%onó#ona(

Pode%os 2acer o#ra división de e0i!i)rio7

• E! e0i!i)rio /or%a!(• e! e0i!i)rio in/or%a!(

E! e


13/43


E! o+o 2%ano "ede dis#in'ir en#re ?(??? co!ores( Se "eden ade%4s e%"!ear #res di%ensiones/1sicas de! co!or "ara re!acionar e&"eriencias de "erce"ción con "ro"iedades %a#eria!es7 sa#ración$)ri!!an#e5 - #ono(

E! c1rc!o cro%4#ico nos sirve "ara o)servar !a or'ani5ación )4sica - !a in#erre!ación de !os co!ores(Ta%)i.n !o "ode%os e%"!ear co%o /or%a "ara 2acer !a se!ección de co!or 0e nos "are5ca

adecada a nes#ro dise*o( Pode%os encon#rar diversos c1rc!os de co!or$ "ero e! 0e a01 ve%oses#4 co%"es#o de co!ores )4sicos(

Den#ro encon#ra%os e! ne'ro$ 0e se "rodce 'racias a !a %e5c!a de #odos e!!os(En es#e c1rc!o cro%4#ico "ode%os encon#rar7

• los %olo"es $"i#!"ios3 ro+o$ a5! - a%ari!!o• los se%ud!"ios3 verde$ vio!e#a - naran+a• B los (e"%i!"ios3 ro+o vio!4ceo$ ro+o anaran+ado$ a%ari!!o anaran+ado$ a%ari!!o verdoso$

a5! verdoso - a5! vio!4ceo(

e. R/+ CRED8 /REEN8 +UE B &M C&AN8 MA/ENTA8 ELLO



14/43


Los #onos secndarios se o)#ienen a! %e5c!ar "ar#es i'a!es de dos "ri%arios !os #onos #erciariosse consi'en a! %e5c!ar "ar#es i'a!es de n #ono "ri%ario - de n secndario ad-acen#e( Los"ri%arios son co!ores 0e se consideran a)so!#os - 0e no "eden crearse %edian#e !a %e5c!ade o#ros co!ores( Sin e%)ar'o$ %e5c!ar !os "ri%arios en diversas co%)inaciones crea n n=%eroin/ini#o de co!ores( De"endiendo de 0. 4%)i#o$ "ode%os encon#rar #res +e'os de co!ores"ri%arios7

√ Los ar#is#as - dise*adores "ar#en de n +e'o /or%ado "or e! "oo8 el !#!"illo B el !>ul(Me5c!ando "i'%en#os de .s#os co!ores "eden o)#enerse #odos !os de%4s #onos(

√ E! se'ndo +e'o de "ri%arios es e! de! "oo8 e"de B el !>ul8 conocidos co%o $"i#!"ios!di(ios( Son !os "ri%arios de !a !5 - se #i!i5an en e! ca%"o de !a ciencia o en !a/or%ación de i%4'enes de %oni#ores( Si se %e5c!an en dis#in#os #an#os "or cien#o$ /or%ano#ros co!ores - si !o 2acen en can#idades i'a!es "rodcen !a !5 )!anca(

√ E! #ercer +e'o se co%"one de #!:e(!8 !#!"illo B %B!. Se #ra#an de !os $"i#!"iossus("!%(ios - son !os e%"!eados "or !os i%"resores( En i%"ren#a$ !a se"aración deco!ores se rea!i5a #i!i5ando /i!#ros "ara res#ar !5 de !os "ri%arios adi#ivos$ con !o 0e seo)#ienen !os co!ores de i%"resión "or "roceso ss#rac#ivo(

-. &ONTRASTES.

El (oo3 Es e! %a#i5 de! co!or$ es decir e! co!or en s1 %is%o$ s"one s ca!idad cro%4#ica$ esKsi%"!e%en#eK n sinóni%o de co!or( Es !a ca!idad 0e de/ine !a %e5c!a de n co!or con )!anco -ne'ro( Es#4 re!acionado con !a !on'i#d de onda de s radiación( Se'=n s #ona!idad se "ededecir 0e n co!or es ro+o$ a%ari!!o$ verde((( A01 "ode%os 2acer na división en#re7

• #onos c4!idos 3ro+o$ a%ari!!o - anaran+ados6( A0e!!os 0e asocia%os con !a !5 so!ar$ e!/e'o(((

• - #onos /r1os 3a5! - verde6( Los co!ores /r1os son a0e!!os 0e asocia%os con e! a'a$ !a!5 de !a !na (((

Los #.r%inos Hc4!idoH - H/r1oH se #i!i5an "ara ca!i/icar a a0e!!os #onos 0e conno#an dic2asca!idades .s#os #.r%inos se desi'nan "or !o 0e deno%ina%os H#e%"era#ra de co!orH( Las

di/erencias en#re !os co!ores c4!idos - !os /r1os "eden ser %- s#i!es( Por e+e%"!o$ e! "a"e!)!anco "ede "arecer %4s c4!ido o %4s /r1o "or na !eve "resencia de ro+o o a5!( Lo %is%oocrre con e! 'ris - e! ne'ro(

L! 1"ill!(e>3 Tiene 0e ver con !a in#ensidad o e! nive! de ener'1a( Es !a !%inosidad de n co!or3!a ca"acidad de re/!e+ar e! )!anco6$ es decir$ e! )ri!!o( A!de a !a c!aridad oscridad de n #ono(Es na condición varia)!e$ 0e "ede a!#erar /nda%en#a!%en#e !a a"ariencia de n co!or( La!%inosidad "ede variar a*adiendo ne'ro o )!anco a n #ono(

En 'enera!$ con !os #onos "ros 0e #ienen n va!or %4s !%inoso 3a%ari!!o$ naran+a$ verde6 seconsi'en !as %e+ores varian#es c!aras$ %ien#ras 0e !os #onos "ros 0e #ienen nor%a!%en#e nva!or nor%a!%en#e %enos !%inoso 3ro+o$ a5!$ vio!e#a6 o/recen !as %e+ores varian#es oscras(

L! s!(u"!%i3 Es#4 re!acionada con !a "re5a cro%4#ica o /a!#a de di!ción con e! )!anco(Cons#i#-e !a "re5a de! co!or res"ec#o a! 'ris$ - de"ende de !a can#idad de )!anco "resen#e(Can#o %4s sa#rado es#4 n co!or$ %4s "ro es - %enos %e5c!a de 'ris "osee(

G. MANEHAR LOS ELEMENTOS +ASI&OS DE UN LEN/UAHE USADO EN LA &REA&ION DE*;/INAS E+.



15/43


Para crear na "4'ina e) re0eri%os de n !en'a+e es"ecia! de "ro'ra%ación$ e! ca! es n"ro'ra%a con n con+n#o de ins#rcciones de#a!!adas 0e !e dir4n a !a co%"#adora 0e 2acere&ac#a%en#e$ "aso a "aso( Un "ro'ra%a "ede ser #an cor#o co%o de na so!a !1nea de códi'o$ o#an !ar'o co%o de varios %i!!ones de !1neas de códi'o( Es#os son a!'nos de e!!os7

TML.

E! 8TML$ acróni%o in'!.s de 8-"er Te Mar" Lan'a'e 3!en'a+e de %arcación de 2i"er#eo6$es n !en'a+e de %arcas dise*ado "ara es#rc#rar #eos - "resen#ar!os en /or%a de 2i"er#eo$0e es e! /or%a#o es#4ndar de !as "4'inas e)( Gracias a In#erne# - a !os nave'adores de! #i"oE&"!orer o Ne#sca"e$ e! 8TML se 2a conver#ido en no de !os /or%a#os %4s "o"!ares 0e e&is#en"ara !a cons#rcción de doc%en#os(

DTML.

E! 8TML Din4%ico o D8TML 3de! in'!.s D-na%ic 8TML6 desi'na e! con+n#o de #.cnicas 0e"er%i#en crear si#ios e) in#erac#ivos #i!i5ando na co%)inación de !en'a+e 8TML es#4#ico$ n!en'a+e in#er"re#ado en e! !ado de! c!ien#e 3co%o avaScri"#6 - e! !en'a+e de 8o+as de es#i!o encascada 3CSS6(

AS*.

Ac#ive Server Pa'es 3ASP6$ es na #ecno!o'1a "ro"ie#aria de Microso/#( Se #ra#a )4sica%en#e de n!en'a+e de #ra#a%ien#o de #eos 3scri"#s6$ )asado en Basic$ - 0e se deno%ina 9BScri"# 39isa!Basic Scri"#6( Se #i!i5a casi e&c!siva%en#e en !os servidores We) de Microso/# 3In#erne#In/or%a#ion Server - Persona! We) Server6( Los scri"#s ASP se e+ec#an$ "or !o #an#o$ en e!servidor - "ede #i!i5arse con+n#a%en#e con 8TML - avascri"# "ara rea!i5ar #areas in#erac#ivas- en #ie%"o rea! con e! c!ien#e(

Con ASP se "eden rea!i5ar /4ci!%en#e "4'inas de cons!#a de )ases de da#os$ /nciones senci!!asco%o o)#ener !a /ec2a - !a 2ora ac#a! de! sis#e%a servidor$ c4!c!os %a#e%4#icos si%"!es$ e#c(

HA)A S&RI*T.

avaScri"# es n !en'a+e orien#ado a o)+e#os "ro"ia%en#e dic2o$ -a 0e dis"one de 8erencia$ si)ien es#a se rea!i5a si'iendo e! "aradi'%a de "ro'ra%ación )asada en "ro#o#i"os$ -a 0e !asnevas c!ases se 'eneran c!onando !as c!ases )ase 3"ro#o#i"os6 - eendiendo s /nciona!idad(

Todos !os nave'adores %odernos in#er"re#an e! códi'o avaScri"# in#e'rado den#ro de !as "4'inase)( Para in#erac#ar con na "4'ina e) se "rovee a! !en'a+e avaScri"# de nai%"!e%en#ación de! DOM 3Document Object Model, "odr1a ser Modelo en Objetos para larepresentación de Documentos6$ a)reviado DOM$ es esencia!%en#e n %ode!o co%"#aciona!a #rav.s de! ca! !os "ro'ra%as - scri"#s "eden acceder - %odi/icar din4%ica%en#e e! con#enido$es#rc#ra - es#i!o de !os doc%en#os 8TML - ML(

4.0. DEFINIR O+HETI)OS &ONTENIDOS DE LA *;/INA E+.


http://es.wikipedia.org/wiki/Navegadorhttp://es.wikipedia.org/wiki/DOMhttp://es.wikipedia.org/wiki/Navegadorhttp://es.wikipedia.org/wiki/DOM


16/43


Es i%"or#an#e #o%ar na decisión "ara e!e'ir 0. o)+e#ivos considera%os "ri%ordia!es an#es de!desarro!!o de !a "4'ina e)( La e!ección$ condiciona de %anera c!ave !a conce"ción - e! dise*o de!"ro-ec#o$ e! ca! de)e ser co2eren#e con !os o)+e#ivos de !a e%"resa( Por e+e%"!o7

Conse'ir Q? con#ac#os co%ercia!es en a*o(

O/recer a !os c!ien#es na 2erra%ien#a de se!ección de! "rodc#o %4s adecado "ara 0e sein/or%en - co%"aren sin "resionesI%"ac#ar a! visi#an#e con na e) es"ec#ac!ar 0e re/erce !a i%a'en de %arca(9ender so/#are direc#a%en#e desde In#erne# )scando e! a2orro de cos#os de dis#ri)ción(

T e) "ede ser a!'o %4s( a 0e 2a)!a "or #i$ "or #s "rodc#os$ "or #s servicios$ "or !o 0eade%4s "ede7O/recer a! visi#an#e ocasiona! na %o#ivación "ara con#ac#ar$Una ra5ón "ara recordar#e o 0i54s na #i!idad 0e !e a2orra #ie%"o$Encon#rar na in/or%ación 0e es#a)a )scando(Faci!i#ar - a'i!i5ar e! #ra)a+o de co!a)oradores - de e%"!eados(A"o-a !a i%a'en de %arca(9ende - co%"!e#a e! "roceso de ven#a(

O/rece asis#encia - so"or#e #.cnico(Faci!i#a na co%nicación 4'i! - /!ida con #s c!ien#es - "roveedores(

Cada e%"resa o "ersona de)e e!e'ir a0e!!os 0e %e+or enca+en con ss o)+e#ivos - !ase&"ec#a#ivas de! ne'ocio(

Piensa 0e !a de/inición de o)+e#ivos #e a2orrar4 sor"resas co%o dise*ar na e) "ensando en !osc!ien#es$ "ara des".s desc)rir 0e só!o #e visi#an Hera*osH ((( O n dise*o de e) %-es"ec#ac!ar e innovador$ cando !o =nico 0e se "re#ende es 0e !a "ersona de+e ss da#os dee%ai! "ara enviar!e o/er#as concre#as$ e#c(

Un %is%o si#io e) "ede "er/ec#a%en#e in#en#ar c%"!ir varios o)+e#ivos si%!#4nea%en#ean0e #e reco%iendo 0e !o a)ordes "or /ases( E%"ie5a "or o de e!!os$ - a %edida 0eva-as viendo s evo!ción - a"rendiendo de !os errores - acier#os$ "edes ir "!ani/icando nevoso)+e#ivos(

Para i!s#rar es#as ideas$ !os o)+e#ivos "ode%os a'r"ar!os en7

a6 Bscar leads o con#ac#os( a sea "ara co%"rar$ dis#ri)ir$ vender$ annciarse$ conse'ir navisi#a co%ercia!$ na de%os#ración de "rodc#o$ e#c (((

)6 Fide!i5ación de c!ien#es - a"o-o a !a ven#a( Brandin'$ a%"!ia in/or%ación$ so"or#e #.cnico$a-da onK!ine$ ac#a!i5aciones de "rodc#o$ de%os#raciones in#erac#ivas$ "ro%ociones$ +e'os$#i!idades$ /oros$ e#c(

c6 A2orro de #ie%"o - dinero( A"!icaciones - #i!idades "ara a'i!i5ar - /aci!i#ar #areas r#inarias7ven#as onK!ine$ in#rodcción de o/er#as de #ra)a+o$ ac#a!i5aciones de "rodc#o$ #rans/erencia

de arc2ivos$ )5ón de s'erencias$ 0e+as$ #r4%i#es - 'es#iones on !ine$ e#c(

Cada no !o "ede de/inir co%o 0iera$ %4s o %enos de#a!!ado$ "ensando en !as i%"!icaciones"ara !a or'ani5ación$ )scando di/erenciarse de !a co%"e#encia$ %arcar o)+e#ivos a %edio - !ar'o"!a5o$ e#c( Es escri)ir con !e#ras )ien 'randes LO UE UIERES( O#ra #area ser4 decidir !ases#ra#e'ias a e%"render "ara c%"!ir !os o)+e#ivos(

4.4. ESQUEMATIZAR LA ESTRU&TURA /ENERAL DE UNA *A/INA E+.



17/43


PLANIFIQUE LA E!"U#!U"A AN!E DE EMPE$A"

An#es de crear n con+n#o de "4'inas e) no 2a de #ener na idea c!ara de có%o va a ser !aes#rc#ra de dic2as "4'inas$ es convenien#e 2acer n es0e%a$ "ara !a %a-or1a de !os casos na

2o+a de "a"e! - n !a"icero )as#ar4$ "ero si e! e%"!a5a%ien#o va a a!)er'ar n 'ran n=%ero de"4'inas es reco%enda)!e sar a!'=n #i"o de "ro'ra%a 0e "er%i#a %ane+ar es#rc#ras de #i"o'ra/o(

LA E!"U#!U"A DEPENDE DEL #ON!ENIDO

No es !o %is%o crear na es#rc#ra de nave'ación "ara n si#io 0e desea ")!icar in/or%acióna! es#i!o de n !i)ro c-a es#rc#ra es#ar4 /or%ada "or ca"1#!os$ es#e #i"o de in/or%ación seada"#a )as#an#e )ien a na es#rc#ra !inea! co%o +er4r0ica( Mien#ras 0e n si#io donde see&"one n ##oria! o n #or es %4s a"ro"iada na es#rc#ra de #i"o !inea!(

Para visa!i5ar !a es#rc#ra de direc#orios es reco%enda)!e di)+ar na es"ecie de or'ani'ra%a$en e! 0e va%os a ir co!ocando !os direc#orios en /nción de s i%"or#ancia$ desde e! nive!s"erior a o#ros in/eriores(

Se de)e !is#ar !a in/or%ación 0e se desea inc!ir en !a We)( Es#a in/or%ación de)e sersi'ni/ica#iva - =#i! "ara e! "=)!ico( Teniendo en cen#a !o 0e a e!!os !es in#eresa$ no !o 0e anoso#ros nos 's#ar1a 0e nos in#erese(

En e! caso de 0e e&is#an o#ras /or%as de acceso a in/or%ación dis"oni)!e "ara esas %is%as

"ersonas$ e! con#enido de !a We) de)er4 ser s"erador de esos o#ros %a#eria!es(Es e! %o%en#o de 2acer n )oce#o de !a "4'ina "rinci"a! - de cada "4'ina 0e es#. en!a5ada a.s#a$ sin "reoc"arnos de%asiado "or !os de#a!!es$ -a 0e so!o es n )oce#o( Es i%"or#an#erecordar 0e !os visi#an#es de na e) no !o van a !eer co%"!e#a%en#e$ sino 0e !o 0e desean esencon#rar r4"ida%en#e !o 0e !es in#eresa$ "or !o 0e 2a)r4 de es#a)!ecer na es#rc#raadecada de en!aces en#re !as "4'inas( E! %ovi%ien#o de n !ado a o#ro de !a e) de)e ser !o%4s in#i#ivo "osi)!e "ara /aci!i#ar e! #ra)a+o de! visi#an#e( Un si#io e) en e! 0e sea di/1ci!encon#rar !o 0e )sca%os es a)andonado r4"ida%en#e(

Cando n in#erna#a in'resa a na "4'ina e)$ 0iere encon#rar en#re o#ras cosas #rescarac#er1s#icas7 ve!ocidad$ si%"!icidad - c!aridad( Por s "ar#e$ e! si#io e) visi#ado "re#ende 0e!a "ersona o "ersonas 0e in'resen en ss "4'inas se 0eden e! %a-or #ie%"o "osi)!e en

!en'a+e co%ercia! )scan a#raer c!ien#es( Pero$ có%o !o'rar !as dos cosas$ es decir$ o/recer n"rodc#o a'rada)!e a !a vis#a - con )enos con#enidos(

Es#e es n e+e%"!o con e! de)e%os e%"e5ar a crear nes#ra "4'ina$ en e! ca! de)e%os #enerc!aro !os nive!es 0e #endr4(

ESTRUCTURA SUGERIDA DE UNA WEB

MATERIA ELABORAR PAGINAS !EB



18/43


19/43


J=(#lK

J=e!dKE#i0e#as - con#enidos de! enca)e5adoDa#os 0e no a"arecen en nes#ra "4'ina "ero 0e son i%"or#an#es "ara ca#a!o'ar!a7 Ti#!o$

"a!a)ras c!ave$(((J=e!dK

J1odBK E#i0e#as - con#enidos de! cer"oPar#e de! doc%en#o 0e ser4 %os#rada "or e! nave'ador7 Teo e i%4'enes

J1odBK

J=(#lK

Con #odo !o 0e conoce%os -a so)re 8TML "ode%os cons#rir na "4'ina e) 0e -a #iene)as#an#e sen#ido( 9e%os n e+e%"!o a con#inación(

J=(#lK

J=e!dK J(i(leKE!a)oración de Pa'inas We)J(i(leK

J=e!dK

J1odBK")Bienvenido$)""Es#4s en !a "4'ina )E!a)oración de P4'inas We) de Tercer Se%es#re)(""A01 a"render4s de %anera "ersona! a rea!i5ar # "a'ina e)("

J1odBK

J=(#lK

Có%o -a 2e%os dic2o e! 8TML es n !en'a+e de %arcas 3e(i


20/43


Es#as son a!'nas de !as e#i0e#as %4s #i!i5adas7J =(#lK%arcan e! inicio - e! /ina! de na "a'ina e)J =(#lK J (i(leKes#a)!ece n #i#!o "ara !a "a'inaJ (i(leK J 1odB 1:%olo"99Kes#a)!ece n co!or de /ondo "ara !a "a'inaJ 1odB 1!%:"oud99Kes#a)!ece na i%a'en de /ondo "ara !a "a'ina J 1odB

(e'(99Kes#a)!ece e! co!or de !e#ra en !a "a'inaJ =0Kes#a)!ece n enca)e5ado en !a "a'inaJ =0K J ="Ka're'a na !1nea se"aradora

E(ie99Kca%)ia e! #a%a*o de! #eoJ -o( -!%e99K ca%)ia e! #i"o de !e#ra J -o( %olo"99si>e99-!%e99K ca%)ia e! co!or e!#a%a*o - e! #i"o de !e#ra /on#

E(i


21/43


Para es#o se #i!i5a !a e#i0e#a J$ K - J$K. Es#e co%ando es %- =#i! de)ido a 0e si noescri)e a!'o 3en e! edi#or 0e se es#e #i!i5ando6 "or %c2o es"acio 0e no !e de sie%"re a!#eo$ sie%"re va a a"arecer en !a %is%a !1nea( Para a!inear n "4rra/o se #i!i5a e! co%ando J!li:K - J!li:K$ #i!i5ado den#ro de !a e#i0e#aJ$K( Se "ede a!inear de #res /or%as di/eren#es7

J$ !li:9le-(9K P4rra/o((( J$K A!inea a !a i50ierda(J$ !li:9%e(e"9K P4rra/o((( J$K Rea!i5a n cen#rado(J$ !li:9"i:=(9K P4rra/o((( J$K A!inea a !a derec2a(J $K indica e! inicio de n "4rra/o nevoJ 1"Kca%)ia e! #eo a o#ra !1neaJ $"eKa*ade n #eo "re/or%a#eado J $"eK J liKsirve "ara !is#ar o)+e#osJ ulKa*ade n%eración a !os o)+e#os !is#adosJ ulKa*ade vi*e#as a !os o)+e#os !is#adosJ ulK J 1lo%e$ Ti"o de !e#ra o /en#e C-!%e - co!or

For%a#o7

J1K - J1K Sirve "ara co!ocar n #eo en Ne'ri#a(JuK - J uK sirve "ara s)ra-ar n #eoJs("ieK - Js("ieK sirve "ara #ac2ar n #eo(Js("o:K - Js("o:K c%"!e !a %is%a /nción 0e J1K JiK - JiK "ara co!ocar n #eo en crsiva(%em&texto con énfasis%'em& texto con énfasis%cite&citación%'cite& ci#ación%d(n&definición%'d(n& de/inición%)bd&teclado%')bd& #ec!ado%samp&ejemplo%'samp& e+e%"!o

si>e7 re'!a e! #a%a*o de !os carac#eres(

E+e%"!o3J-o( si>e979K #eo((( J-o(K.

-!%e7 es !a /en#e 0e se 0iere sar$ aria!$ #i%es ne ro%an$ e#c(

Para e!e'ir noso#ros %is%os e! co!or 0e 0ere%os 0e #en'an !os !ins o en!aces e inc!so e!#eo$ !as e#i0e#as 0e se #i!i5an "ara 2acer es#o son !as si'ien#es7

• #eVHn=%eroH Para e! co!or de! #eo(• !inVHn=%eroH Para e! co!or de !os en!aces(



22/43


• v!inVHn=%eroH E! co!or con 0e a"arecer4n !os en!aces -a visi#ados(• a!inVHn=%eroH Co!or de! en!ace cando !o "!sa%os(

Por !o #an#o !a e#i0e#a )od- "ede 0edar de! si'ien#e %odo7J1odB 1:%olo"9Pu#9 (e'(9Pu#9 li9Pu#9 li9Pu#9 !li9Pu#9K

A2ora vere%os co%o "oner na i%a'en de /ondo( Es %- senci!!o$ )as#a con sar !a e#i0e#a7

)ac'rondVH!oca!i5ación de !a i%a'enH Es#a e#i0e#a va den#ro de !a e#i0e#a )od-(

E+e%"!o7

)od- )ac'rondVHdoc%en#os2#%!'i/sdra'on)a!!('i/H

Las !is#as "eden ser7 Lis#a desordenada$ JulK 3Unordered Lis#6(

Lis#a ordenada$ JolK 3Ordered Lis#6(

E+e%"!os de di/eren#es #i"os de !is#as7Lis(! %o #e"os "o#!os3JolK!i #-"eVIMan5ana!i #-"eVIXana2oria!i #-"eVILec2'a!i #-"eVITo%a#eJolKI Man5anaII Xana2oriaIII Lec2'aI9 To%a#e

Lis(! u#e"!d!3JolK!iMan5ana!iXana2oria!iLec2'a!iTo%a#eJolK Man5ana Xana2oria Lec2'a To%a#e



23/43

ELABORACION DE PAGINAS WEB MODULO II TEMAS _________________________________________________________________________________________________

Una de !as /or%as de crear !is#as conDrea%eaver es ac#ivar !a )arra Teo$"ara e!!o "!sare%os$ #a! co%o ve%osen !a i%a'en in/erior$ en e! )o#ón

&o#

en e! "ane! 0e se des"!ie'a se!eccion4re%os!a o"ción Te'(o(

P!sare%os e! )o#ón ul( Con es#e )o#ónac#iva%os !a o"ción ;Lis#as si%"!es o noordenadas<

Si se!ecciona%os !a !is#a si%"!e$ !a !1neadonde #en'a%os ac#ivo e! crsor de #eoser4 e! co%ien5o de na !is#a( Cando"!se%os !a #ec!a en#er$ Drea%eaverconver#ir4 e! #eo in#rodcido en esa !1neaen na en#rada de !a !is#a - "re"ara !asi'ien#e !1nea co%o o#ro e!e%en#o de !a!is#a(

Para #er%inar de in#rodcir e!e%en#os en !a !is#a só!o #ene%os 0e "!sar !a #ec!a en#er dos vecesse'idas - -a "odre%os con#inar escri)iendo nor%a!%en#e

4.. ESTA+LE&ER )IN&ULOS E I*ER)IN&ULOS.

Nor%a!%en#e se !es !!a%a en!aces(K Consis#en en !1neas de #eo o i%4'enes 0e se encen#randen#ro de cier#os doc%en#os$ 'enera!%en#e en "4'inas e)$ - 0e "er%i#en acceder a o#rosdoc%en#os( Es#os en!aces es#a)!ecen cone&iones con o#ras "4'inas en In#erne# "ara 0e e!

INFORMATICA TERCER SEMESTRE QDocen#es7 L(S(C( E!via Micae!a Ur)ina 9iscencio L(S(C( Ma( E'enia Ac*a Re-es


24/43


nave'ador "eda visa!i5ar!as( Cando se 2ace c!ic so)re n en!ace$ e! nave'ador a)rir4a#o%4#ica%en#e !a "4'ina de in/or%ación a !a 0e 2ace re/erencia(

Para de/inir n en!ace es necesario %arcar con !a e#i0e#a a e! o)+e#o de! ca! va a "ar#ir dic2oen!ace( Dic2a direc#iva de)e inc!ir e! "ar4%e#ro 2re/VHr!H "ara es"eci/icar e! des#ino de! en!ace(Es decir$ 0e an#es de! o)+e#o e!e'ido de)e%os a)rir con J! ="e-9u"l9K$ - des".s cerrar con

J!K( Por e+e%"!o$ si 0ere%os 0e e! #eo H"!se a01 "ara visi#ar !a NASAH nos cond5ca a !aH2o%e "a'eH de !a NASA$ de)e%os escri)ir en nes#ro #eo 8TML7 J! ="e-9=(($3.!s!.:o9KP!se a01 "ara visi#ar a !a NASAJ!K

e se ver1a de es#a /or%a7 P!se a01 "ara visi#ar a !a NASA

Si 0ere%os 0e e! #eo HFo#oH nos !!eve a na i%a'en #ene%os 0e escri)ir7J! ="e-9i#!:e.:i-9KFo#oJ!K en#onces a! 2acer c!ic en e! #eo Fo#o nos a)rir4 !ai%a'en('i/(

Ta%)i.n se "ede ir a o#ro en!ace "or %edio de na i%a'en( Lo =nico 0e se de)e 2acer esca%)iar e! #eo "or na i%a'en7

J! ="e-9=(($3.!l(!is(!.%o#9KJi#: s"%9Lo:o.$:9KJ!K

Si se 0iere 2acer n !in "ara 0e nos %anden n EKMai! se de)e 2acer de !a si'ien#e %anera7J! ="e-9#!il(o3$-"!ioli-i1e"(el.%o#.!"9KManda%e n E%ai!J!K

En#onces cando se 2a'a c!ic so)re es#a "a!a)ra Manda%e n E%ai! se a)rir4 3"or de/ec#o6 e!Microso/# O#!oo E&"ress con !a dirección de! des#ina#ario -a escri#a(

4.5. MANI*ULAR O+HETOS FORMULARIOS EN UNA *A/INA E+.

Los /or%!arios se #i!i5an "ara reco'er da#os de !os sarios$ nos "eden servir "ara rea!i5ar n"edido en na #ienda vir#a!$ crear na ences#a$ conocer !as o"iniones de !os sarios$ reci)ir"re'n#as$ 2acer sscri"ciones a n )o!e#1n o revis#a 0e edi#e%os$ e#c(

Una ve5 e! sario re!!ena !os da#os - "!sa e! )o#ón "ara enviar e! /or%!ario se arrancar4 n"ro'ra%a 0e reci)ir4 !os da#os - 2ar4 e! #ra#a%ien#o corres"ondien#e 3na )ase de da#os "ore+e%"!o6(

A01 va%os a ver có%o crear e! /or%!ario )4sico$ 3inser#ar ca%"os - )o#ones en e! /or%!ario -va!idar!os6$ "ero no !a "ar#e de #ra#a%ien#o de !os da#os$ -a 0e "ara e!!o se necesi#an nocionesde "ro'ra%ación$ -a sea en SL$ en avaScri"# o en o#ro !en'a+e de "ro'ra%ación(

Un /or%!ario es#4 /or%ado$ en#re o#ras cosas$ "or e#i0e#as$ ca%"os de #eo$ %en=sdes"!e'a)!es$ - )o#ones(

Ele#e(os de -o"#ul!"io

Los e!e%en#os de /or%!ario "eden inser#arse en na "4'ina a #rav.s de! %en= Inser#ar$ o"ciónO)+e#os de /or%!ario( A #rav.s de es#a o"ción se "ede acceder a !a !is#a de #odos !os o)+e#os de/or%!ario 0e "eden ser inser#ados en !a "4'ina( 9a%os a ver no "or no a!'nos de !osdis#in#os e!e%en#os 0e "eden /or%ar "ar#e de n /or%!ario$ as1 co%o a!'nas de ss"ro"iedades(

INFORMATICA TERCER SEMESTRE YDocen#es7 L(S(C( E!via Micae!a Ur)ina 9iscencio L(S(C( Ma( E'enia Ac*a Re-es


25/43


Ca%"o de #eo - Zrea de #eo7 Per%i#en a*adir n cadro de #eo( E! Ca%"o de #eo so!o"er%i#e escri)ir na !1nea a! sario$ %ien#ras 0e e! Zrea de #eo "er%i#e escri)ir varias( Se"ede "asar de Ca%"o de #eo a Zrea de #eo a #rav.s de! ins"ec#or de "ro"iedades( Ta%)i.nes "osi)!e de/inir!o co%o Con#rase*a( A con#inación #ienes n e+e%"!o de cada no de es#os #res#i"os(

A #rav.s de! ins"ec#or de "ro"iedades es "osi)!e asi'nar #a%)i.n e! anc2o de! cadro de #eo$ e!n=%ero %4&i%o de !1neas o carac#eres$ - e! va!or inicia! de! cadro(

+o(7 Es e! )o#ón #radiciona!( E! )o#ón "ede #ener asi'nadas #res o"ciones7 Ei!"-o"#ul!"io8 Res(!1le%e" -o"#ul!"io 3)orrar #odos !os ca%"os de! /or%!ario6$ o Ni:u! 3"ara"oder asi'nar!e n co%"or#a%ien#o di/eren#e de !os dos an#eriores6(

Ta%)i.n es "osi)!e ca%)iar e! #eo de! )o#ón$ a #rav.s de! ca%"o E#i0e#a de! ins"ec#or de

"ro"iedades(

&!sill! de e"i-i%!%i7 Es n cadri#o 0e se "ede ac#ivar o desac#ivar( Pede asi'n4rse!e e!es#ado inicia! co%o Ac#ivado o co%o Desac#ivado(

+o( de o$%i7 Es n "e0e*o )o#ón redondo 0e "ede ac#ivarse o desac#ivarse( Si 2a-varios de! %is%o /or%!ario$ so!o "ede 2a)er no ac#ivado( Cando se ac#iva no$a#o%4#ica%en#e se desac#ivan !os de%4s(

C4! es %4s in#e!i'en#e E! ni*o E! +oven

Lis(!Me7 Una !is#a o %en= es ne!e%en#o de /or%!ario 0e !!evaasociada na !is#a de o"ciones( Lose!e%en#os se a*aden a #rav.s de )o#ón9a!ores de !is#a de! ins"ec#or de"ro"iedades( Cando se #ra#a de n%en=$ so!o es "osi)!e e!e'ir no de !os

e!e%en#os$ "ero si se #ra#a de na !is#a$ a #rav.s de Se!ecciones "ede "er%i#irse 0e sese!eccionen varios si%!#4nea%en#e(

E(i


26/43


Den#ro de dic2o /or%!ario se "odr4n inser#ar !os e!e%en#os de /or%!ario$ 0e co%o -a sa)es"edes inser#ar!os a #rav.s de! %en= Ise"(!"$ o"ción O1e(os de -o"#ul!"io(

Es %- reco%enda)!e #i!i5ar #a)!as "ara or'ani5ar !os e!e%en#os de !os /or%!arios( U#i!i5ando#a)!as se consi'e na %e+or dis#ri)ción de !os e!e%en#os de! /or%!ario$ !o 0e /aci!i#a sco%"rensión - %e+ora s a"ariencia(

)!lid!" -o"#ul!"ios

La va!idación de /or%!arios sirve "ara 2acer 0e avascri"# va!ide e! /or%!ario an#es de 0e seenv1e e! /or%!ario$ "ara 0e en e! caso de 0e 2a-a ca%"os de! /or%!ario 0e sean o)!i'a#orios$#en'an 0e re!!enarse an#es de "oder enviarse(

Para va!idar n /or%!ario 2a- 0e a)rir e! "ane! de &o#$o"(!#ie(os( Es#e "ane! se "edea)rir a #rav.s de! %en= )e(!!$ o"ción &o#$o"(!#ie(os$ o "!sando M!BsVF7(

En e! es#e "ane! 2a- 0e des"!e'ar e! )o#ón"!sando so)re .!$ - en Mos("!" ee(os$!"! e!e'ir na versión de !as ac#a!es deen#re !a !is#a de nave'adores( Por e+e%"!o$"edes e!e'ir e! nave'ador IE Y(?( Des".sde es#o$ 2a- 0e vo!ver a des"!e'ar e!)o#ón$ - "!sar so)re !a o"ción 9a!idar/or%!ario(

En#onces se %os#rar4 naven#ana co%o !a si'ien#e$donde a"arecen #odos !ose!e%en#os de! /or%!ario(

Pede se!eccionarse no "orno cada e!e%en#o de!

INFORMATICA TERCER SEMESTRE >Docen#es7 L(S(C( E!via Micae!a Ur)ina 9iscencio L(S(C( Ma( E'enia Ac*a Re-es


27/43


/or%!ario$ "diendo es"eci/icar !os re0isi#os 0e 2a de c%"!ir( Pede es#a)!ecerse co%o ca%"oa re!!enar o)!i'a#oria%en#e$ - si s con#enido 2a de ser n%.rico$ na dirección de correoe!ec#rónico$ e#c(

4.G. MANI*ULAR TA+LAS EN UNA *A/INA E+.

Una #a)!a es#4 /or%ada "or /i!as - co!%nas - a !a in#ersección de es#as !e !!a%a%os ce!das$ en!as 0e se "ede inser#ar #eo - 'r4/icos( Las #a)!as son na )ena 2erra%ien#a "ara or'ani5ar!os da#os en na "4'ina e)$ ade%4s nos "er%i#en es#rc#rar !as "4'inas de nes#ro si#iose"arando !a ca)ecera$ e! %en=$ e! con#enido(((

La or'ani5ación de! #eo en na "4'ina es "osi)!e 'racias a !as #a)!as( Mc2as "4'inas e) sonco%o "4'inas de revis#as$ - !a /or%a %4s si%"!e de e%!ar !as /nciones de %a0e#ación son !as#a)!as( Se "eden #i!i5ar - "ersona!i5ar !as #a)!as de varias /or%as di/eren#es con e! /in de2acer!as %4s a#rac#ivas - /4ci!es de !eer(

Se de)e #i!i5ar na #a)!a "ara "resen#ar !a in/or%ación en /or%a#o de cadr1c!a$ "or e+e%"!o2orarios$ in/or%ación acerca de "rodc#os$ #ari/as$ ca!i/icaciones de a!%nos$ e#c(

&"e!%i de u! (!1l!

Para crear na #a)!a se de)e sar !a ins#rcción Ta)!e$ se'ida de "ar4%e#ros 0e indican !aanc2ra$ e! co!or o i%a'en de /ondo$ e#c(

E+e%"!o7J(!1leKJ(!1leK

Es#as dos ins#rcciones indican a! e&"!orador de In#erne# 0e en es#e !'ar de !a "4'ina se va acrear na #a)!a(

Uso de e%!1e>!dos de (!1l!

Des".s de 0e se 2a-a indicado a! e&"!orador de In#erne# 0e se va a crear na #a)!a$ esnecesario de/inir c4n#as co!%nas de #a)!a se desean #i!i5ar( Para e!!o se de)en #i!i5ar !asins#rcciones T8$ !as ca!es indican !os enca)e5ados de #a)!a(

E+e%"!o7JT!1leKJTKCo!%na J(=KJTKCo!%na JTKCo!%na JTKJ(!1leK

Es#e se'%en#o de códi'o !e indica a! e&"!orador 0e sare%os na #a)!a de #res co!%nas( Cadaiden#i/icador T8 0e #i!ice indica na co!%na de da#o 0e desee re"resen#ar en !a #a)!a(

Para crear na #a)!a de)e%os 2acer c!ic so)re e! )o#ón Ise"(!" (!1l! de !a "a!e#a de O1e(os(

INFORMATICA TERCER SEMESTRE Docen#es7 L(S(C( E!via Micae!a Ur)ina 9iscencio L(S(C( Ma( E'enia Ac*a Re-es


28/43


29/43


Im*+enes (oto+r*(icas

I%4'enes o)#enidas a #rav.s de /o#o'ra/1as de "ersonas o !'ares( Para es#e #i"o de i%4'enes e!/or%a#o %4s reco%endado es e! PEG "or0e consi'e na 'ran co%"resión con na %1ni%a"erdida de ca!idad(

H*E/ /IF *N/

G.5G5 )-#es )i#s

45.544 )-#esQY co!s

54.7G0 )-#es )i#s

Im*+enes renderiadas

Es#e #i"o de i%4'enes son !as o)#enidas "or n "ro'ra%a de 'eneración de i%4'enes sin#.#icas%edian#e a!'=n "roceso de #ra5ado de ra-os o si%i!ar( Se carac#eri5an "or de'radados saves -!1neas %- )ien de/inidas(

Para es#e #i"o de i%4'enes es reco%enda)!e sar e! /or%a#o PNG( Ten'a "resen#e 0e e! /or%a#oPNG es e! %4s recien#e - "ede no es#ar so"or#ado en #odos !os nave'adores(

H*E/ /IF *N/



30/43


Im*+enes sencillas

Para !as i%4'enes senci!!as con "ocos co!ores - con /or%as %- de!i%i#adas$ e! /or%a#o %4sreco%endado es e! GIF$ -a 0e se "ede ada"#ar a! n=%ero de co!ores de na i%a'en( Con e!"aso de! #ie%"o "ede 0e e! /or%a#o PNG des)an0e a! GIF -a 0e e! "ri%ero es %4s avan5ado$"ero co%o s so #odav1a no es#4 %- eendido reco%enda%os e! /or%a#o GIF(

H*E/ /IF *N/

.XW )-#es 4.7X )-#es 0.G07 )-#es

"ealice pruebas

Las reco%endaciones dadas an#erior%en#e no son indisc#i)!es$ son reco%endaciones )asadas en!a e&"eriencia( Pede 0e "ara se'=n 0e casos$ no sean de! #odo acer#adas$ as1 0e !ereco%enda%os 0e "re)e a 'ra)ar !as i%4'enes en dis#in#os /or%a#os - se!eccione e! 0e !e"are5ca %4s adecado(

Fo"#!(o I#2:ees

H*E/Bi#s

Ba+a co%"resiónY?> )-#es

Media co%"resiónJY )-#es

A!#a co%"resión>Q )-#es

/IF

QY Co!ores? )-#es

Y Co!ores? )-#es

QQ Co!( [ Trans(>J? )-#es



31/43


32/43


Pode%os co%)inar en !a %is%a !1nea #eo e i%4'enes$ sin i%"or#ar e! orden( Pode%os escri)irna !1nea de #eo - en ca!0ier "n#o de e!!a inser#ar !a i%a'en$ o "ode%os inser#ar "ri%ero !ai%a'en - des".s escri)ir n co%en#ario a s !ado(

Drea%eaver nos "er%i#e inser#ar i%4'enes devarias %aneras$ -a 2e%os vis#o co%o 2acer!odesde !a )arra de %en=( A2ora va%os a a"rendera inser#ar i%4'enes desde e! "ane! inser#ar$ con !a)arra co%=n ac#ivada( Pode%os "!sar en !a)arra co%=n en e! icono i%a'en(

Drea%eaver nos %es#ra !a %is%a ven#ana de di4!o'o de an#es$ "ode%os se!eccionar e! arc2ivoco%o -a sa)e%os o "ode%os escri)ir e! no%)re direc#a%en#e en !a casi!!a no%)re$ - des".s"!sa%os ace"#ar(

4.Y. DEFINIR SE&&IONES DE MA*EO DE IM;/ENES EN UNA *A/INA E+.

Pede 2acer 0e "ar#e de !a i%a'en sea n en!ace a o#ra "4'ina$ es decir$ "ede 2acer n %a"aso)re !a i%a'en de %anera 0e secciones de !a i%a'en sean en!aces(

De)e sa)er 0e "ara 0e na i%a'en sea #ra#ada co%o n %a"a$ ade%4s de e! códi'o$ de)einc!ir en !a e#i0e#a de i%a'en corres"ondien#e a !a i%a'en a %a"ear e! a#ri)#ose%a"VHno%)re de! %a"aH(

4.X. INSERTAR SONIDO )IDEO EN UNA *A/INA E+.

La inserción de sonido - video /nciona de na /or%a %- "arecida( Los arc2ivos de video 0e sead%i#en en !as e) #ienen !as eensiones .!i !as 0e son de Microso/# 91deo "ara Windos -.#o o .


33/43


Para inser#ar n arc2ivo de adio en n doc%en#o#ienes 0e diri'ir#e a! %en= Ise"(!"$ Medí!$o"ción *lu:@i( A !a derec2a #ienes n e+e%"!o den arc2ivo de sonido$ "ara e! 0e se %es#ran !oscon#ro!es de adio(

En Drea%eaver no se %os#rar4n !os con#ro!es de adio( Todos !os arc2ivos 0e soninser#ados co%o "!'Kin a"arecen re"resen#adas den#ro de Drea%eaver "or na i%a'enco%o !a de !a i50ierda(

En e! is$e%(o" de $"o$ied!des "eden es#a)!ecerse !a a!#ra - !a anc2ra con !a 0e se%os#rar4n !os con#ro!es de adio$ %edian#e Al - A( Si !o 0e se desea es 0e se escc2e e!sonido en !a "4'ina$ "ero 0e no se %es#ren !os con#ro!es de adio$ !os ca%"os Al - A de)enva!er cero(

Los sonidos se re"rodcen a#o%4#ica%en#e a! car'arse !a "4'ina$ - se re"rodcen so!a%en#ena ve5( Es#os va!ores no "eden ca%)iarse a #rav.s de! is$e%(o" de $"o$ied!des$ "ero s1 a#rav.s de! códi'o(

Por e+e%"!o$ e! arc2ivo an#erior a"arec1a en e! códi'o co%o7

Je#1ed s"%9!"ios!udio.MID9KJe#1edK( Pero "ara 0e no se re"rod+eraa#o%4#ica%en#e se 2a a*adido !u(os(!"(9-!lse9$ - "ara 0e se re"rod+era con#ina%en#ese 2a a*adido loo$9("ue9(

La !1nea de códi'o de! arc2ivo de adio a 0edado de! si'ien#e %odo7

Je#1ed s"%9!"ios!udio.MID9 !u(os(!"(9-!lse9 loo$9("ue9KJe#1edK

Para "oder 2acer 0e e! adio "eda ac#ivarse - desac#ivarse cando no se %es#ran !oscon#ro!es$ es necesario inser#ar na serie de co%"or#a%ien#os 0e se encar'en de esa #area(

Si 0ieres "oner %=sica de /ondo en na "4'ina e)$ sin 0e a"are5can !os con#ro!es de adio$"edes escri)ir es#e códi'o direc#a%en#e en !a vis#a Códi'o(

J1:soud s"%9%!%io0.!9 loo$9@09K

Ins.r#a!o des".s de !a e#i0e#a J(i(leK Con e! "ar4%e#ro loo$ "edes decidir can#as veces0ieres 0e se re"rod5ca$ $ $ ((( 3con K se re"rodce de %odo con#ino6(

)IDEO

En ocasiones "ede in#eresar inc!ir a!'=n v1deo en na "4'ina e)$ "ero 2a- 0e #ener encen#a 0e !os v1deos se!en oc"ar %c2o es"acio en disco$ - "or !o #an#o$ "recisan de %c2o#ie%"o "ara descar'arse(

Los /or%a#os de v1deo 0e se!en #i!i5arseen In#erne# son e! A)I$ e! M*E/ - e! MO)(

Para inser#ar n arc2ivo de v1deo en n

doc%en#o #ienes 0e diri'ir#e a! %en=Ise"(!"$ Medí!$ o"ción *lu:@i(

A !a derec2a #ienes n e+e%"!o de n arc2ivo devideo$ "ara e! 0e se %es#ran !os con#ro!esde video(



34/43


E! is$e%(o" de $"o$ied!des "ara !osarc2ivos de adio inser#ados de es#a/or%a es e! %is%o 0e e! de !osarc2ivos de adio$ -a 0e a%)os seinser#an co%o P!'Kin(

Los videos #a%)i.n se re"rodcen

a#o%4#ica%en#e a! car'arse !a "4'ina$ -se re"rodcen so!a%en#e na ve5( Es#os va!ores "eden ca%)iarse a #rav.s de! códi'o$ de!%is%o %odo 0e en e! caso de !os arc2ivos de adio$ a*adiendo !u(os(!"(9-!lse9 -loo$9("ue9(

Todos !os o)+e#os inser#ados a #rav.s de !a o"ción *lu:@i "recisan 0e e! sario #en'a ins#a!adon re"rodc#or o n "!'Kin a"ro"iado "ara re"rodcir!os( En e! ca%"o O"i:e de! is$e%(o" de$"o$ied!des se es#a)!ece e! arc2ivo vinc!ado 3e! arc2ivo de adio o de v1deo6 0e 2a dere"rodcirse(

4.0. IM*LEMENTAR SER)I&IOS DE &ORREO EN UNA *A/INA E+.

&o""eo ele%("i%o$ o en in'!.s e@#!il 3e!ec#ronic %ai!6$ es n servicio de red 0e "er%i#e a !ossarios enviar - reci)ir %ensa+es r4"ida%en#e 3#a%)i.n deno%inados #es!es ele%("i%oso %!"(!s ele%("i%!s6 %edian#e sis#e%as de co%nicación e!ec#rónicos( Princi"a!%en#e se saes#e no%)re "ara deno%inar a! sis#e%a 0e "rovee es#e servicio en In#erne#$ %edian#e e!"ro#oco!o SMTP$ an0e "or eensión #a%)i.n "ede verse a"!icado a sis#e%as an4!o'os 0esen o#ras #ecno!o'1as( Por %edio de %ensa+es de correo e!ec#rónico se "ede enviar$ noso!a%en#e #eo$ sino #odo #i"o de doc%en#os di'i#a!es( S e/iciencia$ conveniencia - )a+o cos#oes#4n !o'rando 0e e! correo e!ec#rónico des"!ace a! correo ordinario "ara %c2os sos2a)i#a!es(

Para "oder sar enviar - reci)ir correo e!ec#rónico$ 'enera!%en#e 2a- 0e es#ar re'is#rado ena!'na e%"resa 0e o/re5ca es#e servicio 3'ra#i#a o de "a'o6( E! re'is#ro "er%i#e #ener nadirección de correo "ersona! =nica - dradera$ a !a 0e se "ede acceder %edian#e n no%)re desario - na Con#rase*a(

8a- varios #i"os de "roveedores de correo$ 0e se di/erencian so)re #odo "or !a ca!idad de!servicio 0e o/recen( B4sica%en#e$ se "eden dividir en dos #i"os7 !os correos 'ra#i#os - !os de"a'o(

Una di"e%%i de %o""eo ele%("i%o es n con+n#o de "a!a)ras 0e iden#i/ican a na "ersona0e "ede enviar - reci)ir correo( Cada dirección es =nica - "er#enece sie%"re a !a %is%a"ersona(

Un e+e%"!o es $e"so!se"i%io.%o#$ 0e se !ee persona arroba servicio punto com( E! si'no 3!!a%ado arro)a6 sie%"re es#4 en cada dirección de correo$ - !a divide en dos "ar#es7 e!no%)re de sario 3a !a i50ierda de !a arro)a en es#e caso$ $e"so!6$ - e! do%inio en e! 0ees#4 3!o de !a derec2a de !a arro)a en es#e caso$ se"i%io.%o#6( La arro)a #a%)i.n se "ede!eer HenH$ -a 0e [email protected] iden#i/ica a! sario persona 0e es#4 e e! servidorservicio.com 3indica na re!ación de "er#enencia6(

Una dirección de correo se reconoce /4ci!%en#e "or0e sie%"re #iene !a $ donde !a \ si'ni/icaH"er#enece a(((H en ca%)io$ na dirección de "4'ina e) no( Por e+e%"!o$ %ien#ras 0e

INFORMATICA TERCER SEMESTRE YDocen#es7 L(S(C( E!via Micae!a Ur)ina 9iscencio L(S(C( Ma( E'enia Ac*a Re-es


35/43


36/43


O("o es(u$edo FT*

WS_FTP Q E! in%e+ora)!e c!ien#e de#rans%isión de arc2ivos( Desc4r'a!o +n#o cone! "arc2e "ara "oner!o en es"a*o!( Podr4s%andar #s "a'inas e) a # servidor$ )orrar$

ca%)iar$ descar'ar desde si#ios FTP$ e#c( es'ra#i#o #o#a!%en#e(

Lo de%4s d.+a!o co%o es#a$ es#a seria !a ven#ana an#es de conec#ar con # servidor FTP(

Es#a seria !a %o-i:u"!%i o"#!l de! "ro'ra%a "ara s)ir #s "a'inas• No%)re o "er/i!$ 3es e! no%)re 0e 0ieras "oner#e6• No%)re dirección$ es !a dirección de # servidor FTP( 3si "or e+e%"!o /ese ies"ana seria 7• /#"(ies"ana(es6• Ti"o 2os# 3no ca%)iar6• ID Usario 3# iden#i/icación co%o sario de! servicio$ es#e da#o #e !o /aci!i#ar4 # servidor6• Con#rase*a 3!a con#rase*a 0e #e "er%i#ir4 en#rar en # servidor$ #a%)i.n #e !a /aci!i#aran

e!!os6(

Por !o 'enera! na ve5 dado de a!#a en a!'=n servicio #e se!en %andar n eK%ai! con #odos #sda#os(

Des".s de !o an#erior "resiona A%e$(!" - a"arecer4 !a si'ien#e ven#ana7

Co%o "edes ver en n !ado #co%"#adora - en o#ro e! servidor$si%"!e%en#e #ene%os 0e irse!eccionando - %andar!o o )ien"resionando dos veces so)re e! arc2ivo$"4'ina$ i%a'en o na ve5 se!eccionado- "resionando en !a /!ec2a en#re !as dosven#anas$ "ode%os a s ve5 2acerse!ecciones %=!#i"!es si %an#ene%os"!sado Al( /" en nes#ro #ec!ado$%ien#ras va%os e!i'iendo !o 0e0ere%os s)ir - !e'o !a /!ec2a as1 s)i%os de na ve5 varios con#enidos$e! doc%en#o$ !as i%4'enes$RECORDAR 0e "or !o 'enera! #"ri%era "4'ina #ienes 0e deno%inar!a

inde&(2#%! - !as de%4s son !as 0e ir4n en!a5adas a es#a(

INFORMATICA TERCER SEMESTRE >Docen#es7 L(S(C( E!via Micae!a Ur)ina 9iscencio L(S(C( Ma( E'enia Ac*a Re-es


37/43


Recue&da )ene& )u #eb bien e%)&uc)u&ada

De("o de idos #ene%os e! asis#en#e "ara !a ")!icación en e)( Lo "ri%ero es conoceres#os da#os necesarios7 e! !o'in 3o no%)re de sario6$ e! "assord 3# con#rase*a6 - !adirección TFP 3nes#ro servidor6 Todos es#os da#os sie%"re nos !os "ro"orcionan e!!os %is%os$donde 2e%os a)ier#o !a cen#a( Por e+e%"!o e! /#" de (ies"ana(es e! 0e nos danes7 /#"(ies"ana(es$ e! de #ri"od7 /#"(#ri"od(es$ e#c( Co%ence%os$ a)ri%os e! "ro'ra%a - vere%os0e 2a)r4 na sección donde "oda%os "oner #odos nes#ros da#os 3e! !o'in$ "assord - direcciónFTP6 Re!!ena%os nes#ros da#os - !e da%os a conec#ar(

Una ve5 conec#ados se nos a)rir4o#ra ven#ana !a ca! es#ar4dividida en "ar#es( E! !ado de !ai50ierda nes#ra co%"#adora -e! de !a derec2a e! de! servidor( E!de !a derec2a es nes#ro 9dis%odu"o i"(u!l9 es decir nes#roes"acio e) en e! servidor( En e!!ado i50ierdo$ a21 #ene%os 0e)scar !a car"e#a donde #ene%os'ardada nes#ra "4'ina e) con#odas ss "4'inas$ i%4'enes -arc2ivos #i!i5ados( Se!ecciona%os#odos !os co%"onen#es - !eda%os a 9 ei!" 9 nor%a!%en#e

es na /!ec2i#a 2acia !aderec2a( 9er4s na )arra de"ro'reso se'=n va-a e! env1o deda#os a! servidor( Cando /ina!icee! env1o de nes#ra "a'ina e)$

en e! !ado derec2o veras !os arc2ivos enviados( 3En nes#ra co%"#adora$ con#inar4 es#andones#ra "4'ina e)6( Recerda sie%"re desconec#ar #ras /ina!i5ar # sesión( I#$o"(!(e3Recerda sie%"re !!a%ar a # "4'ina "rinci"a! ide'(



38/43


7.4. ALMA&ENAR *;/INAS E+ EN UN SER)IDOR DEDI&ADO O /RATUITO.

¿Qué es el se"i%io de =os$ed!e de $2:i!s?

E! 2os"eda+e de "4'inas es o/recer es"acio den#ro de n servidor "ara 0e ")!i0e s "ro"ia"4'ina$ con o"ciones es"ec1/icas de a!%acena%ien#o en disco - carac#er1s#icas ada"#a)!es a ssnecesidades sin #ener 0e co%"rar cos#osos servidores só!o "a'a !o 0e necesi#a(

Es#as son i%4'enes de a!'nas de !as 2erra%ien#as - servicios inc!idos en e! servidor(

*2:i! *"i%i$!l( P)!icación de !a "4'ina "rinci"a! de! si#io$ na "4'ina con nacar#i!!a de #eo - na i%a'en( Pedes de+ar!a co%o # "4'ina "rinci"a!$ corre'ir!acon !as 2erra%ien#as 0e se "ro"orcionan o ss#i#ir!a con !as "4'inas 0e #=dise*es - s)as a! servidor(

Es(!dís(i%!s( Desde es#a sección "edes conocer n re"or#e de#a!!ado de !osvisi#an#es 0e reci)es cada %es - cada d1a( Re"or#es es"ec1/icos co%o7 8i#s$ vis#as"or d1a - "or 2ora$ "4'ina de "rocedencia de #s visi#an#es$ "4'inas %4scons!#adas$ "4'inas de en#rada - de sa!ida$ #.r%inos )scados en !os "rinci"a!es)scadores$ IPs$ do%inios$ e#c(*!el de &o("ol *e"so!l( Desde es#e "ane!$ !os sarios a#ori5ados de! si#io"eden ad%inis#rar !as con/i'raciones de !a cen#a "ersona!7 Peden ca%)iar !ac!ave de acceso$ redireccionar s correo a o#ra cen#a$ res"a!dar - res#arar ssarc2ivos "ersona!es - conocer e! es"acio 0e oc"an en s servidor

e1#!il( Tienen acceso a! correo a #rav.s de! e&"!orador e)$ con n sis#e%aco%o e! de 2o#%ai!( Desde # correo e) "edes7 Enviar - reci)ir correo 2#%!$e&"or#ar o i%"or#ar # !i)re#a de direcciones$ /i!#rar correo no deseado$ correc#orde or#o'ra/1a 3in'!es6 crear car"e#as$ reci)ir correo desde o#ras cen#as de correo

POP 3co%o "rodi'-6$ - ad%inis#rar # "ro"ia a'enda de ac#ividades(Ad#iis("!do" de A"%=ios( Desde es#e sis#e%a "edes ad%inis#rar /4ci!%en#e#odos !os arc2ivos de! si#io( Pedes rea!i5ar /nciones )4sicas co%o7 edi#ar$ co"iar$e!i%inar$ %over arc2ivos7 o /nciones avan5adas de Te!ne# - FTP co%o7 "er!$c2%ode$ cd$ /ind$ e#c( Inc!-e s "ro"io edi#or 8TML co%o e! de Fron#Pa'e(

*!el de &o("ol( Desde es#a sección de! si#io$ "edes ad%inis#rar #odas !as/nciones de! servidor "ara con#ro!ar # "4'ina( Pedes con/i'rar a #s sariosa#ori5ados 3e%"!eados de # e%"resa$ a%i'os$ c!ien#es$ e#c6 - ss correose!ec#rónicos$ res"a!dar - res#arar #oda s in/or%ación$ conocer e! so de #servidor 3es"acio dis"oni)!e$ e)$ correo$ /#"6$ crear !is#as de correo$ e#c(

E! Servicio de 8os"eda+e Dedicado )rinda n servidor e&c!sivo "ara e! si#io We) o !as

a"!icaciones de !a e%"resa( Las ven#a+as de con#ar con n servidor dedicado es 0e "er%i#eins#a!ar !as a"!icaciones de so/#are 0e se re0iera$ 2os"edar e! n=%ero de si#ios We) deacerdo a !a ca"acidad de a!%acena%ien#o - con/i'rar e! servidor de acerdo a ss necesidades(

Ade%4s de con#ar con n acceso dedicado a In#erne#$ s%inis#ro inin#err%"ido de ener'1ae!.c#rica$ %oni#oreo de! servidor - %an#eni%ien#o "reven#ivo de #oda !a in/raes#rc#ra & J 32oras a! d1a !os - d1as de !a se%ana6$ !os "!anes de 8os"eda+e Dedicado inc!-en servicios de 'ranva!or "ara !as e%"resas co%o e! a!%acena%ien#o de a!#o dese%"e*o$ res"a!do diario de !ain/or%ación - cen#as de Correo Ne'ocios con e! no%)re de s e%"resa7

INFORMATICA TERCER SEMESTRE Q?Docen#es7 L(S(C( E!via Micae!a Ur)ina 9iscencio L(S(C( Ma( E'enia Ac*a Re-es


39/43


E! servicio de correo e!ec#rónico 0e !e )rinda7

♦ Direcciones de correo con e! no%)re de! ne'ocio(

♦ Pede enviar doc%en#os ad+n#os de 2as#a Q

MB(

♦ Enviar - reci)ir %ensa+es de correo de /or%a

r4"ida - se'ra(

os$ed!e /"!(is.

8a- co%"a*1as 0e o/recen 2os"eda+e 'ra#is( A ca%)io de 0e en # "4'ina a"are5can annciosde esa co%"a*1a - de a!'nas o#ras( E! 2os"eda+e 'ra#i#o es na )ena idea$ si # "4'ina es"ersona!$ "or e+e%"!o$ na "4'ina dedicada a #s "asa#ie%"o$ a%i'os$ a # %asco#a$ a #s via+es$e#c(

Para !os si#ios de in#erne# de e%"resas$ ne'ocios$ co%"a*1as$ asociaciones$ e#c$ #ener anncios deo#ras e%"resas en # si#io da %a!a i%a'en( E! visi#an#e "odr1a "ensar Hes#a e%"resa no #iene "araco%"rar s "ro"io 2os"eda+eH( O#ra desven#a+a es 0e e! 2os"eda+e 'ra#is no es se'ro( Si esaco%"a*1a de re"en#e se sa!e de! ne'ocio$ # "4'ina se 0edar1a sin 2os"eda+e(

-entajas3

/!s(o %e"o3 No "a'a%os ni !a #rans/erencia$ ni e! re'is#ro de do%inio$ es #odo 'ra#is(

Res$!ldo3 Por e+e%"!o si es#a%os en )!o''er #odo e! sis#e%a se encen#ra res"a!dado "orGoo'!e$ en es#e caso %- di/1ci!%en#e #endre%os "ro)!e%as de )ac"s$ servers ca1dos$ e#c(

Des.entajas/

*o%! ide(id!d3 Los do%inios 0e #i!i5an es#os sis#e%as 0e rea!%en#e son s)do%inios de!do%inio "rinci"a! %c2as veces dan na sensación a"aren#e de "oca seriedad(

F!l(! de Fle'i1ilid!d3 No "oder 2acer %odi/icaciones de nes#ra "!an#i!!a a! ??]$ !ai%"osi)i!idad de ins#a!ar "!'ins - cosas de ese es#i!o en n "rinci"io "eden no %o!es#ar "ero encen#o "asan !os %eses e%"ie5a a "esar es#e as"ec#o(

U! de$ede%i! $eli:"os!3 En n "rinci"io o!vidarnos de !os 'as#os de a!o+a%ien#o esa#rac#ivo$ "ero a !a ve5 es n "oco "e!i'roso$ -a 0e "ede desa"arecer e! si#io - !os c!ien#es

0edan en e! aire(

*"o1le#!s $!"! #i:"!"3 Si e%"e5a%os nes#ro )!o' en )!o''er - !e'o 0ere%os "asarnos ao#ro si#io es )as#an#e en'orroso( Ac#a!%en#e o (odos los se"i%ios os $e"#i(e =!%e" u!"edi"e%%i "or !o #an#o #a%)i.n es#are%os "erdiendo #odo e! "osiciona%ien#o - an#i'^edad 0e!o'ra%os(



40/43


41/43


Se"ido" de "ese"!7 #iene e! so/#are de reserva de !a red ins#a!ado - #iene can#idades 'randesde a!%acena%ien#o de !a red en discos dros o#ras /or%as de! a!%acena%ien#o 3cin#a$ e#c(6dis"oni)!es "ara 0e se #i!ice con e! /in de ase'rarse de 0e !a ".rdida de n servidor "rinci"a!no a/ec#e a !a red( Es#a #.cnica #a%)i.n es deno%inada clustering(

7.. UTILIZAR LA *;/INA DEL SER)IDOR DE INTERNET *ARA ALOHAR UNA*A/INA E+.

De"ende de! #i"o de si#io e) va-as a #ener( Por e+e%"!o$ si so!o 0ieres annciar # e%"resa$"oner /o#os$ videos$ n ca#4!o'o - 0e #e %anden correos$ necesi#as n 2os"eda+e )4sico$ 0e #e"er%i#a 'ardar #s arc2ivos - reci)ir decenas o cien#os de visi#as diarias(

Para !a %a-or1a de !as "e0e*as e%"resas 0e inician en In#erne#$ e! 2os"eda+e )4sico ess/icien#e(

Si # e%"resa es Transnaciona! con /ran0icias en varios "a1ses$ - 0ieres ace"#ar #ar+e#as decr.di#o - rea!i5ar env1os a #odo e! %ndo$ ade%4s "!aneas reci)ir %i!es de visi#as diarias$ "rocesarco%"ras con #o#a! se'ridad - 'ardar 'randes arc2ivos en !a %e%oria$ en#onces necesi#ar4s n2os"eda+e %a-or - %4s es"ecia!i5ado(

Recerda 0e !os vendedores sie%"re #ra#an de vender#e %4s - %4s cosas 0e no necesi#as( Lo%is%o ocrre con e! 2os"eda+e( Las co%"a*1as de 2os"eda+e van a #ra#ar de vender#e %c21si%a%e%oria - anc2o de )anda - %c2as carac#er1s#icas 0e no necesi#ar4s(

Es reco%enda)!e a !a %a-or1a de 0ienes inician en In#erne# e! 8os"eda+e )4sico( Si des".snecesi#as %a-or ca"acidad$ so!o a%en#as # cen#a(

¿Qué i%luBe u se"i%io de =os$ed!e e I(e"e(?

La %a-or1a de !os servicios de 2os"eda+e #e inc!-en !os si'ien#es servicios7

• Un Pane! de Con#ro! "ara con/i'rar e! 8os"eda+e(• Me%oria "ara a!%acenar #s arc2ivos$ co%o /o#os$ videos$ %=sica$ "4'inas e)$

ani%aciones /!as2$ e#c(• Creación de cen#as de correo de # "4'ina e)(• Es#ad1s#icas de#a!!adas de !a ac#ividad - visi#as a # si#io en in#erne#(• Pro'ra%as !is#os "ara ins#a!ar co%o c2a#s$ 'a!er1as de /o#os$ con#adores de visi#as$ e#c(

• 9arios Gi'as de #r4/ico$ "ara reci)ir desde na 2as#a %i!es de visi#as diarias(• Pro'ra%as FTP "ara car'ar arc2ivos de %anera %4s r4"ida



42/43


7.5. )ERIFI&AR EL FUN&IONAMIENTO DE LA *;/INA E+ DENTRO DEL SER)IDOR SELE&&IONADO.

Para .eri(icar la presentación

Para revisar có%o se vera s "4'ina en dis#in#os #i"os de nave'ador - #a%a*os de "an#a!!a es%- =#i! e! 9S%"ee Si>e Tes(e"9(

Para revisar có%o se ver4 !a "4'ina se'=n !a versión de 2#%! so"or#ada "or !os nave'adores einc!-endo We)#v7 e1 Si(e )iee"

Para veri/icar có%o ver4n nes#ras "4'inas !as "ersonas con dis#in#os #i"os de de/iciencias de"erce"ción de! co!or$ na %- =#i! 2erra%ien#a de revisión en !1nea es7 Se"i%io Ne#! dee!lu!%i del diseño.

Para .eri(icar la sinta0is

E! Servicio de veri/icación de! WC$ ins"ecciona !os doc%en#os "ara revisar scon/or%idad con !as reco%endaciones de 8TML 8TML(

E! Servicio de 9eri/icación de CSS /aci!i#a revisar !a corrección de !os es#i!os encascada #i!i5ados( Pede descar'arse n "ro'ra%a o #i!i5arse a #rav.s de !a We) en72##"7+i'sa((or'cssKva!ida#or

#I#LIO%RAFIA

: 88?*>.*>.=60/0+6=*/*=0KD+-!+?(4.6@ 3( 6 */0 6 2((%: 8856142(('13.806.0-+6-K88*/+=.8-: 88.0/+8.0-/+=@+0TH80=C08*+/=-0.8- 2( 6 J*0 6 2((%: 88.-00>+@+=.0-8++0=116=>+@6=>+@.=8-/ 2( 6 J*0 6 2((%: 88.-00>+@+=.0-8++0=13=6=>=6=>.=8-/PRINCIP 2( 6 J*0 6

2((%: 88.=+8=?=*+/=.0-@*6+0/03.8- 2# 6 *0 6 2((%: 88.?//>+=680=.0-/0=/0='#&'(&4($(1(:3.8-/ 2( 6 *0 6 2((%

: M+/60+60 D+/ 92((1;, D=0 C0-*+ V=*+/, Ñ E60=, B*0= A=..+60+.0-=8/0=-0606H.@-+>+=8/0=K-060K(('K((' 2( 6

*0 6 2((%: .60=@+.0-+8>0+--+/=-0 2( 6 *0 6 2((%: .8+.0-+=++8*/08-/+=123.8- 2( 6 *0 6 2((%

: )88/, J@ A.: M+*+/ 6 R@+= D+-+? 4.: MG+:"//.: E=++.: 2((1

: P+=*+/, F+=0.: N+?>+ I88, M+0-6+, D+-+? 3.: A/@+O->+.:MH0.: 2(((


http://www.anybrowser.com/ScreenSizeTest.htmlhttp://www.anybrowser.com/siteviewer.htmlhttp://newmanservices.com/colorblind/default.asphttp://newmanservices.com/colorblind/default.asphttp://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/http://validator.w3.org/http://www.anybrowser.com/ScreenSizeTest.htmlhttp://www.anybrowser.com/siteviewer.htmlhttp://newmanservices.com/colorblind/default.asphttp://newmanservices.com/colorblind/default.asphttp://jigsaw.w3.org/css-validator/


43/43


SCRIB Apuntes Paginas WEB

Documents

Transcript of SCRIB Apuntes Paginas WEB