INSTITUTO TECNOLÓGICO SUPERIOR "CENTRAL TÉCNICO"
Alumno: Andrango Kevin Alexis
Docente: Ing.Julio Calvopiña Herrera Msc.
Curso: 4to Paralelo: D1
Año Lectivo: 2014 - 2015
ESTRUCTURA BÁSICA
1.CONCEPTO
Como repasamos en el Blog anterior, el tema fue las etiquetas de HTML y este tema que vamos a repasar y comprender a continuación se ve muy relacionado con el anterior. Todo documento de tipo Pagina Web esta hecho en formato HTML uno de los formatos que se emplea al utilizar ¨Las Etiquetas HTML¨ llamados también comandos de programación.
1.1 QUE RELACIÓN TIENE LA ESTRUCTURA Y LAS ETIQUETAS ?
Están ligadas de una forma muy necesaria,por el motivo que sin las etiquetas no existiera la programación todo fuera un desorden y no se lo lograra el producto final como son las Paginas Web en si este es muy necesario por los siguientes puntos
1.-Las etiquetas son parte fundamental de la programación básica en plataformas como HTML,Java Script , Phyton y C++
2.-Al momento de programar se necesita un orden al estilo de ¨Corchetes¨al abrir uno cerramos otro y hasta tener el resultado final.
3.-Ayuda a programar de manera cronología y tiene etiquetas de reconocimiento fácil en Ingles,terminologías básicas
Por este y muchos motivos más se encuentran ligados lo que son Etiquetas con Estructura. Cumple la función de Venas o Huesos en el Cuerpo Humano, ya que sin ellas no tendría ni forma ni funcionamiento el cuerpo o en este caso el documento HTML.
1.2 REPASO DE PUNTOS DE LA ESTRUCTURA BÁSICA DE LA PÁGINA WEB
En la estructura básica de la Pagina Web vamos a repasar los principales y necesarios puntos de la estructura en si.
1.-<HTML> y </HTML>
Para empezar la programación de una pagina o documento HTML debemos especificar el tipo de formato que vamos a emplear al momento de la creación de el mismo. La estructura HTML se empieza con la etiqueta <HTML> hace referencia a un punto de inicio y al momento de acabar agregamos </HTML>
Todo el contenido que agreguemos dentro o intermedio de <HTML> y </HTML> sera la pagina Web o documento HTML en si. Este contendrá lo que son Textos,Imágenes,Contenido Multimedia y varios que se estudiaran mas adelante.
Dentro de las etiquetas de HTML se encuentra en 2 partes divididas.
2.1.-<HEAD> y </HEAD>
Esta es la primera parte de la que vamos a repasar de estas 2 partes que contiene la etiqueta HTML. Esta etiqueta hace referencia a la cabecera de la misma página. Aquí en esta parte irán ciertas partes de información de la misma pero que no es directamente el contenido de la pagina en total aquí se pone el titulo de la página. meta datos y demás con códigos Java Script.
2.2 <TITLE> y </TITLE>
En esta parte como dice la etiqueta aplicaremos el titulo de la pagina web a realizar o documento HTML que se encuentre en proceso. Sirve para designar un Titulo y cumple esta función necesariamente con la Apertura Y Cierre de etiquetas sabes que ningún comando funcionara sin estos 2 tipos de procesos a seguir.
3.- <BODY> y </BODY>
A continuación trataremos de topar ciertos puntos de el ¨Cuerpo¨. La parte esencia de la pagina en si, y esto es por el motivo que es la mas importante porqué es donde publicamos cada parte de el contenido como pueden ser: Imágenes, Vídeos, Vínculos, Texto y entre muchos.
En esta parte de etiquetas y partes básicas de la página. Se divide en centenares de temas y subtemas que contiene BODY en general pero trataremos de topara cada unos de los mas importantes y básicos.
COMPLEMENTOS Y ETIQUETAS USADAS EN <BODY> y </BODY>
1.- <BR> : Explicando de una manera sencilla, esta etiqueta especifica lo que seria una ¨Salto De Linea¨. Muchos se preguntaran que es eso. Es algo similar como nosotros utilizamos la Tecla Enter.
2.- <b>; Indica lo que hace referencia a un inicio indicar de negrita. Subrayar una cierta determina parte de la página como puede ser específicamente texto . Hay que dar Apertura Y Cierre.
3.-<I> y </B>: Da inicio a la escritura en letra Itálica
4.-<P>: Este es uno de las etiquetas mas importantes de el BODY por el motivo que escribimos párrafos con el uso de esta etiqueta. Dar siempre Apertura y Cierre.
5.- <H1,H2,H3>: Este comando da indicaciones en que tipo de tamaño queremos iniciar algún párrafo o texto que estemos escribiendo.
Finalmente al acabar de usar o publicar el contenido deseado en la página . Cerramos todas y cada una de las etiquetas que se encuentre abiertas al momento de programar. Sino el software dará una notificación de error la cual no permitirá realizar el trabajo.
TUTORIAL EXPLICATIVO DE ESTRUCTURA HTML
REPASO GENERAL DE LA ESTRUCTURA
Como hemos podido apreciar en este contenido estudiado realizaremos unas pequeñas preguntas. Que la mayoría de usuarios novatos realizan al programar o crear pequeñas y básicas páginas . Qué de ves en cuando se formulan .
Qué sucede si no cierro las Etiquetas ?
Si no se cierra las etiquetas, estas no cumplirán la función a realizar como es publicar o exponer el contenido que el usuario programo todo el tiempo. Así la ultima o una etiqueta del medio no se cierre el trabajo final sera un error.
El DOCTYPE es necesario en la estructuración de la pagina HTML ?
Bueno es es verdad es muy necesario agregar el DOCTYPE al momento de estructurar la pagina ya que esto es lo que especifica el tipo de documento que se va a desarrollar. Siempre hasta cualquier software necesita especificar que tipo de formato o documento es.
Existen Indices ya hechos como plantillas para la estructuración de Paginas Web ?
Bueno una de esas es Joomla! una página donde puedes tomar plantillas ya hechas por diferentes usuarios y con estas editar a tu conveniencia mediante una panel de control. En el que agregas texto y demás. Estas pueden ser paginas interactivas y básicas.
Vinculo de Pagina Oficial De Joomla Org
Vinculo De Pagina En Español De Joomla Org En Español
EXPLICACIÓN BÁSICA DE JOOMLA
Con todo el contenido que aprendimos en este Blog podemos comprender puntos importantes de HTML y Su Estructura en si. Espero que sirva de ayuda para cada usuario y que la programación es un campo que la gente puede aprender libremente y con facilidad al acceso del Internet.

















No hay comentarios.:
Publicar un comentario