Web @puntes
¡Pinta tu sonrisa! :)




Sobre HTML ....
Fecha: 12 de Octubre, 2011


Vamos a hablar en este artículo sobre los editores de HTML, los programas que nos sirven para crear páginas web con el lenguaje HTML.

Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten diseñar una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el código con las etiquetas. Esta última, que podemos llamar editores en modo diseño, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. Los editores en modo diseño nos permiten crear la página como si estuviéramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vérselas con el lenguaje y programar internamente la página con el código HTML, según lo que nosotros estamos diseñando.

Ventajas de escribir el HTML
Dominas con mayor precisión el código de la página, queda mas limpio. Si dominas bien el HTML no tendrás ningun problema para hacer lo que deseas.

Es mas complicado el aprendizaje, mas lento y cuando se llega a un nivel avanzado tambien se hace mucho mas difícil.

Hacer una página cuesta mas trabajo y tiempo.



Este curso está escrito por una persona que aprendió a realizar sus primeras webs con el Bloc de notas y algunas veces puede verse mi mayor inclinación a escribir el código HTML uno mismo. Personalmente  aconsejo aprender HTML, estoy seguro que muchos preferirán que un editor en modo diseño haga las cosas más sencillas.

 

Editores de texto preparados para escribir código HTML

Las personas que después de estas líneas han decidido aprender el lenguaje HTML también tienen herramientas muy interesantes para aumentar su productividad sin dejar de escribir ellos mismos el HTML que desean. Se trata de unos editores de texto, como cualquier otro, que están preparados para escribir HTML y por lo tanto ofrecen multitud de ayudas a los diseñadores:
  • Pueden tener abiertos y editar varios ficheros a la vez
  • Colorean los códigos de las páginas para hacerlos más comprensibles
  • Suelen soportar otros lenguajes de programación con los que podemos llegar a trabajar en el desarrollo de páginas web.
  • Ofrecen ayudas a la programación, que muchas veces son contextuales y se activan a medida que vamos realizando las páginas.
  • Y además muchos de ellos tienen herramientas integradas para hacer cosas tan variadas como la generación de código, asistentes, módulos de conexión por FTP con el servidor, etc.
Dependiendo del programa escogido tendremos unas herramientas y ayudas u otras. Simplemente es elegir el que más se adapte a nuestras necesidades.


Visita el Centro de descargas..
https://www.sites.google.com/site/infosurweb/ebooks 

 

EJERCICIO INFO_01

1.- Inicia el Bloc de notas.
2.- Escribe el siguiente código, en el cual haras uso de algunas etiquetas ya conocidas, incorporandose algunas nuevas...




3.- Guarda tu Archivo con el nombre: ejer05_inicial.html
En tu carpeta de red indicada.

***************************************************************************************************

EJERCICIO INFO_02

"Acomodando imágenes con Código HTML"

NOTA: PARA ESTA ACTIVIDAD, SE RECOMIENDA QUE HAGAS LO SIGUIENTE:
Accesa a la carpeta de Red.
Crea una CARPETA que tenga tu NOMBRE.
Mueve tus Archivos (ejercicios e imágenes) que has realizado (desde Ejer01 hasta el último creado).
Si has realizado los pasos anteriores, continuemos...


1.- Inicia el Accesorio Bloc de notas.
2.- Escribirás un código donde usaremos las etiquetas vistas en clases anteriores, y haremos uso de una nueva:
para colocar las imágenes.
Crea la siguiente página:



Debes hacer uso de la etiqueta para establecer el tipo, tamaño y color de fuente (letra).

GUARDA CON EL NOMBRE: DETODO_INICIAL.HTML

Ahora, debes tener una IMAGEN que represente a cada texto u opción de tu página principal (portada).
La debes buscar en INTERNET y GUARDAR en la carpeta que has creado y tiene tu nombre (en la carpeta de Red).


Al finalizar, en el código, despúes de cada texto (abajo) debes escribir:
 <  IMG  src="imagen.jpg" width=250 hight=150 >

Esta línea de código se debe colocar al final de cada opción de la página.

NO OLVIDES GUARDAR CAMBIOS PARA VISUALIZAR TUS RESULTADOS..

AVISA A TU INSTRUCTOR SI HAS FINALIZADO.
© 2017 Web @puntes