Profesor Jorge LlanténGráfica Computacional V

Presentación de la primera clase

Gráfica Computacional V

• Semestre Anterior

Jorge Llantén B. - www.j2.cl

Animación

Multimedia

Web

Gráfica Computacional V

• Semestre Anterior

Jorge Llantén B. - www.j2.cl

Web

Todo en un solo archivo

index.swf

index.htmlNO es lo

óptimo para la web

Archivo pesado

Aparece barra cargando

Debe cargar cosas que no queremos ver

Para actualizar una cosa hay que cambiar

todo el archivo

HTML

SWF

Gráfica Computacional V

Jorge Llantén B. - www.j2.cl

• Semestre Anterior

Web optima con Flash

Varios Archivos

HTMLindex.html

index.swf

video.flv imagen.jpg texto.xmlcabecera.swf menu.swf

Cargando Archivos Externos

Archivos livianos

No tenemos la barra “cargando”

Solo nos carga lo que queremos ver

Para actualizar una cosa solo modificamos

ese archivo

Gráfica Computacional V

• VII Semestre: Diseño Web

Jorge Llantén B. - www.j2.cl

WWW

La World Wide Web (WWW)

(Internet)

presentan información en programas navegadores

HTML

esta información es HTML = HyperText Markup Language

(Lenguaje de marcación de hipertexto)

Gráfica Computacional V

• VII Semestre: Diseño Web

Jorge Llantén B. - www.j2.cl

HTMLEste es un lenguaje muy

sencillo que se basa en el uso de etiquetas, consistentes en

un texto ASCII encerrado dentro de un par de

paréntesis angulares(<..>)

Ejemplo 1

En el Mac abrir la aplicación “TextEdit” y desde el menú Formato>

Convertir a Texto Normal.Esto cambia el modo de edición a texto

ASCII (solo texto sin formato).En Windows solo abrir el “Block de

Notas”

Gráfica Computacional V

Jorge Llantén B. - www.j2.cl

<title>título de la página</title><h1>texto con formato encabezado</h1>

<p>texto con formato de párrafo</p><a href="http://www.j2.cl">Ir a j2.cl</a>

Escribir:

Gráfica Computacional V

Jorge Llantén B. - www.j2.cl

Inicio del titulo

Final del titulo

Gráfica Computacional V

Ejemplo 1

Guardar el archivo.Quedará con extensión *.TXT

Jorge Llantén B. - www.j2.cl

Luego realizar la acción de cambiar el nombre, pero se le cambiará solo la extensión en HTML (si se cambia a

HTM igual funciona) y abrir el archivo con cualquier navegador.

Gráfica Computacional V

Ejemplo 1

Jorge Llantén B. - www.j2.cl

<title>título de la página</title>

¡Ya tienes tu primera web!

<h1>texto con formato encabezado</h1>

<p>texto con formato de párrafo</p>

www.j2.clMás información del curso en

Desde ahora en Facebooksolo encontrarán información de diseño en:

www.facebook.com/wwwj2cl

sección alumnos