Diseño web

Diseño Web II

2

CARRERAS PROFESIONALES

CIBERTEC

DISEÑO WEB II

3

ÍNDICE
Presentación

5

Red de contenidos

6

Unidad de aprendizaje 1: El lenguaje XML
SEMANA 1

: Introducción al lenguaje XML

7

SEMANA 2

: Cargar XML

17

Unidad de aprendizaje 2: El lenguaje CSS
SEMANA 3

: Estilos CSS

SEMANA 4

: PC1: Pagina personal con xml y css

SEMANA 529

: Integración de XML, CSS y Flash

41

Unidad de aprendizaje 3: El lenguaje ActionScript 3.0
SEMANA 6
SEMANA 8
SEMANA 9

: Manejo de Niveles

53

PC2: Pagina personal con enlaces
: Desarrollo de Aplicaciones web con Flash CS3

69

SEMANA 10 : Metodos de Movieclips

73

SEMANA 11 : La clase Timer

85

SEMANA 12 : PC3: Web Site de Curso Virtual con animacionesSEMANA 13 : La clase Tween

93

SEMANA 14 : Sonidos

109

SEMANA 15

Videos

119

SEMANA 16

PC4: Diseño de un juego interactivo

SEMANA 17 : No Hay Clases

CIBERTEC

CARRERAS PROFESIONALES

4

CARRERAS PROFESIONALES

CIBERTEC

DISEÑO WEB II

5

PRESENTACIÓN
Diseño Web II es un curso que pertenece a la línea técnica y se dicta en la
carrera de Diseño Grafico.Brinda a los alumnos un conjunto de herramientas de
software como Adobe Flash CS3, CSS y XML, para el diseño de páginas web
con aplicaciones multimedia.
El manual para el curso ha sido diseñado bajo la modalidad de unidades de
aprendizaje, las que se desarrollan durante semanas determinadas. En cada una
de ellas, hallará los logros, que debe alcanzar al final de la unidad; el tema
tratado, elcual será ampliamente desarrollado; y los contenidos, que debe
desarrollar, es decir, los subtemas. Por último, encontrará las actividades que
deberá desarrollar en cada sesión, que le permitirán reforzar lo aprendido en la
clase.
El curso es eminentemente práctico y consiste en el diseño de páginas web con
programación ActionScript 3.0. En primer lugar, se inicia con el programa. Adobe
FlashCS3 que permite diseñar páginas web usando el lenguaje ActionScript.
Continúa con el lenguaje XML, que junto con ActionScript, brinda al alumno una
variedad de herramientas para la estructuración de la información para
transformarla y presentarla en una página web. Por ejemplo, se pueden crear
galeria de imágenes, noticias dinámicas, etc.

CIBERTEC

CARRERAS PROFESIONALES

6

RED DECONTENIDOS

Diseño Web II

El lenguaje
ActionScript
3.0

Métodos

Propieda
des

Timer

Tween

Audio

El lenguaje
XML

Video

CARRERAS PROFESIONALES

Objetos
Metodos

Propie
dades

El lenguaje
CSS

CSS

Flash
XML

CIBERTEC

Flash
CSS

DISEÑO WEB II

7

UNIDAD DE
APRENDIZAJE

1
SEMANA

1
EL LENGUAJE XML
LOGRO DE LA UNIDAD DE APRENDIZAJE
•Al término de la unidad, los alumnos diseñan páginas web con la herramienta
Adobe Flash CS3, estructurando la información con XML para transformarla y
presentarla en una pagina web.

TEMARIO
•
•
•
•

Estructura XLM
Conceptos XML
Declaración XML
Documentos XML bien formados

ACTIVIDADES PROPUESTAS
• Los alumnos diseñan documentos XML bien formados.
• Los alumnos diseñan galería deimagenes con XML

CIBERTEC

CARRERAS PROFESIONALES

8

1. INTRODUCCIÓN A XML
XML, sigla en inglés de Extensible Markup Language («lenguaje de marcas
ampliable»), es un metalenguaje extensible de etiquetas desarrollado por el World
Wide Web Consortium (W3C). Es una simplificación y adaptación del SGML y
permite definir la gramática de lenguajes específicos (de la misma manera que
HTMLes a su vez un lenguaje definido por SGML). Por lo tanto XML no es
realmente un lenguaje en particular, sino una manera de definir lenguajes para
diferentes necesidades. Algunos de estos lenguajes que usan XML para su
definición son XHTML, SVG, MathML.
XML no ha nacido sólo para su aplicación en Internet, sino que se propone como
un estándar para el intercambio de información estructurada...