grafica computacional v: inicio clase web
DESCRIPTION
Primera presentación sobre concepto de HTMLTRANSCRIPT
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