Tutorial de Diseño de paginas web

[pic 1][pic 2]

 TP (Titulo de página)

[pic 3]

TC[pic 4]

[pic 5][pic 6]

[pic 7][pic 8]

[pic 9]

[pic 10][pic 11]

[pic 12][pic 13]

[pic 14]

Td.html        

HTML

HiperTextMarkupLenguage, lenguaje de marcado de hipertextos. Es un estándar con el cual se crean las páginas Web

Lenguaje.  Estructura que permite la comunicación entre el desarrollador y la página web. EBPW Estructura básica de una página Web

[pic 15][pic 16][pic 17][pic 18]

[pic 19]

[pic 20][pic 21]

[pic 22][pic 23]

[pic 24][pic 25]

[pic 26]

Los marcados también se llaman etiquetas o directivas o Tags o Instrucciones o Códigos (MarKups ) son los marcajes en la programación de HTML para crear una página web.

Sintaxis de una directiva.

Hay dos tipos de tags en el mundo, abiertas y cerradas, para html5 solo hay una

Abiertas se pueden utilizar n veces, solo lleva su nombre

Cerradas, se utilizan en pares y llevan una diagonal

Etiquetas EBPW,utiliza 3 (HTML, head y Body)

CREANDO UNA PÁGINA WEB POR CÓDIGO

1. Tener clara la idea de la página (storyboard)
2. Abrir un editor asky (bloc de notas)(SUBLIME)
3. Escribir la EBPW
4. Archivo guaradar como
5. Asignar nombre a la página (td) MI PRIMER PAGINA WEB POR CODIGO
6. Cerrar la página código asky
7. Publicar la página

MODIFICANDO UNA PAGINA WEB POR CODIGO        

1. Abrir la página contenedora de la página
2. Clic derecho abrir con (editor asky)
3. Agregar las modificaciones necesarias (primordialmente etiquetas)
4. Archivo guardar
5. Cerrar editor asky
6. Vuelva a públicar

ETIQUETAS DE FORMATO (ESTILOS)

Break r. (salto de línea)

texto (negritas)

texto (italik)

texto  subrayar

ETIQUETAS COMPLEJAS

Se llaman “Haches H”

H1 (De tipo cerrada). Hace la letra más grande

texto

%letra acute acentua

LISTA ORDENADA

1. Informática
2. Administración de empresas
3. Diseño gráfico
4. Derecho
5. Gastronomía

LISTA DESORDENADA

• Informática
• Administración de empresas
• Diseño gráfico
• Derecho
• Gastronomía

Los parámetros permiten modificar la conducta de algo

LISTAS QUE INICEN CON LETRAS  INICIEN  MAYUSCULAS CON M

LISTAS QUE INICEN CON LETRAS  INICIEN  MINUSCULAS CON Z

LAS DE NUMEROS ROMANOS MAYUSCULAS 358

LAS DE NUMEROS ROMANOS MINUSCULAS 1003

ENLACES

Dos tipos de enlaces, los que se crean con textos y con imágenes.

Texto,  hipertexto

• DD, se refiere a documento

Imagen, Hipervínculo

HTD (HIPER TEXTO DE DOCUMENTO)

Son ligas, enlaces, desplazamientos, conexiones, BRINCOS O SALTOS DENTRO DE LA MISMA PÁGINA[pic 27][pic 28][pic 29][pic 30][pic 31][pic 32]

...