 Curso de Diseño de Páginas Web - Tutorial de Diseño de Páginas web |
 |
 |
MODULO 2 - CURSO DE DISEÑO DE PÁGINAS WEB |
En este módulo veremos los diferentes programas para el diseño de páginas web. Veremos mucho más a fondo el Macromedia Dreamweaver, que es una de las herramientas de diseño más completas.
 Programas de Diseño de Paginas Web
Macromedia Dreamweaver
Descargar Macromedia Dreamweaver
Instalación de Dreamweaver
Configuración de Dreamweaver
Curso Completo Modulo 2
Evaluación
|
| |
|
 Programas de Diseño de Páginas Web |
Para diseñar una página web , no es necesario de utilizar un programa especifico, si conocemos el código HTML, podríamos desarrollar nuestras páginas web incluso, desde el NotePad que viene con el Windows.
 Para comprobarlo, hagamos la siguiente tarea:
1. Abrimos nuestro editor de texto NOTEPAD o Bloc de Notas. (Inicio » Programas » Accesorios » Bloc de Notas)
2. Al abrir el programa, escribamos el siguiente código: |
| |
 |
<html>
<head>
<title>Bienvenidos a mi pagina web</title>
</head>
<body>
este es el contenido de mi primera pagina web
</body>
</html> |
|
| |
| Al terminar, le damos Archivo » Guardar y le colocamos como nombre: pagina.html. Ahora abrimos el archivo y vamos a ver algo como esto: |
| |
|
| |
| Esto es una sencilla página web, en la que tenemos: Título y Contenido textual. Vamos a explicar el código un poco, para que puedan entender lo que hace cada línea: |
| |
| 1. Línea: <html> |
| Para iniciar siempre una página web, debemos empezar a por la etiqueta <html>, esta etiqueta es necesaria para que nuestros navegadores puedan identificar el contenido que va a mostrar. |
| |
| 2. Línea: <head> |
| La etiqueta HEAD la contienen todos los documentos y es la cabecera de información y siempre aparece en la parte superior del documento. |
| |
| 3. Línea: <title>Bienvenidos a mi pagina web</title> |
| Se encuentra situado entre la etiqueta HEAD y es la que le da el título al documento. Por lo general aparece en la parte superior. |
| |
| 4. Línea: </head> |
| Este es el cierre de la etiqueta Head, Es necesario cerrar cada una de las etiquetas para que no existan errores. |
| |
| 5. Línea: <body> |
| La etiqueta BODY se pone después de la estructura HEAD y dentro del la etiqueta BODY se pone todo el contenido de la página web: imágenes, textos, ligas (links) etc. La etiqueta BODY es importante para que no se pierdan los parámetros de otras etiquetas. |
| |
| 6. Línea: este es el contenido de mi primera pagina web |
| Esta frase es el contenido de la página web, si queremos ver mucho más contenido, puedes escribir más texto en esta parte. |
| |
| 7. Línea: </body> |
| Esta es la etiqueta de cierre de la etiqueta <body> |
| |
| 8. Línea: </html> |
| Esta es la etiqueta de cierre de la etiqueta <html> |
| |
| Veremos un poco más acerca del código HTML en los siguientes módulos para realizar documentos web mucho más complejos. |
| |
Los programas que existen en el mercado, simplemente lo que hacen es escribir el código HTML solo con hacer unos simples clic desde el programa.
Los más utilizados son: Macromedia Dreamweaver, Microsoft Front Page, Adobe GoLive, HomeSite, Web Developer, etc.
En nuestro curso veremos todo sobre Macromedia Dreamweaver, Considerado como el más completo programa de diseño y programación de páginas web. |
| |
Pagina Siguiente  |
 |
Principal
Servicios
Clientes
Soporte
Contáctenos
Webmail 
Diseño de Páginas Web
Contacto Rápido 
