2doquimestre

Tema: pagina web personal
Objetivo.- diseñar una página web como proyecto de vida, por medio de las herramientas mas importantes del dreamweaver para publicar en el internet.
Tarea.-

1.- crear una pagina web principal (INDEX) con un menú de opciones.
2.- utilizar imágenes necesarias q desea publicar en el proyecto de vida.
3.- distribuir la información mas importante de su proyecto de vida.
4.- inserta tabla animaciones, botones flash, fondo de pagina y otros elementos que den un aspecto significativo a la pagina web
5.- debe existir los hipervínculos entre hojas para que exista interactividad con el usuario.

clase #1 segundo quimestre

Tema: Pagina principal de un sitio web

Objetivo: Diseñar la pagina index con vinculos a paginas secundarias por medios de las herrramientas del programa dreamweaver para publicar informacion turistica del Ecuador por regiones.

TAREA PRACTICA

1. crear una hoja HTML como pagina web principal. (Index. HTML)

2. Insertar imagenes de internet turisticas del Ecuador

3. Insertar tablas con una cantidad de filas y columnas para distribuir la informacion
4. Insertar BOTONES FLASH para vincular con las paginas secundarias. ( CREAR HIPERVINCULOS ) .


5. Construir luego cada pagina HTML con respecton al boton o tema vincular.

6. por ultimo debemos ir al menu archivo VISTA PREVIA en el navegador FIREFOX, y podremos ver nuestra pagina ejemplo terminada.

Clase # 7

TEMA: PROGRAMA DREAMWEAVER

OBJETIVO: Identificar algunas herramientas del programa DreamWeaver, mediante argumentos, para diseñar sitios web.

¿Que es el programa Dreamweaver?

Dreamweaver es un sofware fácil de usar que permite crear paginas web profesionales.

Las funciones de edicion visual de Dreamweaver permiten agregar rapidamente diseño y funcionalidad a las paginas, sin necesidad de programar manualmente el còdigo HTML . Se puede crear tablas, editar marcos y trabajar con capas, insertar comportamientos de una forma muy sencilla y visual.

AREA DEL TRABAJO DE DREAMWEAVER

Clase # 5

Tema: Diseño web en el programa DREAMWEAVER.
Objetivo: Utilizar las herramientas del programa dreamweaver para diseño web.

HERRAMIENTAS DE PROGRAMA DREAMWEAVER PARA EL DISEÑO WEB.

1. Primero debemos escoger la opcion de la ventana principal del Dreamweaver CREAR NEVA HTML (lenguaje de marcas de hipertexto).
2. Escribir el Titulo del sitio web para identificarlo sobre su contenido.
3. Herramienta IMAGEN del Menu insertar.

Un SiTiO wEb En iNtErNeT!

TEMA: UN SITIO WEB EN INTERNET

Objetivo: Identificar los Lineamentos técnicos del diseño web mediuante la lectura crítica para alojar un sitio en internet.

1.-Diseñar el sitio web con todos los componentes necesarios para publicar en el internet.

a.-Utilizar un programa de Diseño de Páginas web asi como complemento otros programas de diseño Gráfico.

b.-Los documentos , imágenes, animaciones, botones, fondos,etc, deben tener una capacidad en kb mínima para que toda la carpeta del sitio web, puede alejarse en el espacio destinado para ello sin ningún problema.

c.- Las fotografías utilizadas en el sitio fueron pixeladas a una resoluexclusivamente para internet. ción RGB, es decir compatibles para la pantalla del PC, exclusivamente para Internet.

d.- Los programas para el Diseño del Sito Utilizados fueron: para las páginas frontales FRONT PAGE ó 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 dela UNIDAD EDUCATIVA LA INMACULADA.

a.- Consultamos si se encuentra disponible el dominio que deseamos para el colegio en sitios web que proveen este servicio, para éste caso lo hicimos en la empresa www.nic.ec que es la mayor empresa proveedora de dominios en el Ecuador.El domionio consultado y reservado es www.inmaculadamachala.edu.ec, ya que es una institución Educativa y es del Ecuador.

b.- En la página del NIC.EC se crea un usuario y contraseña para administrar la configuracion del Dominio. Que es el pago vía Internet con tarjeta de crédito, una vez cancelado, ésta empresa habilita para configurar los DNS( Domain Name System).

Nota: Dominio Name System (DNS) es una base de datos distrubuida y jerárquica que almaccena información asociada a nombre s de dominio en redes como Internet. Aunque como base de datoa el DNS es capaz de asociar diferentes tipos de información a cada nombre, los usos más comunes son la asignación de nombres de dominios a dirrecciones IP y la localñización de los servidores de Correo Electrónico de cada Doomino

3.- Alojar el sitio web desde SERVIDOR LOCAL al SERVIDOR REMOTO.

a.- La página debe funcionar con los Hipervínculos, hacer las pruebas necesarias verificando que todo este dentro una sla carpeta.

b.- Para alojar el sitio web la alternativa anterior es desde el mismo programa, pero si la configuración no permite hacerlo tenemos que utilizar otros programas FTP. Hemos Utilizado el Smart Ftp , que se muestra al inicio de este informe técnico.

DiseÑO de SitIOs wEb

Tema: DisEÑö De sITioS wEb

Objetivo:
Identificar las herramientas mas importantes de los programas de diseño por medio de tareas para publicar informacion en sitios web.

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.

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.

Adobe photoshop

Illustrator

Sony Vega

Flash Mx

b.- Para las máscaras, acoplamiento del contenido utilizamos los programas de diseño de sitios web como por ejemplo:

Dreameweaver

Joomla

DiSeÑo GrAfIcO #2

Diseño Grafico

Concepto:
El diseño gráfico es una profesión cuya actividad, es la acción de concebir, programar, proyectar y realizar comunicacionespecíficos a grupos sociales determinados. Esta es es visuales, producidas en general por medios industriales y destinadas a transmitir mensajes la actividad que posibilita comunicar gráficamente ideas, hechos y valores procesados y sintetizados en términos de forma y comunicación, factores sociales, culturales, económicos, estéticos y tecnológicos.

Objetivo:
Tipos de ProGraMa paRa DisEño GraFicO

1.- Adobe photoshop

2.-Adobe Illustrator

3.- Flash

4.- Dreamweaver

BiEnVeNiDa:D!!

Bienvenidos al Blog de Computación

martes 27 de abril del 2010

Clase # 1
Tema: UN BLOG EN INTERNET
Objetivo: Identificar los pasos para el diseño de blog en internet por medio de un sitio BLOGGER para publicar INFORMACION.
QUE ES UN BLOG EN INTERNET? Es una página web o una Bitácora que lleva el registro de información , fotos, videos.,etcEl sitio más utilizado para crear un blog es:
WWW.BLOGGER.COM
Para visitar nuestro blog debe hacerlo de la siguiente forma:

1. INGRESAR EN INTERNET

2. EN LA DIRECCION URL ESCRIBIMOS NOMBRE Y APELLIDO
EJEMPLO: NOMBREAPELLIDO.BLOGSPOT.COM

NOTA:PARA EDITAR EL BLOG DEBEMOS INGRESAR A BLOGGER CON EL USUARIO(CORREO), Y CONTRASEÑA

Deber #1

TEMA: DOMINIOS Y HOSTING DE INTERNET ---

Dominios de internet

Definicion: 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 de internet

Definicion:

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. Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes.