PARA LA CREACION DE PAGINAS WEB.
Enviado por 9711 • 30 de Enero de 2014 • Práctica o problema • 779 Palabras (4 Páginas) • 173 Visitas
INFORMATICA Y TECNOLOGÍA GRADO: 10º GUIA No 8 PAG. 1
<HTML> <H2>
WEB
PREPARATE!
LOGRO: IDENTIFICA LAS HERRAMIENTAS BASICAS DE UN PROGRAMA
PARA LA CREACION DE PAGINAS WEB.
TESIS:
1. Qué es una página web?
2. Cómo se crea una página web?
3. Qué es un servidor web?
4. Investiga para que sirve el programa FILEZILLA?
5. Investiga para que sirve DREAMWEAVER?
AFIANZA!
Pasos a seguir para elaborar una página WEB
La realización y creación de páginas WEB es una
labor que requiere de una cierta estructura y
planificación al comienzo de su elaboración. El
resultado final de nuestro trabajo dependerá de la
organización, la originalidad y los elementos utilizados
en las páginas que se creen. Debe tenerse siempre
presente, a quien va dirigida nuestra WEB, para
adecuar los contenidos y el estilo en función del
colectivo que va a leer nuestras páginas. Cuide que el
lector no se pierda en la navegación, por lo que se
debe estructurar de una forma clara la relación de unas páginas con otras.
Reglas para estructurar y diseñar páginas WEB
Igual que cualquier otro medio, el Web tiene ciertas idiosincrasias que el buen
diseñador debe tener en cuenta. Dado que el Web es un medio estrictamente
para computadoras, el resultado que queramos obtener se verá condicionado al
hardware con el que se visualice (la tarjeta de video, el monitor, y las
configuraciones) y el explorador Web que se utilice para la visualización de
nuestras páginas.
Definir el contenido de las páginas
Combinación de fondos con el texto
Establecer la longitud de la página
Definición de
estilo
Crear el
organigrama de
navegación
Perfilar una
línea de diseño
Definición de
los objetivos
INFORMATICA Y TECNOLOGÍA GRADO: 10º GUIA No 8 PAG. 2
Uso de tablas como herramientas de
diseño
Uso de distintos navegadores
MACROMEDIA DREAMWEAVER
Interfaz de Dreamweaver y sus componentes
Dreamweaver es un software fácil de usar que permite crear páginas web
profesionales.
Las funciones de edición visual de Dreamweaver permiten agregar rápidamente
diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente
el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc., de una forma muy sencilla y visual.
Además incluye un software de cliente FTP completo, permitiendo entre otras
cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en
el servidor sin salir del programa.
Ver las siguientes páginas web:
1 http://proyectodeia.blogspot.com/2008/09/conceptos-bsicos.html
2 Ingresar a la página web www.aulaclic.es y seleccionar manual
Dreamweaver.
DOMINA Y APLICA!
Trabajo en clase:
1. Realizar un resumen de la guía en el cuaderno, hacer dibujo del area de
trabajo de Dreamweaver y sus partes.
Trabajo en la sala:
INFORMATICA Y TECNOLOGÍA GRADO: 10º GUIA No 8 PAG. 3
Taller 1
1. Construye tu página Web, para presentar tu hoja de vida en Internet. Utiliza
las etiquetas que ya conoces y la estructura básica de un documento en
HTML:
Abra el Block de notas de Windows y escriba el siguiente código:
<HTML>
<HEAD><TITLE>HOJA DE VIDA</TITLE>
</HEAD>
<BODY>
<H1><CENTER><B>NOMBRE DEL ALUMNO</B></CENTER></H1>
<H3><CENTER>Estudiante</CENTER>
...