DiseñO Pagina Web

Diseño de páginas web

Víctor González

Conceptos básicos Página web Servidor Cliente Servidor web Servidor ftp Cliente ftp Hosting Dominio

Páginas web Son documentos normalmente en formato

html o htm, que se desarrollan según un lenguaje denominado html

Se puede conseguir la última versión del lenguaje html en español en el siguiente enlace:http://html.conclase.net/w3c/html401-es/cover.html

Cliente - Servidor

Servidores web Es el ordenador que contendrá nuestra página web para que cualquiera

pueda verla en internet. También se refiere al programa que responde ante peticiones de visionado de páginas web. Normalmente habrá que pagar para tener este servicio. El servidor web más popular es el Apache

Servidores y clientes ftp Mediante ftp, podemos subir nuestra página web

a internet mediante la empresa de hosting que hayamos contratado.

Desde nuestro equipo utilizaremos un cliente ftp que se conectará a un servidor ftp

El funcionamiento es similar al del explorador de windows

Uno de los clientes ftp más populares es el Filezilla (gratuito)

Hosting El término hosting se refiere a dónde, en

qué empresa, vamos a tener nuestra página web para que se pueda visitar por cualquiera en internet

Ejemplos de hosting Galeon: http://galeon.hispavista.com/ 1 y 1: http://www.1and1.es

http://galeon.hispavista.com/

http://ww.1and1.es/

Dominios Un dominio es por ejemplo

www.elmundo.es Se suelen contratar junto con la empresa con la que hemos

contratado el hosting. Tenemos antes que comprobar que ese dominio

actualmente no pertenece a nadie Se pueden comprar, vender y especular con dominios. En el caso de los blogs, ya nos asignan automáticamente

un subdominio de forma gratuita. Ejemplo: pepitogrillo.blogspot.com

http://www.elmundo.es/

Tecnologías web Html: el lenguaje de las páginas web Java y Javascript: lenguaje de programación que

se ejecuta en un cliente Flash: video Php: leguaje de programación que se ejecuta en

un servidor Asp: lenguaje de programación que se ejecuta en

un servidor Mysql: base de datos en internet Css: estilos de diseño web

El código html<HTML>

<HEAD> <TITLE>Primer ejemplo de

JavaScript</TITLE> </HEAD>

<BODY> Esto es texto normal de un documento

HTML </BODY> </HTML>

El código html

Ejemplo de javascript

<HTML> <HEAD>

<TITLE>Primer ejemplo de JavaScript</TITLE>

</HEAD>

<BODY> Esto es texto norrnal de un documento HTML 

<SCRIPT LANGUAGE="JavaScript"> docurnent.write("Texto generado desde JavaScript") </SCRIPT> Esto es, de nuevo, HTML

</body>

</HTML>

Ejemplo de Flash

Diseñar en Flash Ventajas: Videos que ocupan

muy poco espacio Programación flash

que permite interactuar al usuario

Inconvenientes El usuario necesita

tener instalado un componente para ver la página web

Los buscadores de internet no pueden indexar normalmente el contenido en flash

Ejemplo de php <html>

<head> <title>Ejemplo de PHP</title> </head> <body> <?php echo strlen("12345")," "; $palabras=split(" ","Esto es una prueba"); for($i=0;$palabras[$i];$i++) echo $palabras[$i]," "; $resultado=sprintf("8x5 = %d ",8*5); echo $resultado," "; echo substr("Devuelve una subcadena de otra",9,3)," ";

if (chop("Cadena \n\n ") == "Cadena") echo "Iguales ";

echo strpos("Busca la palabra dentro de la frase", "palabra")," "; echo str_replace("verde","rojo","Un pez de color verde, como verde es la hierba.")," "; ?> </body> </html>

Ejemplo de Mysql mysql> SELECT t1.name, t2.salary FROM employee AS t1, info AS

t2 -> WHERE t1.name = t2.name; mysql> SELECT t1.name, t2.salary FROM employee t1, info t2 -> WHERE t1.name = t2.name;

Tipos de páginas web Blogs Galerías fotográficas Páginas web Otras

Los Blogs No se requiere pagar por ningún servicio, ni

contratar ninguna empresa de hosting, pues ya te ofrecen ese servicio de forma gratuita

Ejemplos de blogs contratados mediante Blogger, el servicio de blogs de Google:

Fogonazos (http://fogonazos.blogspot.com) Visión Beta (http://matiascallone.blogspot.com)

http://fogonazos.blogspot.com/

http://matiascallone.blogspot.com/

Partes de un blog

Galerías de fotografías

http://www.turismochile.cl/isladepascua/isla.htm http://www.galeriade.com/angel/ http://www.adyma.com/

http://www.turismochile.cl/isladepascua/isla.htm

http://www.galeriade.com/angel/

http://www.adyma.com/

Páginas web

Cómo crear nuestras primeras páginas web en html con el bloc de notas

Escribir el código html en el bloc de notas

Guardar el archivo en formato html

Nuestra primera página web (en blanco)

Nuestra segunda página web

Guardar el archivo en formato html

Nuestra segunda página web

DiseñO Pagina Web

Technology

Transcript of DiseñO Pagina Web