Página web simple programando en html básico

Trabajo Nº1

Objetivo: aplicar conocimientos adquiridos, comprender uso de etiquetas básicas : html, head, title, body; de vinculación: links internos (ancla), local y externo; de formato de texto font, color, cursiva, negritas y atributos. Organización de carpetas. Correcto uso de nombres de archivos para html.

Encargo: Construcción de una reseña o perfil biográfico personal de 2 o más páginas html linkeadas entre si.


VER TRABAJO

Introducción al formato digital

Trabajo Nº2

Objetivo: Consideraciones con el trabajo de bitmap en web, conocer y aplicar paleta de colores en photoshop y dreamweaver.

Encargo: Seleccionar 2 imágenes de 700px de ancho, una a todo color ( calidad fotográfica ) y otra de colores planos ( vector exportado a imagen) recortar fondo y exportar para web en 4 diferentes formatos: JPG y GIF con fondo.
GIF transparente y PNG transparente. Posicionar dentro de una tabla html que tenga el mismo color de fondo con código hexadecimal.
HTML con tabla y 4 ejemplos de imagen mapa de bits transformada a los 4 formatos
HTML con tabla y 4 ejemplos de imagen vectorial transformada a mapa de bits



VER TRABAJO A

VER TRABAJO B

Web HTML Reseña Biográfica2

Prueba Nº1

Objetivos: Poner en práctica lo aprendido en la unidad

Encargo: Reseña Biográfica : Index + 3 páginas interiores

Contenidos a evaluar:

* Título del documento

* Correcto uso de etiquetas H1 H2 p

* Link interno ancla, local, externo

* Formato de texto font diagramación

* Lista ( etiquetas ul, li )

* Layout tabla / calce y ordenamiento

* Uso de Background

* Visualización de imágenes

* Optimización / selección de imágenes

* Ordenamiento de archivos en carpeta

* Nombre correcto de archivos

* Errores tipográficos y ortografía

* Propuesta de Diseño ( variaciones entre cada página)

* Propuesta formal ( color, dimensiones)

* Propuesta Conceptual ( contexto de imágenes / texto )



VER TRABAJO

Disertación sobre CSS

Prueba Nº2

Objetivo: Entender la sintaxis CSS, haciendo una disertación sobre los Atributos,valores y selectores más comunes sorteados a cada uno. Ejemplo de diagramación con cajas, DIV, y atributos de clase y ID.

Encargo: Disertación PPT con el caso asignado con ejemplos y explicación con sus palabras.

Propiedades de fuente

View more presentations from trotrin.

creacion de layout en psd con lineas guias

Objetivos: Introducción al uso de slices, áreas activas, trozamiento de imágenes y etiquetas de id. Consideraciones al momento de exportar desde photoshop a Dreamweaver, imágenes + html y generación de hoja de estilo CSS a partir de layout.

Encargo: En PhotoShop: Escoger un tema libre y diseñar un layout . Usar las herramientas de slices y exportar los trozos creando una hoja de estilos css.En Dreamweaver: quitar elementos sobrantes y crear un texto de párrafo, cambiando los atributos a la etiqueta p.

Inmersion y revision de flash

Trabajo Nº 6

Objetivo: Primer acercamiento al área de trabajo en flash: Espacio de trabajo, dimensiones de documento de flash para web / Principales herramientas / uso de Línea de tiempo / interpolación de movimiento.
Encargo: Desarrollo de una animación básica, 3 escenas, 1º con movimiento de gráfico, 2º ejemplos de rotación y cambio de color de gráfico, 3º interpolación de movimiento con imagen.

ver trabajo

Minisitio Flash

Prueba Nº3
Objetivo: Aplicar el conocimiento adquirido y desarrollar la capacidad de crear una propuesta de diseño acorde a lo solicitado.
Encargo: Diseño y conceptualización mini-sitio flash: Home + 4 páginas interiores.
Contenidos:Botonera interior linkeada ( acciones goto / nº de frame / next-frame / label )
Uso de línea de tiempo con acciones básicas ( stop/play/ loadmovie / unloadmovie)
Uso de sonidos ( en botones, películas o como reproducción de archivos de audio )
Galería de fotosFormulario de contactoOptimización para publicación webUso correcto de interpolaciones de movimiento y forma, máscaras y desvanecimiento para visualizar contenidos animados.
Uso y manejo de símbolos ( gráficos/movie clips/botones)Uso y manejo de estilos gráficos tales como alfa, tinta, etc.Carga y descarga de películas anexas ( loadmovie / unloadmovie) de 5 archivos swf uno madre Home, que llame las páginas interiores.Puntos a Evaluar:Diseño, conceptualización y trabajo gráfico.Uso de colores, formas y tipografías acordes al concepto que se quiere proyectarCorrecta optimización de imágenes a tamaño y en formato RGB


ver trabajo