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 ...
Cliente - Servidor
Servidores web
 Es el ordenador que contendrá nuestra página web para que cualquiera
pueda verla en internet. También se ...
Servidores y clientes ftp
 Mediante ftp, podemos subir nuestra página web
a internet mediante la empresa de hosting que
h...
Hosting
 El término hosting se refiere a dónde, en
qué empresa, vamos a tener nuestra
página web para que se pueda visita...
Dominios
 Un dominio es por ejemplo
www.elmundo.es
 Se suelen contratar junto con la empresa con la que hemos
contratado...
Tecnologías web
 Html: el lenguaje de las páginas web
 Java y Javascript: lenguaje de programación que
se ejecuta en un ...
El código html
<HTML>
<HEAD>
<TITLE>Primer ejemplo de
JavaScript</TITLE>
</HEAD>
<BODY>
<b>Esto es texto normal de un docu...
El código html
Ejemplo de javascript
<HTML>
<HEAD>
<TITLE>Primer ejemplo de JavaScript</TITLE>
</HEAD>
<BODY> <b>Esto es texto norrnal de...
Ejemplo de Flash
Diseñar en Flash
 Ventajas:
 Videos que ocupan
muy poco espacio
 Programación flash
que permite
interactuar al usuario
...
Ejemplo de php
 <html>
<head>
<title>Ejemplo de PHP</title>
</head>
<body>
<?php
echo strlen("12345"),"<br>";
$palabras=s...
Ejemplo de Mysql
 mysql> SELECT t1.name, t2.salary FROM employee AS t1, info AS
t2 -> WHERE t1.name = t2.name; mysql> SEL...
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 serv...
Partes de un blog
Galerías de fotografías
 http://www.turismochile.cl/isladepascua/isla.h
 http://www.galeriade.com/angel/
 http://www.ad...
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
Próxima SlideShare
Cargando en…5
×

Diseno de-paginas-web

444 visualizaciones

Publicado el

diseño de paginas web

Publicado en: Tecnología, Diseño
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
444
En SlideShare
0
De insertados
0
Número de insertados
8
Acciones
Compartido
0
Descargas
12
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Diseno de-paginas-web

  1. 1. Diseño de páginas web Ing. Mauricio J. Caballero Apaza
  2. 2. Conceptos básicos  Página web  Servidor  Cliente  Servidor web  Servidor ftp  Cliente ftp  Hosting  Dominio
  3. 3. 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
  4. 4. Cliente - Servidor
  5. 5. 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
  6. 6. 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)
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. El código html <HTML> <HEAD> <TITLE>Primer ejemplo de JavaScript</TITLE> </HEAD> <BODY> <b>Esto es texto normal de un documento HTML</b> </BODY> </HTML>
  11. 11. El código html
  12. 12. Ejemplo de javascript <HTML> <HEAD> <TITLE>Primer ejemplo de JavaScript</TITLE> </HEAD> <BODY> <b>Esto es texto norrnal de un documento HTML</b> <P> <SCRIPT LANGUAGE="JavaScript"> docurnent.write("Texto generado desde JavaScript") </SCRIPT> <P> <b>Esto es, de nuevo, HTML</B> </body> </HTML>
  13. 13. Ejemplo de Flash
  14. 14. 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
  15. 15. Ejemplo de php  <html> <head> <title>Ejemplo de PHP</title> </head> <body> <?php echo strlen("12345"),"<br>"; $palabras=split(" ","Esto es una prueba"); for($i=0;$palabras[$i];$i++) echo $palabras[$i],"<br>"; $resultado=sprintf("8x5 = %d <br>",8*5); echo $resultado,"<br>"; echo substr("Devuelve una subcadena de otra",9,3),"<br><br>"; if (chop("Cadena nn ") == "Cadena") echo "Iguales<br><br>"; echo strpos("Busca la palabra dentro de la frase", "palabra"),"<br><br>"; echo str_replace("verde","rojo","Un pez de color verde, como verde es la hierba."),"<br>"; ?> </body> </html>
  16. 16. 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;
  17. 17. Tipos de páginas web  Blogs  Galerías fotográficas  Páginas web  Otras
  18. 18. 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)
  19. 19. Partes de un blog
  20. 20. Galerías de fotografías  http://www.turismochile.cl/isladepascua/isla.h  http://www.galeriade.com/angel/  http://www.adyma.com/
  21. 21. Páginas web
  22. 22. Cómo crear nuestras primeras páginas web en html con el bloc de notas
  23. 23. Escribir el código html en el bloc de notas
  24. 24. Guardar el archivo en formato html
  25. 25. Nuestra primera página web (en blanco)
  26. 26. Nuestra segunda página web
  27. 27. Guardar el archivo en formato html
  28. 28. Nuestra segunda página web

×