Presentación_03 Teoria
-
Upload
david-enriquez -
Category
Documents
-
view
213 -
download
0
description
Transcript of Presentación_03 Teoria
![Page 1: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/1.jpg)
TEMA Nº 03: Fundamentos de la Creación de Sitios WebIng. Carlos Medina Raymundo
![Page 2: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/2.jpg)
PROPÓSITO
Diseñar y crear sitios Web
![Page 3: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/3.jpg)
¿?
• Que es HTML
• Cual es la estructura de una página web
• Que es un tags
![Page 4: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/4.jpg)
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
![Page 5: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/5.jpg)
Estructura
![Page 6: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/6.jpg)
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.
![Page 7: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/7.jpg)
EJEMPLO
![Page 8: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/8.jpg)
TAGS
• Una etiqueta o baliza es una marca con clase que delimita una región en los lenguajes basados en XML
![Page 9: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/9.jpg)
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>
![Page 10: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/10.jpg)
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.
![Page 11: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/11.jpg)
Imágenes
• Para insertar una imagen dentro de una página debemos utilizar el elemento <img />, la misma no tiene un tag de cierre.
![Page 12: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/12.jpg)
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.
![Page 13: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/13.jpg)
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>
![Page 14: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/14.jpg)
Listas
![Page 15: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/15.jpg)
Creación de Tablas
![Page 16: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/16.jpg)
• 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.
![Page 17: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/17.jpg)
![Page 18: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/18.jpg)
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.
![Page 19: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/19.jpg)
![Page 20: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/20.jpg)
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
![Page 21: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/21.jpg)
![Page 22: Presentación_03 Teoria](https://reader034.fdocumento.com/reader034/viewer/2022051622/563db885550346aa9a94703b/html5/thumbnails/22.jpg)
Practica de diagrmas