M08 ESQUEMA

CONTENIDO HTML

Lenguaje de estilos

Lenguaje de Programación

Lenguaje de Marcado

HTML

HTMLS

XHTML

CSS

CSS3

-Java

-Javascript

-PHP

-Unity

Formatos de imagen para la web

Jpg

Png

TIF

Gif

Programas gráficos

Sirven para ejecutar cualquier proyecto

Posicionamiento en Buscadpres

Un sistema informático que busca archivos almacenados en servidores web.

SEO

SEM

Link Building

Redes Sociales

Las redes coailes son un contexto relacional online.

Community Manager

Social Media

Facebook

Twitter

Pinterest

LinkedIn

Gestor de contenidos (CMS)

Normalmente hay una base de datos detrás.

Es fácil trabajar con el

Drupal

Wordpress

Joomla

Prestashop

Magento

Moodle

HTML

Es un lenguaje de marcado

Estructura

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Título de mi página</title>

</head>

<body>

<h1>Mí primera página web</h1>

<p>Hola a todos, viva el vinooooo!!!</p>

</body>

</html>

Contenido que puede tener una pagina

-texto

-una imagen

-un video

Nombramiento de los ficheros

Tipos de rutas

Ruta absoluta

Ruta relativa

Identificamos ficheros y directorios sin el inicio del sistema de ficheros.

Identificamos fitcheros partiendo de la ubicación actual

Encabezados

del h1 al h6. Es importante utilizarlos en orden para tener una estructura correcta de la web, además actúan como cajas rusas, el h1 (único) engloba los demás. Si tenemos una idea clara como estructuramos un documento de Word y sus encabezados podemos entender la estructura de la web.

Introducción al Diseño

Consiste en la planificación, diseño y iplementación de sitios web

navegabilidad

usabilidad

interactividad.

Distribución de la página

se organiza en

los menús

el cuerpo

los titulares

los párrafos

El logotipo que se ubica en la esquina superior izquierda.

El encabezado que contiene el nombre del sitio web y un banner de navegación.

El menú que se coloca a la derecha o izquierda de la página.

El cuerpo donde se encuentra la mayoría de la información y donde se sitúan los titulares, párrafos, imágenes, etc.

El pie de página que incluye información adicional como, información de contacto, un enlace al mapa del sitio