Desarrollo Web

DESARROLLO DE SITIOS WEB CON MS-WORD

1) DISEÑO DE PÁGINA WEB USANDO WORD

Obs. El Resultado de la página será como la siguiente imagen.



Procedimientos o pasos a seguir.

A) Elabore un Nuevo Documento en Word
* Cambiar de Vista “Vista De Diseño Web”
Ficha Vista, Grupo Vistas de Documento, Botón Diseño Web.

B) Diseñe la siguiente estructura de tablas
Nota:Inserte las Imágenes en cada Celda.

C) Guardar un Documento como página Web

* Ficha Guardar / Opción Guardar Como.
* Define un Nombre de la página “Index.HTML” en una carpeta de Nombre “SITIO WEB”
* Cambiar el Tipo de Documento.
*

2) MÚLTIPLES PÁGINAS EN UNA VENTANA.

MARCOS O FRAMES
Gracias a los Marcos o Frames existe la posibilidad de elaborar varias áreas enuna ventana.

PROCEDIMIENTOS:
A) Adicionar los botones
A la barra de acceso rápido o a la cinta de opciones.

B) Agregar 2 marcos, debe quedar como la siguiente figura:
C) Personalizar cada área adicionando otros elementos(Tablas, Imágenes, Enlaces, etc)

EJERCICIO PROPUESTO

* Crear una estructura de FRAME como la siguiente tabla.

Baner.html |
Menu.html |Contenido.html |
| Imagen | Logo.html |

Ejercicio propuesto 2: crear una estructura de FRAME como la siguiente tabla.

| Baner.html | |
| MenuVertical.html
MenuVertical.html
| MenuHorizontal.html | |
| | Contenido.html | |
| | | |

Si tienes alguna duda respecto con alguno de los temas no dudes en preguntarme. “Recuerda ser honesto con uno mismo y con los demás es una virtud yun valor”. Bueno conmigo hasta la próxima clase

TUTORIAL DE HTML

1) INTRODUCCIÓN A HTML

Aprender a desarrollar páginas web en HTML es considerablemente diferente de aprender a desarrollar software en otros lenguajes de programación. El lenguaje HTML es un lenguaje interpretado y permite dar indicaciones precisas al programa cliente, en este caso los "browsers", o más bien losconocidos navegadores, de cómo debe presentarse el documento en pantalla.

Este documento es el que, en la World Wide Web (WWW), conocemos como hipertexto. Un documento hipertexto no se compone únicamente de texto, pues también contiene relaciones con otros documentos. Con el paso del tiempo este concepto se amplió aún más haciendo que los enlaces no solo sean de texto, sino que se complementan coninformación en otros formatos, como gráficos, sonidos, vídeo, etc. El resultado es un documento que podíamos prácticamente llamar multimedia.

El concepto básico es que los documentos tienen referencias a otros documentos, estén donde estén, bien en un equipo local o en uno remoto. Estos enlaces pueden ser palabras, frases e incluso imágenes.

2) ¿Qué herramientas necesito?

Para construirpáginas web es indispensable disponer de dos cosas: una herramienta de software para construir las páginas y espacio en un servidor web conectado a Internet para publicarlas. Afortunadamente, ninguno de estos requisitos es difícil de cumplir.

Los dos browsers más conocidos -Internet Explorer y Netscape Navigator, Safari, Mozila - incluyen en sus últimas versiones editores para crear páginas web:FrontPage Express y Netscape Composer.

En cuanto al espacio necesario para publicar nuestra página, actualmente son muchos los sitios que ofrecen servicios de "hosting" (alquiler de espacios en servidores que se comunican con Internet) para que los usuarios puedan guardar y publicar sus páginas en forma gratuita.

Preguntas frecuentes

a) ¿Profe Yolfer, qué software necesito paraprogramar en HTML?

Solo necesito un editor de texto de Windows como Bloc de notas u Notepad++ y un navegador como Internet Explorer. En realidad puedes usar cualquier editor de textos y cualquier navegador.

b) ¿Profe Yolfer, necesito estar conectado a internet para crear mi página web?

No. Cuando programas tu página web, puedes verla en el navegador sin necesidad de estar conectado a...