TEMA Nº 03: Fundamentos de la Creación de Sitios WebIng. Carlos Medina Raymundo

PROPÓSITO

Diseñar y crear sitios Web

¿?

• Que es HTML

• Cual es la estructura de una página web

• Que es un tags

HyperText Markup Language

Lenguaje de Marcas de HiperTexto.

• HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet

Estructura

DOCTYPE• El Doctype es la primera declaración que va en

una página web y le dice al navegador qué especificación de HTML o XHTML estas usando.

EJEMPLO

TAGS

• Una etiqueta o baliza es una marca con clase que delimita una región en los lenguajes basados en XML

Encabezado

• <h1> Texto muy grande</h1><h2>Texto grande</h2><h3>Texto más grande de lo normal</h3><h4>Texto normal</h4><h5>Texto pequeño</h5><h6>Texto muy pequeño</h6>

Parrafo

• Párrafo <p> … </p>

Un párrafo es una oración o conjunto de oraciones referentes a un mismo tema. Todo lo que encerremos entre las marcas <p> y </p> aparecerá separado por un espacio con respecto al próximo párrafo.

Imágenes

• Para insertar una imagen dentro de una página debemos utilizar el elemento <img />, la misma no tiene un tag de cierre.

Hipervínculo • Normalmente un browser al encontrar esta

marca muestra un texto subrayado, y al hacer clic con el mouse sobre éste el navegador carga la página indicada por dicho hipervínculo.

Listas

• Las listas son elementos consecutivos que se depositan en un orden definido. Existen varios tipos de lista. Los elementos <ul> definen una lista con viñetas y los elementos <ol> una lista ordenada. Cada lista posee elementos independientes. Cada elemento de una lista es puesto dentro del tag <li> … </li>

Listas

Creación de Tablas

• 1D:

Son líneas o conectores unidimensionales, conun punto de inicio y un punto final, alarrastrar cualquiera de estos dos puntos lasformas cambian en su longitud. Estas formaspueden conectar otras dos formas iguales odiferentes.

2D

• Es un formato bidimensional como rectángulos,cuadrados, círculos, etc. que tienen ochocontroladores de selección, un controlador degiro, con un controlador de excentricidad. Algunasformas tienen un controlador amarillo quepermite interactuar en la misma forma.

3D

• En física, geometría y análisis matemático, unobjeto o ente es tridimensional si tiene tresdimensiones. Es decir cada uno de sus puntospuede ser localizado especificando tres númerosdentro de un cierto rango. Por ejemplo, anchura,longitud y profundidad

Practica de diagrmas