DISEÑO DE PÁGINAS WEB

Mag. Gina Huertas Camacho 1

• Analicemos las siguientes imagenes

Mag. Gina Huertas Camacho 22

Sistema Web

Esun sistema informático que los usuarios utilizan para acceder a la información
a través de Internet o de una intranet.
Los sistemas Web se pueden utilizar desde cualquier navegador
Web (chrome, firefox, Internet Explorer, etc) sin importar el
Ejemplos sistema operativo.

Sunat Saga
http://www.sunat.gob.pe/ http://www.falabella.com.pe/falabella-pe/

Mag. Gina Huertas Camacho 33

Sistema Web
• ¿Por qué hoy en día en las organizaciones es prescindible
contar con un sistema Web?

Hoy día los usuarios buscan más que información en un sitio web.

Desean tener sistemas a su disposición para satisfacer rápidamente y en cualquier

momento alguna necesidad especifica.

Por otra parte muchas empresas obtienen grandes beneficios proveyendo estas
soluciones a sus clientes y usuarios consiguiendo reducir costos, aumentar ventas,
mejorar la imagen de la empresa, conservar clientes, etc.

Mag. Gina Huertas Camacho 44

ELEMENTOS PRINCIPALES DE UN SITIO WEB

ESTRUCTURA

APARIENCIA

INTERACTIVIDAD Y
ANIMACIÓN

Mag. Gina Huertas Camacho 5

LENGUAJEDEETIQUETASHTML
¿QUÉ ES Y PARA QUÉ SIRVE HTML?

HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en ingles "HyperText Markup Language“.
Creado por Timothy "Tim" John Berners-Lee, es un científico británico, conocido por ser el padre de la World Wide
Web.

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.

Está compuesto por una serie de etiquetas o elementos que el navegador interpreta y da forma en la pantalla.

La W3C (World Wide Web Consortium) define el estándar del uso del HTML y actualmente HTML se encuentra en
su versión HTML5.

Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un
ejemplo sencillo de código HTML podría ser:

Mag. Gina Huertas Camacho 77

Estructura de una página Web

• Las etiquetas están estructuradas (en un árbol)

• Hay dos secciones claramente diferenciadas (cabecera y cuerpo)
• Las etiquetas van pareadas

Mag. Gina Huertas Camacho 8

HTML
ETIQUETAS HTML

Mag. Gina Huertas Camacho 99

HTML

Mag. Gina Huertas Camacho 10

10
HTML
ESTRUCTURA HTML

11
HTML
ESTRUCTURA HTML 5

12
HTML
ESTRUCTURA HTML 5

13
13
CSS
CSS
¿QUÉ ES CSS?
CSSsignifica hojas de estilo en cascada por su por sus siglas en ingles Cascading Style Sheets
es una tecnología que nos permite crear páginas web de una manera más exacta.
Sedebe referenciar en la página Web para ello vamos a colocar la etiqueta
<LINK> con los atributos:
•rel="STYLESHEET" indicando que el enlace es con una hoja deestilo.
•type="text/css" porque el archivo es de texto, en sintaxisCSS.
•href="estilos.css" indica el nombre del fichero fuente de losestilos.

15
15
APRACTICAR

16
Resumen de Clase:
¿Que es HTML?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.

¿Que es CSS?
CSSson hojas de estilo que se aplican a los documentos HTML.

¿Cuáles son los elementos principales para trabajar en html5?

HTML - CSS- JAVASCRIPT

Mag. Gina Huertas Camacho 17

¡GRACIAS!

Mag. Gina Huertas Camacho 18