Bloque 1
Utilizar los elementos fundamentales de diseño.
Objetivo:
1)
Identifica los elementos básicos de una página
wed.
2)
Identifica terminología de las paginas wed.
Proyectar el entorno de treamweaver
Actividades:
Act 1- Conocer el programa de la Asignatura.
Act 2- Recopilarla terminología de la Asignatura.
Act 3- Descripción de los
elementos de recursos y programas para elaborar paginas wed.
Act 4- Conocer la estructura
básica de una página wed.
Bloque 2
Manejar los elementos básicos de
HTML describir la estructura de una página wed.
Act 1- Proyectar los elementos
llamadas, marcadores cabeceare y párrafos.
Act 2- Determinar los atributos
de elementos.
Act 3- Empleo de encabezado
estilos y párrafos, etiquetados de caracteres tipos de letras, formatos,
bloques, colores.
Act 4- Vinculación con documento
locales; vinculación con un punto especifico entre el documento (enlaces
internos; creación de listas).
Bloque 3
Diseñar una página wed con
software con aplicación objetivo crear archivos electrónicos de paginas wed
para medio Dreamweaver
Act 1- Proyectar el programa de
Dreamweaver.
Act 2- Descripción y la
configuración de Dreamweaver.
Act 3- Elaboración de paginas wed
de Dreamweaver
Act 4- Generar paginas con
contenido básico encabezado, titulo, y fondo.
Act 5- Inserción de listas,
tablas y Hipervínculos.
Act 6- Inserción de sonido y
video.
Bloque 4
Publicar paginas wed
Objetivo; Crear direcciones electrónicas de alojamiento de paginas wed en servidor gratuito.
Act 1- Ventajas y desventajas del
servicio wed.
Act 2- Procedimiento de
configuración.
Act 3- Utilizar las paginas que
has para dibujarlas en un sitio wed.
Examen Diagnostico
¿Qué es una red?
Una red informática está formada por un conjunto de
ordenadores intercomunicados entre sí que utilizan distintas tecnologías de
hardware/software. Las tecnologías que utilizan (tipos de cables, de tarjetas,
dispositivos...) y los programas (protocolos) varían según la dimensión y
función de la propia red
¿Qué es Red Wan?
Es una red de gran cobertura en la cual pueden
trasmitirse datos a larga distancia,
interconectando facilidades de comunicación (wide Área Network).
¿Qué es Topología
Física?
Los cables son generalmente de dos tipos: UTP par trenzado y
coaxil.
¿Qué es Topología
Lógica?
Es una forma en que las maquinas se comunican atraves del
medio físico.
¿Qué es una Red
Hibrida?
La red hibrida usan combinación de dos o más topologías
distintas de tal manera que la red resultante no tiene forma estándar.
¿Qué es una Red
Estrella?
Es en la cual las estaciones están conectadas directamente a
un punto central y todas las comunicaciones se han de hacer necesariamente
atraves de este.
¿Qué es una Red de Bus Lineal?
Se conectan a un único medio
bidireccional lineal con puntos de determinación bien definidos, cuando una
estación transmite, su señal se propaga a ambos lados del emisor, a través de
bus hacia todas las estaciones conectadas al mismo.
¿Qué es una Servidor?
Es una computadora que formando parte de una red, provee
servicios a otras computadoras.
¿Qué es un Navegador
(ejemplos)?
Mozilla
fire fox, internet Explorer, opera, safira, Google chromen.
¿Qué es un Buscador
(ejemplos)?
Google, YouTube,
Yahoo
¿Qué significa las
Siglas www?
World Wide
Web
¿Qué significa Wed?
Es un
sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a
través de Internet.
¿Qué significa Modem?
Es un dispositivo que
sirve para enviar una señal llamada moduladora mediante otra señal llamada
portadora.
¿Qué significa
Hipertexto?
Es el nombre que recibe el texto que en la pantalla de un
dispositivo electrónico conduce a otro
texto
¿Qué significa Hipermedia?
Es el término con el
que se designa al conjunto de métodos o
procedimientos para escribir, diseñar o comprender contenidos que integren
soportes tales como: texto, imagen, video, audio, mapa.
¿Qué significa
Hipervínculo?
Es un enlace, normalmente entre dos páginas web de un mismo
sitio, pero un enlace también puede apuntar a una página web, aun fichero, a
una imagen, etc.
¿Qué significa URL?
Es la dirección única de un archivo en internet.
¿Qué significa HTML?
HyperText Markup Language, que se traduce al español como Lenguaje de
Marcas Hipertextuales.
¿Qué significa PHP?
No tiene Significado
¿Qué significa Head?
R= Cabeza.
¿Qué significa Title?
R= Titulo.
¿Qué significa Body?
R= Cuerpo.
¿Qué significa Name?
R= Nombre.
¿Qué significa
Justify?
R= Justificar.
¿Qué significa Lect?
R= Lesionar.
¿Qué significa Right?
R= Derecho.
¿Qué significa
Center?
R= Centro.
¿Qué significa Widt
R= Ancho.
¿Qué significa Height?
R= Altura.
¿Qué significa Bottom?
R= Fondo.
¿Qué significa Middle?
R= Modificación.
¿Qué significa Top?
R= Superior.
¿Qué significa
Common?
R= Común.
¿Qué significa
Insert?
R= Insertar.
¿Qué significa
Lagoot
Lagoon- R= Laguna
¿Qué significa Frames?
R= Marcos.
¿Qué significa
Application?
R= Aplicación.
¿Qué significa
Tables?
R= Tablas.
¿Qué significa File?
R=Expediente.
¿Qué significa
Modify?
R= Modificar
¿Qué significa
Commands
R= Comandos.
¿Qué significa Site?
R= Sitio.
¿Qué significa Windows?
R= Ventanas
¿Qué significa
Design?
R= Diseño
¿Qué significa Code?
R= Código.
¿Qué significa
Untitled?
R= Intitulado
Investigar el Programa Dreamweaver
Es una aplicación en forma de suite (basada en la forma
de estudio de Adobe Flash) que está destinada a la
construcción, diseño y edición de sitios, videos y aplicaciones Web basados en estándares. Creado
inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el
sector del diseño y la programación web, por sus funcionalidades, su
integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de
los estándares del World
Wide Web Consortium.
Sus principales competidores
son Microsoft
Expression Web y BlueGriffon (que es de codigo abierto) y tiene
soporte tanto para edición de imágenes como para animación a través de su
integración con otras. Hasta la versión MX, fue duramente criticado por su
escaso soporte de los estándares de la web, ya que el código que generaba era
con frecuencia sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Dreamweaver permite al
usuario utilizar la mayoría de los navegadores Web instalados en su ordenador
para pre visualizar las páginas web. También dispone de herramientas de
administración de sitios dirigidas a principiantes como, por ejemplo, la
habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo
de parámetro especificado, hasta el sitio web completo. El panel de
comportamientos también permite crear Java Script básico sin conocimientos de
código.
Con la llegada de la versión
MX, Macromedia incorporó herramientas de creación de contenido dinámico en
Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también
permite la conexión a Bases de Datos como MySQL y Microsoft
Access, para filtrar
y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia
previa en programación.
Un aspecto de alta
consideración de Dreamweaver es su funcionalidad con extensiones. Es decir,
permite el uso de "Extensiones". Las extensiones, tal y como se
conocen, son pequeños programas, que cualquier desarrollador web puede escribir
(normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar,
ofreciendo así funcionalidades añadidas a la aplicación. Dreamweaver goza del
apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible
la disponibilidad de extensiones gratuitas y de pago para la mayoría de las
tareas de desarrollo web, que van desde simple efectos rollover hasta completas
cartas de compra.
También podría decirse que,
para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks en donde se podría diseñar un menú u
otras creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad
superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y
después exportar la imagen creada y así utilizarla como una sola en donde ya
llevará los vínculos para dicho sitio.