CONCEPTOS_BASICOS_DE_DISENO_WEB (1).docx

7/25/2019 CONCEPTOS_BASICOS_DE_DISENO_WEB (1).docx

1/5

UNIVERSIDAD MODULAR ABIERTACENTRO UNIVERSITARIO DE SANTA ANAFACULTAD DE CIENCIAS ECONMICASINFORMTICA II

World Wide Web (WWW)

Es el sistema de presentacin de la informacin ms utilizado en Internet. Sus principales caractersticas

son:

Hipertexto: Es texto o imagen que se muestra en la pantalla vinculada a otras pginas del mismo

sitio o de sitios ajenos. Al situar el puntero del ratn sore !l" !ste toma el aspecto de una mano. Al

#acer clic se mostrar la pgina vinculada al mismo.

Multimedia: En la pantalla aparece texto" imgenes" videos" audios" animaciones" etc.

Universalidad: Se puede acceder desde cualquier tipo de equipo o sistema operativo $%indo&s"

'inux" (ac)" usando cualquier navegador * desde cualquier parte del mundo.

Pblica: +oda su informacin est distriuida en miles de ordenadores $servidores) que ofrecen suespacio para almacenarla. Es informacin p,lica * normalmente accesile por cualquier usuario.

Dinmica: (uc#a informacin" aunque est almacenada" puede ser actualizada por el p,lico que la

consulta sin que el usuario necesite conocer detalles t!cnicos de su mantenimiento. Son las pginas

activas: asp" p#p o jsp.

Navegador

Es el programa que se utiliza para acceder a los contenidos de Internet. -ee ser capaz de comunicarse con

un servidor * comprender el lenguaje de todas las #erramientas que manejan la informacin de %e. 'os

navegadores ms populares son Internet Explorer" (ozilla irefox" /etScape" 0pera" Safari" etc.

Servidor

Es el ordenador encargado de proporcionar al navegador del cliente los documentos * medios que !ste

solicita.

HP (H!perext rans"er Protocol)

Es el protocolo de comunicacin utilizado para transmitir las peticiones * arc#ivos a trav!s de Internet entre

el servidor * el navegador. El protocolo #ttp:11 se indica en el inicio de la direccin. Si no se teclea este

prefijo" el navegador lo a2ade de forma automtica.

U#$ (Universal #esource $ocator)


2/5


Es la direccin donde se encuentra un recurso en Internet. Ejemplo: #ttp:11&&&.google.es.

Si no se indica pgina #tml" el servidor enviar la pgina ndice $index) o ien por defecto $default). -urante

la navegacin por Internet 3

4. El usuario" situado en el equipo cliente" teclea la 56' en la casilla direccin del navegador * pulsa latecla 7enter8.

9. 'a peticin se dirige a los servidores -/S que traducen esta 56' a una direccin I. or ejemplo:

&&&.cnice.mec.es ;8 4.49>.?=. Es posile situar en el navegador esta direccin aunque resulte

ms complicada e ininteligile.

>. 'a peticin llega al servidor que tiene esa I.

@. El servidor devuelve la pgina solicitada.

=. El arc#ivo +(' * los multimedia referenciados se almacenan en la carpeta cac#! del navegador

$disco duro del equipo cliente). Buando se #an descargado estos activos entonces el usuario visualiza

la pgina * todos sus elementos.

HM$ (H!perext Mar%up $anguage)

Es el lenguaje en el que se dise2an las pginas que se visualizan a trav!s del navegador. Este lenguaje se

asa en etiquetas $instrucciones que le dicen al navegador como deen mostrarse) * atriutos $parmetros

que dan valor a la etiqueta). 5na pgina +(' contiene texto con un cierto formato * referencias a arc#ivos

externos que contienen imgenes" sonidos" animaciones" etc.

&rc'ivo HM$

El lenguaje HM$se utiliza para definir un documento que se visualizar a trav!s del navegador. Este

documento se guarda en un arc#ivo con extensin .#tm .#tml

Csicamente los documentos escritos en +(' constan de texto * etiquetas. 'as etiquetas permiten definir el

formato del texto" el ttulo que mostrar en la arra de ttulo del navegador" los elementos multimedia que

aparecern incrustados en el documento pero que se almacenan en arc#ivos externos" etc.


3/5


+odo documento +(' tiene la siguiente estructura: caecera * cuerpo del documento. 'as tres etiquetas

que descrien su estructura general son:

7#tml8: indica que se inicia el documento.

7#ead8: inclu*e el ttulo de la pgina $7title8) que se muestra en la arra de ttulo del navegador.

7od*8: contiene la informacin visile.

4. Are el loc de Notasde %indo&s mediante: nicio * odos los programas * &ccesorios * loc de

Notas. En 5untu puedes utilizar el procesador de textos mediante: &plicaciones * &ccesorios *

Procesador de textos.

9. En un documento nuevo escrie el siguiente texto:

Mi primera pagina

Hola mundo

>. Selecciona &rc'ivo * +uardar como. Se mostrar este cuadro de dilogo.


4/5


@. En la lista desplegale +uardar en," elige la carpeta donde desees guardar este documento.

=. Introduce el nomre del arc#ivo a2adi!ndole la extensin .#tm Ejemplo: prueba-'tm

D. ulsa en el otn +uardar.

. Bierra la ventana del loc de Notas.

?. Elige nicio * Mis Documentospara situarte en esta carpeta donde #as guardado tu arc#ivo +('.

Encontrars un arc#ivo con el icono de un documento +(' con el nomre que #as elegido.


5/5


Existen multitud de editores &e comerciales pero los ms populares en el entorno %indo&s son:

Microso"t 3rontPage. Es fcil de utilizar porque tiene un entorno mu* similar a %ord. Su versin

ms reciente recie el nomre de Expresin %e -esigner.

&dobe Dream4eaver. ertenece a la suite de Adoe. Es un programa mu* recomendale por sus

m,ltiples prestaciones.

En el entorno $inuxlos editores +(' ms utilizados son: lue3is'$Hnome) * 5uanta6$-E).

7ompo8er$#ttp:11&&&.Jompozer.net1) posee interesantes caractersticas:

Editor visual.

Hratuito.

Soporta talas" plantillas * #ojas de estilo.

Suida de arc#ivos por + al servidor.

En castellano.

(ultiplataforma: &indo&s" linux" mac" etc

ortale.
http://www.kompozer.net/http://www.kompozer.net/

CONCEPTOS_BASICOS_DE_DISENO_WEB (1).docx

Documents

Transcript of CONCEPTOS_BASICOS_DE_DISENO_WEB (1).docx