Temas 2-3-4

More like this

INTRODUCCIÓN ALA WEB Y CONCEPTOS BÁSICOS

by perla murillo zacamecahua

FORMULARIOS

by PEREZ RAMIREZ JORGE RUBEN

PLN y PLE

by SHIRLEY ANTONELLA BARRERA TABOADA

Funciones de Excel

by Vanessa Sanchez

Gestores de Contenido (CMS)

Modo de creación

Online

Se puede crear desde páginas como Webnode, Weebly, etc.

Offline

Puede crearse desde programas como Dreamweaver

Puede crearse desde un bloc de notas

Lenguaje CSS (Hoja de estilo en cascada)

Selectores de clase

Los creamos nosotros para dar un nombre concreto a una acción que queremos realizar; cojemos como ejemplo el centrar un texto

.centrado { text-align: center; }

Creadno esto, indicamos que cada vez que escribamos ".centrado" lo que queremos es que el texto se alinee al centro

Style

hr

hr {border-color: color}

Personaliza la línea horizontal

a

a:hover {color: color; font-weight: Tipo; text-decoration: elección}

Personaliza el estilo del enlace creado

hn

hn { font-weight: Tipo; font-size: Tamaño}

Personaliza un encabezado concreto, siendo "n" el número de este

h1 h2 h3

h1, h2, h3 {color: color}

Personaliza TODOS los encabezados SELECCIONADOS separados por comas; en este caso el 1, 2 y el 3, según el color que se quiera

Body

body {font-family:Letra; font-size: Tamaño margin-right: Espacio; margin-left: Espacio}

Permite personalizar el texto que queramos mostrar: el tipo de letra, su tamaño, los márgenes

Lenguaje HTML

Estructura de las eiquetas

Texto visible

Etiquetas HTML

Formularios

Prototipo de Formulario (del Power Point de clase):

Tablas

Columna normal

Columna tipo encabezado

Fila

Listas

No numeradas

• Uno
• Dos

Numeradas

1. Primero
2. Segundo

Metaelementos (se incluyen en la sección )

Enlace

Enlace a un punto concreto de una página web

Enlace a un punto concreto de una página

Enlace a otro sitio web

Enlace a archivo que está en una carpeta, dentro de la carpeta dónde está el archivo html

Enlace a archivo en una carpeta al mismo nivel

Enlace en un mismo directorio

Inclusión

Video y Sonido

Imágenes

Formato de texto

Permite personalizar el texto, el color, el formato, el tamaño

Letra cursiva

Letra negrita

Formato de documento

Indica el encabezado, n es un número

Salto de párrafo

Salto de línea

Estructura de un documento en HTML

Al inicio y al final del documento respectivamente debemos añadir:

A continuación se añade la sección , en la que se añade información que no se visualiza pero que define el documento

Entre las etiquetas y despues de , siguen las siguientes , entre estas dos etiquetas se escribe el texto que equivale a aquello que veremos en la página web

Fases de creación de un sitio web

Verlo

Subirlo

Crearlo