Categorias: Todos - formularios - texto - css - cms

por Judit Mir 11 anos atrás

266

Temas 2-3-4

Los gestores de contenido, conocidos como CMS, permiten la creación de sitios web tanto en línea como fuera de línea. En la creación en línea, se pueden utilizar plataformas como Webnode o Weebly, mientras que la creación offline puede realizarse con programas como Dreamweaver o incluso un simple bloc de notas.

Temas 2-3-4

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):

Nombre:
Apellidos:
email:
Hombre
Mujer

Tablas

Columna normal

Columna tipo encabezado

Fila

Listas

No numeradas

Numeradas

  1. Primero
  2. Segundo

Metaelementos (se incluyen en la sección )

Título de la página

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


Línea horizontal

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