Curso De Diseño De Páginas Web

Curso de Diseño de Páginas Web

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL OESTE

MARISCAL SUCRE

Curso de Diseño de Páginas Web

Profesor: Ángel Daniel Fuentes Segura

Contenido

Duración: 16 horas

Puntos iniciales

Introducción a Internet

Que es una Web Docente?

Que debe existir en una Web docente?

Proceso de creación de una Web Docente

Herramientas que se pueden utilizar para crear una página Web

Requisitos del sistema

• Debe estar instalado Open Office Writer (Software Libre), Microsoft Office XP (Software Propietario) ó cualquier otra versión

Planificar y configurar el sitio

• Planificación de una página de Internet.

• Árbol jerárquico.

• Importancia de la planificación.

Configurar un documento (Práctica)

• Formato de la página.

• Crear, abrir y guardar documentos HTML

• Color, tamaño, y fuentes en el texto.

• Fondo

Utilizar tablas para presentar contenido (Práctica)

• Crear e insertar una tabla

• Seleccionar elementos de tabla

• Aplicar formato a tablas y celdas

• Cambiar el tamaño de tablas y celdas

• Añadir y eliminar filas y columnas

• Copiar y pegar celdas

• Tablas transparentes para diagramación de Pág.

Insertar imágenes (Práctica)

• Insertar imágenes

Trabajando con los marcos (Práctica)

• Insertar marcos

Crear vínculos (Hiperenlaces) (Práctica)

• Enlaces Locales (Dentro de la misma página).

• Enlaces con otras páginas locales.

• Enlaces para descargar archivos (xls, doc, zip, pdf, pwp, ppt, etc.)

• Los marcadores

Nunca olvidar el tamaño y la seguridad de lo que se publica

Comprobar y publicar un sitio Web (Práctica)

• Comprobar la compatibilidad con los navegadores

• Vista previa en navegadores

• Comprobar vínculos en una página o un sitio

• Comprobar el tiempo de descarga y el tamaño

• Que es File Tranfers Protocol (FTP), como descargarlo de Internet y como usarlo para actualizar las páginas

Nota:

Al terminar el curso el alumno debe estar en la capacidad de crear un sito Web completo a nivel de diseño gráfico, así como la publicación de la misma.

Introducción a Internet

Internet es una red de computadoras y equipos informáticos que se comunican mediante un lenguaje común y permite el acceso a diversos servicios de comunicación e información.

WWW

El Word Wide Web, Web o páginas Web es un conjunto de servicios escritos principalmente en un lenguaje llamado HTML que te permiten acceder a textos, sonidos, imágenes, animaciones, etc.

Para ingresar al WWW tienes que estar conectado a Internet y tener un browser o navegador.

Cada página de Web tiene una dirección exclusiva llamada URL (Universal Resource Locator). La dirección URL del Instituto Universitario de Tecnología del Oeste “Mariscal Sucre” es http://www.iutoms.tec.ve

Las páginas están interconectadas en el Web. La conexión a otras páginas se realiza haciendo clic sobre texto o gráficos llamados hipervínculos.

Los hipervínculos pueden diferenciarse fácilmente, ya que generalmente aparecen en un color o aspecto distinto al resto del texto del sitio Web.

Subir

Que es una Web Docente?

Es un sitio donde el profesor interactúa con sus alumnos, por medio de los hipertextos y el uso de las herramientas multimedia.

Subir

Que debe existir en una Web docente?

Entre muchas cosas una Web Docente, debe contener:

Correo electrónico

Chat

Foros

Programas

Prácticas

Tutórales

Noticias

Cartelera de eventos

Currículo

Galería de fotos

Ejercicios propuestos

Descargas de contenidos

Subir

Proceso de creación de una Web Docente

• Diseño y desarrollo

• Escuchar a nuestros alumnos y verificar con ellos lo que le gustaría ver en nuestro portal

• Planificar y desarrollar los componentes didácticos de nuestra asignatura

• Actualización constante

Subir

Herramientas que se pueden utilizar para crear una página Web

Estáticas:

Open Office

• Writer

• Calc

• Impress

Microsoft Word

Microsoft Excel

Microsoft Power Point

Microsoft Front Page

Macromedia Dreamweaver

Macromedia Flash

Macromedia Fireworks

Macromedia Director

Macromedia Freehand

Adobe Photoshop

Adobe Ilustrador

Adobe Page Maker

Adobe Golive

Adobe Premier

Corel Draw.

Alter Efects

3D Studio Max

Dinámicas

Microsoft Asp – Sql Server

Java

PHP – Mysql

Subir

Requisitos del sistema

Debe estar instalado Open Office, Microsoft Office XP ó cualquier otra versión.

Para nosotros poder desarrollar nuestras páginas Web, no estrictamente debemos ser expertos diseñadores, ni conocedores de herramientas sofisticadas de diseño Web.

Hoy por hoy y desde hace ya algún tiempo, las herramientas de ofimática, ofrecen numerosas posibilidades de creación de las mismas.

Haciendo uso de los cuadros de textos, tablas, inserción de imágenes, vínculos, marcadores y sin dejar de lado nuestra creatividad ingenio, orden e imaginación podemos desarrollar nuestras páginas Web. (Es importante destacar que estas serían paginas estáticas, es decir, no poseen posibilidades de interactuar por medio de bases de datos con los usuarios).

Subir

Planificar y configurar el sitio

Cuando nosotros vamos a desarrollar una página Web, debemos ser siempre muy organizados, en el sentido de crear el conjunto de carpetas que van a contener las distintas informaciones que se van a disponer en ella. De esta forma se pueden hacer actualizaciones o mantenimientos, de manera sencilla.

Siempre debemos crear una carpeta principal en la cual dentro de ella almacenaremos las demás sub-carpetas, siempre manteniendo un árbol jerárquico, tal como se muestra en el siguiente ejemplo:

Si deseamos desarrollar nuestro portal Web, debería existir una carpeta principal llamada: “miweb o miwww” , si en el portal vamos a publicar trabajos a ser descargados, deberíamos tener una sub-carpeta llamada: “descargas”, si de igual forma vamos a publicar fotos, imágenes, logos, deberíamos tener sub-carpetas

...