Diseno de-paginas-web

Diseño de páginas web
Ing. Mauricio J. Caballero Apaza

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

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

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

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>

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>

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 nn ") == "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)

Galerías de fotografías
 http://www.turismochile.cl/isladepascua/isla.h
 http://www.galeriade.com/angel/
 http://www.adyma.com/

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)

Diseno de-paginas-web

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (6)

Similaire à Diseno de-paginas-web

Similaire à Diseno de-paginas-web (20)

Dernier

Dernier (10)

Diseno de-paginas-web