AEW_01

Arquitectura de
Entornos Web
(HTML5 + CSS3)
INTRODUCCIÓN
Prof.

INTERNET

PÁGINA WEB

NAVEGADORES WEB

SITIO WEB

PUBLICACIÓN WEB

HOSTING Y DOMINIO

HTML5 Y CSS3

HTML5
Son dos tecnologíasdiferentes, que se
complementan.
CSS3 no forma parte
de las
especificaciones
HTML5

CSS3
CSS3 es un lenguaje que trabaja junto con HTML para
proveer estilos visuales a los elementos del documento,
como:tamaño, color, fondo, bordes, etc

HTML
 HTML (Hypertext Markup Language)
 HTML = Hypertext + MarkUp
 Hypertext
Es texto ordinario al que se le incorporan funcionalidades adicionales como:
Formato,
 Imágenes,
 Multimedia
 Y enlaces a otros documento.
 MarkUp
Es el proceso de tomar el texto ordinario e incorporarle símbolos adicionales. Cada uno de
estos símbolos identifica a un comandoque le indica al navegador como mostrar ese texto.

HTML + CSS3 + JavaScript

Estructura

• Párrafos
• Encabezados
• Listas

HTML5

Contenido

• Textos
• Imágenes
• Hipervínculos

Apariencia

•Colores
• Alineación
• Tipografías

CSS3

• Efectos
• Validaciones
• Automatización

JavaScript

Comportamiento

EDITORES WEB
Software que permiten escribir código HTML , CSS3, JavaScript para eldesarrollo de Sitios Web

Dreamweaver

CoffeCup

Notepad ++

Sublime Text

ESTRUCTURA DE CARPETAS DE UN SITIO WEB
Crear una estructura de carpetas donde se grabarán los diferentes elementos
de un sitio Web:páginas html, imágenes, hojas de estilo, archivos JavaScript

ETIQUETA Y ATRIBUTO

ESTRUCTURA BÁSICA HTML

Es importante que el meta charset se coloque justo después de la apertura de laetiqueta 
Es importante que el meta charset se coloque justo después de la apertura de la etiqueta 

Los Atributos Lang y chatset

Este atributo especifica el idioma base de
los valores de losatributos y del texto
contenido en un elemento.

Se utiliza para especificar la codificación de
caracteres utilizada en el documento.
Es importante que se coloque justo después
de la apertura de la...