II Quimestre

TEMA: Página web personal
Objetivo: Diseñar una página web como proyecto de vida, por medio de las herramientas más importantes del DREAMWEAVER para publicar en el internet.

Tarea
1. Crear una página web principal (index) con un menu de opcione
2. Utilizar imágenes necesarias que desean pubicar en un proyecto de vida.
3. Distribuir la información más importante de su proyecto de vida.
4. Insertar tablas, animaciones, BOTONES FLASH, fondo de página y otros elementos que den un aspecto significativo a la página web.
5. Debe existir los hipervínculos entre hojas para que exista interactividad con el usuario.
6. Como minimo 10 hojas incluyendo la página index.

CLASE #1

Tema: PAGINA PRINCIPAL DE UN SITIO WEB

Objetivo: Diseñar la página índex con vínculos a páginas secundarias por medio del programa de herramientas del programa DREAMWEAVER para publicar información turística del Ecuador por regiones.

TAREA PRACTICA
1. Crear una hoja HTML como pág web principal . (INDEX.HTML)
2. Insertar imágenes de Internet Turísticas del Ecuadror
3. Insertar tablas con una cantidad de filas y columnas para distribuir la información.
4. Insertar BOTONES FLASH para vincular con lasa páginas secundarias.(CREAR HIPERVÍNCULOS).




5. Construir luego una página HTML con respecto al boton o tema a vincular.

6. Por último debemos ir al menu archivo VISTA PREVIA en el navegador FIREFOX y podremos ver nuestra página ejemplo terminado

Tema: PROGRAMA DREAMWEAVER
Objetivo: Identificar algunas herramientas del programa Dreamweaver, mediante argumentos para diseñar sitios web.


¿Qué es el Dreamweaver?
Dreamweaver es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver 8 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.

Clase # 5

Tema: Diseño web en el programa Dreamweaver.

Objetivo: Utilizar las herramientas del programa Dreamweaver para el diseño web

Herramientas del programa Dreamweaver para el diseño web.

1.) Primero debemos escoger la opción de la ventana principal del dreamweaver CREAR NUEVO HTML (Lenguaje de marcas de hipertexto)
2.) Escribir el título del sitio web para identificarlo sobre su contenido.
3.) Herramienta Imagen del menú insertar

Clase # 4

Tema:Un sitio web en internet
Objetivo: Identificar los lineamientos tecnicos del diseño web mediante la lectura critica para alojar un sitio en internet

1.-Diseñar el sitio web con todos los componentes necesarios para publicar en internet .
a.-Utilizar un Programa de diseño de paginas web asi como complemento ptros programas de diseño grafico .
b.-Los documentos ,imagines,animaciones,botones,fondos,etc,deben tener capacidad en kb minima para toda la carpeta local del sitio web ,pueda alojarse en el espacio destinado para ello sin ningun probelma
c.- Las fotografias utilizadas en el sitio fueron pixeladas a una resolucion RGB es decir compatibles para lapantalla del PC, exclusivamente para internet
d.-Los programas para el diseño del sitio web utilizados fueron: paras las paginas frontales FRONT PAGE o DREAMWEAVER , para el tratamiento de objeto ,fotos animaciones,etc .Corel Draw 12.0 ,Adobe Photoshop ,Adobe Illustrator ,Flash Mx.

2.- Adquirir el nombre del dominio del sitio web de LA UNIDAD EDUCATIVA LA INMACULADA
a.- Consultamos si se encuentra disponible el dominio que deseamos para el colegio en sitios web que provee este servicio ,para este caso lo que hicimos en la empresa www.nic.ec que es la mayor empresa proveedora de dominios en el Ecuador .El dominio consultado y reservado es www.inmaculadamachala.educ.ec ,ya que es una institucion educativa y es del Ecuador.
b.- La pagina del NIC.EC se crea un usuario y contraseña para administrar la configuracion del dominio .que es el pago via internet con tarjeta de credito ,una vez cancelado ,esta empresa habilita para configurar los DNS ( Domain Name System)

NOTA : El Domain Name System (DNS) es una base de datos distribuida y jerarquica que almacena informacion asociada a nombres de dominio en redes como internet .Aunque como base de datos el DNS es capaz de asociar diferentes tipos de informacion a cada nombre, los usos mas comunes son la asignacion de nombres de dominio a direcciones IP y la localizacion de los servidores de Correo electronico de cada dominio.

3.- Alojar el sitio web desde el servidor local al servidor remoto

a.- La pagina debe funcionar con los hipervinculos ,hacer la spruebas necesarias werificando que todo este dentro una sola carpeta .
b.- Para alojar el sitio web la alternativa anterior es desde el mismo programa pero si la configuracion no permite hacerlo tenemos que utilizar otros programas FTP.Hemos utilizado el SMART FTP, que se muestra al inicio de este informe tercnico

TAREA 1

Tema: Dominios y hosting en internet

Dominios en Internet
Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.
El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la red Internet, aun cuando el cambio implique que tendrá una dirección IP diferente.

Hosting en Internet
El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web. Es una analogía de hospedaje o alojamiento en hoteles o habitaciones donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en Internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.

CLASE Nº 3

Tema: Diseño de Sitios Web

Objetivo: Identificar las herramientas mas importantes de los programas de diseño por medio de talleres para publicar información en sitios web personales.

1. ¿Qué es diseño de sitios web?

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del Diseño multimedial.

http://www.lainmaculada.edu.ec/





2. ¿Qué programas utilizamos para el diseño de sitios?
a. Para el diseño de contenidos, fotos, videos, gráficos, utilizo todo programa de diseño gráfico y multimedia.
Ejemplo: Adobe Photoshop, Illustrator, Sony Vega, Flash Mx, etc.
b. Para las mascaras, acoplamiento del conteido utilizamos los programas de diseño de sitios web como por Ejemplo: Dreamweaver, Joomla.