En práctica de laboratorio: • Revisa cómo se vera tu página en distintos tipos de navegador y tamaños de pantalla utilizando la Herramienta: "Screen Size Tester". • Revisa cómo se verá la página según la versión de html soportada por los navegadores, con la Herramienta: Web Site Viewer • Verifica cómo verán tus páginas las personas con distintos tipos de deficiencias de percepción del color, con herramienta de revisión en línea: Servicio Newman de evaluación del diseño.
Realiza capturas de pantallas de las herramientas utilizadas y publicalas en el blog de tu equipo.
En práctica de laboratorio utilizando DreamWeaver diseña una página Web COMPLETA sobre la institución (EMSaD No. 20). Deberá utilizar formularios, imágenes, sonidos, tablas, videos, links, etc.
El proyecto terminado, deberas enviarlo a la siguiente dirección de correo: mario.avila.contreras@hotmail.com
Investiga en sitios confiables de internet los tipos de servidores más comunes (archivos, impresión, correo, web, etc) y sus propósitos. La información obtenida será publicada en el blog de tu equipo.
Con lo que hasta ahora has elaborado sobre tu proyecto de micro empresa (giro: comunicación), emplea Dreamweaver CS5 y desarrolla la página web, podrás jugar incluso con los textos, insertar imágenes y utilizar las diversas herramientas aprendidas en practicas anteriores para decidir cómo es más atractiva la página.
Los archivos generados serán enviados por correo electrónico al docente: mario.avila.contreras@hotmail.com
En práctica de laboratorio investiga como se validan los formularios en Dreamweaver CS5 y valida los diseñados en la practica 17 descrita anteriormente.
Los archivos generados serán enviados por correo electrónico al docente: mario.avila.contreras@hotmail.com
En práctica de laboratorio diseña un par páginas web en DreamWeaver CS5 utilizando tablas y formularios (botones, casillas, etiquetas, etc). El objetivo y contenido de la página será sobre la telefonía celular.
Los archivos generados serán enviados por correo electrónico al docente: mario.avila.contreras@hotmail.com
Busca en sitios confiables de internet información sobre el manejo en paginas web de tablas, formularios y elementos que lo forman; y como se usan en Web DreamWeaver). La información obtenida será publicada en el blog del equipo.
En práctica de laboratorio diseña una página web sencilla en Dreamweaver CS5 utilizando : etiquetas, hipervínculos, imágenes, marcos, elementos multimedia y plantillas. Teniendo como temática la comunicación.
Los archivos generados serán enviados por correo electrónico al docente: mario.avila.contreras@hotmail.com
Busca en sitios confiables de internet la ventana principal de Adobe DreamWeaver CS5 y las funciones de sus elementos:
- Barra de título
- Barra de menús
- Barra de herramientas estándar
- Barra de herramientas de documento
- Barra de estado, paneles e inspectores
- Inspector de Propiedades
- Barra de herramientas Insertar o panel de objetos
- Las diferentes vistas (código, diseño y combinada).
Realizar un resumen con la información obtenida y publicalo en blog de tu equipo.
En parejas investiga en sitios confiables de internet los elementos de las páginas web, elaborara un cuadro sinóptico con la información obtenida. Los resultados serán publicados en el blog de tu equipo.
En práctica de laboratorio elige el objetivo, contenidos y estructura para una página Web cuyo tema será la Telefonía Celular y realiza el diseño de la misma utilizando Adobe DreamWeaver CS5.
Envía los archivos generados en la práctica a la siguiente dirección de correo electrónico: mario.avila.contreras@hotmail.com
En práctica de laboratorio selecciona el objetivo, contenidos y estructura para una página Web cuyo tema será la Telefonía Celular y realizara el diseño de la misma.
Envía el archivo generado a la siguiente dirección de correo electrónico: mario.avila.contreras@hotmail.com
De acuerdo con la “micro empresa” de su interés, redacta un documento sobre el proyecto de su elección; con base en esta información, retomara los aprendizajes de este tópico (HTML, JavaScript, ASP, CSS, entre otros) y continuaran con la planeacion del diseño de su página. Será importante que comience a experimentar con la información que contendrá el sitio. El reporte sera publicado enviado por correo electronico al docente (mario.avila.contreras@hotmail.com)
Investiga en distintas fuentes características del lenguaje JavaScript, cuáles son los comandos que se pueden utilizar, cómo se escriben, entre otros. Elabora el código en el bloc de notas donde enlisten todas las órdenes que programaron a través de este lenguaje.
El archivo generado será enviado por correo electrónico al docente (mario.avila.contreras@hotmail.com)
Investiga en distintas fuentes más características del lenguaje HTML, cómo pueden agregar imágenes, cómo pueden hacer ligas, vinculos, hipervinculos, comandos, entre otros. Elabora el código en el bloc de notas donde enlisten todas las órdenes que programaron a través de este lenguaje (las características investigadas).
EL archivo generado será enviado por correo electrónico al docente (mario.avila.contreras@hotmail.com)
1. Busca en fuentes bibliográficas o electrónicas, las características principales del lenguaje HTML que es el más utilizado para la creación de páginas web; y la estructura basica de un documento en HTML. La información obtenida será publicada en el blog de tu equipo.
2. Con la informacion obtenida de la estructura básica de un documento en HTML (componentes, etiquetas) y ayuda del docente realizael código HTML de una pequeña página web utilizando el bloc de notas. El archivo generado será enviado por correo electronico al docente (mario.avila.contreras@hotmail.com)
Reunete en parejas y realicen el pre-diseño para elaborar su propia página web teniendo en cuenta: una microempresa, el giro de la misma (comunicación, telefonía celular), a quien va dirigido, tipo de página, búsqueda de imágenes relacionadas, colores a usar, objetivo de la página, videos a incluir, audio a utilizar. Elabora un reporte del diseño de tu página y envialo por correo electrónico al docente (mario.avila.contreras@hotmail.com).
En práctica de laboratorio buscainformación y características sobre los siguientes conceptos propios del diseño de una página web: Página Web, Sitio Web, HTML, Hipervínculo, Lenguaje de programación, Editor, Servidor, Cliente FTP, Hosting, Dominio, ISP, URL, Applets, Frames (marcos), Webmaster, Tablas, Banner. Elabora un mapa conceptual y publica los resultados en el blog de tu equipo
Investiga en sitios confiables de internet las características de los formatos de las imágenes que pueden incluir en una página web: GIF, JPEG, BMP, TIFF, WMF, PNG. Elabora un cuadro sinóptico y publica los resultados en el blog de tu equipo.
Investiga en sitios de internet confiables en que consiste el diseño Web. Elaborara un ensayo con la información recabada y publica los resultados en el blog de tu equipo.
Investiga el concepto de diseño y los elementos del mismo, las teorías del diseño (minimalismo, conceptualismo). Lee la información obtenida y publicala en tu blog.