Mi primera Web LA PANTALLA EL NAVEGADOR EL NAVEGADOR EL LENGUAJE EL LENGUAJE EL ASISTENTE EL ASISTENTE EL SERVIDOR EL SERVIDOR MÁS OPCIONES MÁS OPCIONES

LA RESOLUCIÓN DE PANTALLA La Resolución de pantalla está determinada por sus dimensiones en píxeles. La mayoría de sitios Web han sido concebidos para 800x600 píxeles. La Pantalla y la Página.1

LA PANTALLA Y LA PÁGINA.1 Para que nuestra Web sea vista correctamente en la mayoría de los ordenadores de usuarios, y al igual que hacemos en el Word en Configuración de página en cuanto a los márgenes del folio impreso y en Vista preliminar antes de imprimir: Optamos por incluir todo el contenido dentro de una Tabla Le damos un ancho de 780px y la vamos a situar en el centro de la Pantalla (La resolución media es de 800x600px) Al fondo de Pantalla le daremos un color característico Y le damos un margen superior de 5px La Pantalla y la Página.2

LA PANTALLA Y LA PÁGINA.2 No hacer tan ancha la página que se necesite usar la barra de desplazamiento horizontal. Ni tampoco muy larga sin Índices o barra de navegación para ir con vínculos a los sitios o capítulos deseados y volver. De ser posible, si la página tiene más de tres avances de páginas, se aconseja hacer nuevas páginas Web vinculadas. Los Navegadores permiten ver las Páginas Web de un contenido tan extenso en ancho y largo casi infinito, lo que no seria cómodo para el usuario.

EL LENGUAJE Y EL CÓDIGO FUENTE El lenguaje HTML es el usado por las páginas Web y reconocido por la World Wide Web (www). Es un código para la descripción lógica de documentos. Los Navegadores interpretan este código para representar la página Web en pantalla. Es bueno conocer el lenguaje HTML, siempre se necesitará entrar en el Código fuente para introducir modificaciones. Aunque se recomiende usar un Asistente editor de páginas Web. Asistente El Lenguaje y el Bloc de Notas

EL LENGUAJE Y EL BLOC DE NOTAS Ejemplo de una página Web desde el Bloc de Notas y archivo a guardar con extensión htm o html, para ser abierto por el navegador.

EL ASISTENTE FrontPage es el asistente de microsoft.com para editar páginas Web sencillas. Macromedia Dreamweaver es el asistente de macromedia.com para proyectos complejos. Hay otros asistentes como Netscape Composer, Adove GoLive, StarOffice, Nvu, etc. Es la herramienta que facilita la construcción de una página Web, insertando imágenes, textos y sonidos con su lenguaje HTML o Código fuente automáticamente.

EL NAVEGADOR El Navegador es un programa para visualizar las páginas Web. Internet Explorer se incluye con Windows. Google Chrome, Netscape, Mozilla, etc. Son otros navegadores.

EL SERVIDOR Es el que almacena las páginas Web de los clientes, a través del cual se pueden conectar con todos los usuarios del mundo que lo deseen. EuropaAsia ÁfricaAmérica Oceanía Algunos Servidores o Proveedores de Internet : -Galeón -Blogger -Jazztel

Mi primera Web Opciones Avanzadas Imágenes Sonidos Hipervínculos Estructura Tablas Textos Para ver Comentario final: Clic en el PC

ESTRUCTURAS MÁS COMUNES Desarrollo de tres opciones Logotipo y Título Barra de Navegación Contenido de la Portada Logotipo y Título Barra de Navegación Contenido de la Portada Logotipo y Título Barra de Navegación Contenido de la Portada y de las demás páginas del contenido Marcos. Logo y Barra fijosCada página en nueva ventana 123 En una Página Web, la importancia la tiene su Contenido. Pero la Portada es el tema al que hay que dedicar más tiempo.....

Las Portadas La Portada debe resumir todo el contenido de su interior. Debe ser: Atrayente; agradable; artística; interesante y sugestiva !!!

Las Portadas La Portada debe resumir todo el contenido de su interior. Debe ser: Atrayente; agradable; artística; interesante y sugestiva !!!

1.- Barra de navegación arriba Por ser una Web sencilla y de pocas páginas, la estructura de la Portada lleva entre el Título y el Contenido un Índice o barra de navegación con Enlaces a las demás páginas de la Web Logotipo y Título Fotos - Enlaces Contenido de la Portada Página de contenido Mis Enlaces preferidos Página de contenido Mis Fotos Todas las Páginas se abren en una nueva Ventana

Página 4 Página 3 Página Barra de navegación a la izquierda Logotipo y Título Pág.1 Pág.2 Pág.3 Pág.4 Pág Contenido de la Portada Por ser un sitio Web con más páginas, la estructura de la Portada lleva a la izquierda la barra de navegación con Hipervínculos o Enlaces a las demás páginas de la Web Página 1 Todas las Páginas, incluido la Portada, se abren en una nueva Ventana

3.- Marcos. Título y Barra fijos La Portada consta de tres marcos, dos son fijos y uno que es el principal es donde aparecerán las páginas de la Web Logotipo y Título Pág.1 Pág.2 Pág.3 Pág.4 Pág Contenido de la Portada y de todas las páginas de la Web Todas las Páginas se abren dentro del marco principal Puede constar también de dos marcos dentro de la misma ventana

HIPERVÍNCULOS 1.- INTERNOS: Dentro de un sitio Web desde la Portada a las distintas páginas y viceversa: Mis Poesías Mis Poesías 2.- EXTERNOS: Desde un sitio Web y para facilitar con un solo clic el acceso a sitios preferidos: Real Academia Española Real Academia Española 3.- ANCLAJES: Dentro de una página, si ésta es algo larga, se ponen desde un Índice con los temas o capítulos a donde queremos ir: Capítulo 1- Historia Y en el capítulo: Capítulo 1- Historia Y en el capítulo:

TABLAS Todos los contenidos de una página Web se encuentran mejor organizados y en posiciones exactas si usamos para ellos las Tablas ocultas de HTML. El código fuente de una tabla sencilla es así: Contenido Estas etiquetas son del lenguaje HTML. En las Propiedades de la Tabla tenemos todas las opciones de tamaño, situación, color, borde, etc.

TEXTOS Todos los textos que se incluyen en la página Web están configurados a través de las Fuentes disponibles en el lenguaje HTML del Asistente del constructor de la página. Las fuentes del proyecto Web son interpretadas por los Navegadores instalados en los PC de los usuarios y de no disponer de las mismas, emplean fuentes predeterminadas. Tipo Arial Color azul Tamaño 2 Lenguaje HTML para las fuentes de los Textos

IMÁGENES Las imágenes a instalar en la página Web deben ser: De pequeño tamaño en KB para que la descarga sea rápida. De dimensiones adecuadas para ser vistas en pantalla sin usar barras de desplazamiento. Lenguaje HTML de Imágenes

SONIDOS Código fuente de una página Web con sonido en el Asistente FrontPage Se pueden insertar sonidos de fondo de una página Web. En el ejemplo y desde FrontPage, se ha puesto un corto sonido para oírse una sola vez al abrir la página. El mismo que hemos incrustado aquí. El navegador solo podrá reproducir los formatos que reconozca.

CONCLUSIONES Algunos trabajos del Autor: Algunos trabajos del Autor: Esta Presentación tiene como objetivo orientar a los iniciados e interesados en el tema, de forma clara y breve. Sin olvidar el apoyo necesario de la Biblioteca especializada, los cursos gratis on-line y el tiempo de prácticas.