La ubicación del archivo buscado puede ser la misma carpeta del documento en que se está trabajando, otra carpeta o una dirección url. En cada caso la "Ubicación" que hay que escribir será diferente
http://www.
EDICIÓN DE PÁGINAS WEB
HTML: HYPERTEXT MARKUP LANGUAGE
ESTRUCTURA
es la sección donde se pone todo lo que se verá en el navegador: se incluyen todo tipo de etiquetas que designan funciones
Listas, tablas y formularios
Son complejos de hacer. Sólo se utiliza el código fuente para revisarlos cuando hay algún problema en una lista, tabla o formulario ya hecho.
Enlace
#Anchor (ancla)
Marcas que sirven para que algo se enlace con lo previamente marcado con un nombre preestablecido
Enlace
Inclusión
De sonido y vídeo
De imágenes
alt="texto alternativo a la imagen (útil para spiders y navegadores para ciegos)" title="descripción de la imagen"
Formato
De texto. Ejemplos
Texto Verdana
Texto tamaño 12
Cursiva
Negrita
De documento. Ejemplos
Encabezado 1
Línea horizontal
Salto de línia
Estructura de una etiqueta
Texto
La siguiente etiqueta es . El contenido no lo ve el navegador pero sí los buscadores (spiders)
Información CSS
Metadatos que describen la página para las arañas
Siempre abre y cierra al final de todo
¿QUÉ ES?
Se utiliza para los contenidos
Lenguaje usado para crear webs
CSS: CASCADE STYLE SHEET
TIPOS DE ESTILO
Externo
Se crea un documento aparte (.css) y se vincula desde el de cada página web con cuya información queramos afectar
Interno
Se define en el de un documento y afecta a ese documento en concreto
En línea
Se define en cada etiqueta html
Hacen cambios globales en todo el documento o en todo el sitio web
Se utilizan para el aspecto visual
Reglas que definen la apariencia de los elementos html y el formato de los documentos html
UTILIZAN UNA GRAMÁTICA DIFERENTE QUE LA DEL HTML
CMS: CONTENT MANAGEMENT SYSTEMS
MÁS USADOS
Moodle
Joomla
Wordpress (posible conversión a página web)
Blogger
Páginas web
Drupal
Weebly
Webnode (con módulo para blog)
OFRECEN
Dominio gratis
¿QUÉ SON?
Evolución del código HTML hacia un editor web que funciona partiendo de plantillas (hojas de estilo CSS)
REALIZACIÓN DE UN SITIO WEB
VISIONADO (online)
PUBLICACIÓN EN RED
Se necesita
Hosting: dominio que ceden algunas compañías para alojar un sitio web
Dominio: dirección exclusiva por la que hay que pagar
CREACIÓN (offline)
Vía editores de código WYSIWYG (what you see is what you get)
Vía código fuente
Vía CMS
TIPOS
Álbumes de fotos
Revistas
Plataformas de correo electrónico
Moodles
Wikis
Foros
Blogs
Sitios web
DREAMWEAVER. EDITOR WYSIWYG: WHAT YOU SEE IS WHAT YOU GET
DOBLE FORMATO DE TRABAJO
Vista resultado final
También permite editar
Vista código fuente
Funciona a base de códigos de CSS
"LO QUE VES ES LO QUE OBTIENES"
Editores de texto con formato que permiten escribir un documento viendo directamente el resultado final
