En esta entrada vamos a analizar la base de cualquier pagina programada con html. En octubre de 1994 fue creado el consorcio W3C en el cual se ocupa de crear el estándar de entre otros, el html. Actualmente es el primer referente a nivel mundial en cuanto se refiere a estándar de lenguajes informáticos o de la computación.
A continuación vamos a ver una ejemplo de modelo web analizando etiqueta por etiqueta:
En primer lugar la etiqueta doctype que sirve para indicar en base a que versión de html estamos escribiendo el código de la pagina. Esto principalmente es para que los navegadores sepan con que versión de html están tratando para interpretarla adecuadamente.
Por otra parte, se encuentra la estructura habitual de todo código html para que se pueda interpretar adecuadamente. Primero la etiqueta <html> </html> que cubre a todas las etiquetas de la pagina y sirve para delimitar el área con uso de código html y después la estructura que incluye <head> </head> y se refiere a la cabecera de la pagina web y por ultimo la etiqueta <body> </body> que es el código que ha de ir en el propio cuerpo del sitio web.
Otro aspecto importante es el de la etiqueta charset que sirve para indicar al navegador que tipo de símbolos estamos usando según nuestro idioma para que pueda identificar cada símbolo y no muestre otros erróneos. En este caso yo he utilizado el charset "UTF-8" que es el que mas caracteres del español comprende.
Para acabar vamos a hacer una lista de buenas costumbres a la hora de crear código html.
Lo primero que hay que tener en cuenta es que estas costumbres sirven para mejorar el trabajo en equipo y facilitar el entendimiento a través del código entre los miembros de la comunidad de programadores o del mismo equipo de programación.
* Lo primero es hacer una estructura clara que no deje lugar a equivocaciones, esto lo podemos hacer usando tabuladores según la subordinación de cada etiqueta a la anterior, también dejar solo una etiqueta por linea pude ayudar a la hora de leer el código.
* Usar letras minúsculas a la hora de escribir las etiquetas en mi opinión ayuda a no crear una sensación de agobio a la hora de ver el código, sensación que podría surgir si escribes todas las etiquetas en mayúscula.
* También es muy importante guardar constantemente lo que escribes, así evitaremos perdidas de nuestro trabajo y a la larga es un gran ahorro de tiempo. Por otra parte es muy importante guardar el trabajo tanto en la nube como puede ser drive y a la vez guardarlo también físicamente: en un usb, un disco duro externo...
* Por ultimo pero lo mas importante es consultar siempre la http://www.w3schools.com/ en caso de duda a la hora programar ya que es la encargada del estandard del HTML por lo tanto es el sitio oficial donde puedes resolver todas tus dudas, lo único negativo de la pagina es que esta en ingles.
Páginas
lunes, 28 de noviembre de 2016
jueves, 10 de noviembre de 2016
Sitio web sencillo
Sitio web sencillo
En las ultimas clases hemos estando practicando con HTML básico para crear una web sencilla desde cero utilizando algunas etiquetas como <a href="enlace">aqui el texto</a> y otros. Aquí podéis ver los resultados:
Por ultimo como trabajo extra hemos hecho una pequeña pagina que consiste en un mapa interactivo donde si pinchas en la zona donde vive el koala te lleva a la pagina del koala y lo mismo con el oso panda.
En las ultimas clases hemos estando practicando con HTML básico para crear una web sencilla desde cero utilizando algunas etiquetas como <a href="enlace">aqui el texto</a> y otros. Aquí podéis ver los resultados:
Suscribirse a:
Entradas (Atom)



