0
Buenas noches, queridos amigos seguidores del tutorial. Esta vez les traigo otro tema correspondiente al diseño y desarrollo web. como bien saben ya iniciamos con una pequeña introducción lo cual me llena de mucha alegría, todos los mensajes que respondieron alentándome para continuar con el curso. (Muchas gracias!).
Estructura Básica
La mayoría de las paginas webs que vemos a diario cada vez que nos sentamos frente al computador al conectarnos a Internet, comúnmente tenemos a google como pagina principal (Cierto?), bueno si le dan cuenta al apretar la tecla "F12" vemos que nos muestra su código fuente, Como esta diseñada la pagina y nos muestra diversas "etiquetas".
Recordemos que el Html que significa en ingles (Hypertext Markup Language) o Lenguaje de maquetacion de hipertexto, "mi ingles no es muy bueno pero hay le doy". Continuando con el concepto basico el html es un lenguaje estructurado de etiquetas en otras palabras y como bien les dije anteriormente al apretar la tecla veran algo parecido a esto:
<html> -> Inicio de nuestra pagina Web
<head> o <header> -> Inicio de nuestra Cabecera
</head> o </header> -> Fin de nuestra Cabecera
<body> -> Inicio del Cuerpo de la Pagina
- Codigo que se mostrara en nuestra pagina -
</body> -> Fin del Cuerpo de la Pagina
</html> -> Fin de nuestra pagina Web
Como bien se han dado cuenta, dijimos anteriormente que el "html" es un lenguaje estructurado de etiquetas y si ven el código que les mostré arriba deben de darse cuenta que al momento de yo abrir una etiqueta al finalizar su uso debo cerrarla para completar su estructura (valga la redundancia) y que cuando coloque mi codigo dentro de las etiquetas <body></body>, Este se vera reflejado en nuestra pagina web.
Donde pueden empezar a diseñar:
Existen diversos programas para el diseño de sitios webs
- Bloc de Notas
- Sublime Text
- Dreamweaver (No lo recomiendo por no ayudar al uso de nuestro conocimiento)
Usos de etiquetas Basicas:
1. <html></html> Esto es el inicio y final de nuestra estructura web Sin esto el navegador web no sabrá de que esta diseñada nuestra pagina.
2. <head></head> Esto es nuestra cabecera y aqui estaremos Importando nuestras Hojas de Estilo, Scripts, Favicon, etc...
3. <body></body> Esto son las etiquetas donde estará alojado nuestro código, para mostrarlo en nuestra Pagina Web
Ejemplo:
<html>
<head>
</head>
<body>
Esta es mi primera pagina web
</body
</html>
Ejercicio para los Seguidores:
Escriban un código html donde muestre un mensaje sobre lo grandioso que es lagrihost para ustedes, y publiquenlo acá.
Mucha suerte y si tienen dudas escriban por mp y/o por el post
♪Desde hoy las emisoras las detesto, por estar tocando cancioncitas de amor♫
♪ La television hace daño! que mueran las novelas de amor♫
♪ La television hace daño! que mueran las novelas de amor♫