1) El documento presenta una consigna para un foro dirigido a estudiantes de diseño de páginas web. 2) Los objetivos del foro incluyen comprender los componentes de una página web sencilla e identificar tags HTML. 3) Se abrirán tres foros el 22 de marzo de 2009 para debatir sobre la importancia de HTML, la estructura de páginas web, y tags utilizados. Los estudiantes tendrán 8 días para participar.
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Importancia de HTML y su estructura básica
1. CONSIGNAS PARA UN FORO
ALUMNO 1:
Parte 1: Caracterización de la consigna studiantes del curso de diseño de
paginas Web
Dirigido a e
Objetivos: Comprender cuales son los componentes de una
pagina web sencilla e identificarlos en las páginas que visitan en
su cotidianidad además conocer cual es su estructura y cuales
son los tags mas utilizados para el desarrollo de la misma, esto
no quiere decir q no tendremos en cuenta los menos utilizados y
funciones.
cuales son sus
Aclaraciones. tiene:
Leer la unidad 1, que con
1. Introducción a HTML
2. Estructura de una página
3. El texto
Parte 2: La consigna propiamente dicha ar.
A partir de 22 de marzo de 2009 se abrirán los foros en los que
deben participForo A: Importancia del HTML: Que importancia
tiene este lenguaje desde su
creación hasta el día de hoy. stente su respuesta.
Foro B: ¿Todas las páginas tienen la misma estructura?: sue
otros?
Foro C: ¿Por qué hay unos tags mas utilizados qulazo: 8 días a
partir de la apertura de los foros.
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
TRABAJO GRUPAL
Alumno 1:
Parte 1: Caracterización de la consigna
Dirigido a estudiantes del curso de “Diseño de Páginas Web”.
2. Objetivos:
Comprender cuales son los componentes de una página Web sencilla.
Identificar los componentes en las páginas web que visitan en su cotidianidad.
Conocer cuál es su estructura y cuáles son los tags más utilizados para el
desarrollo de la misma.
Tomar en cuenta los medios menos utilizados y cuáles son sus funciones.
Aclaraciones.
Leer la Unidad 1 que contiene:
1. Qué es una página web.
2. Introducción a HTML.
3. Estructura del documento HTML.
4. Cuerpo de un documento HTML “texto”.
5. Tags más utilizados
• El tag HTML a
Parte 2: La consigna propiamente dicha
A partir del 22 de marzo de 2009 se abrirán los foros en los que deben participar.
(A partir de qué fecha se fijará para la apertura de foros? ¿marzo de 2009?)
Foro A: Importancia del HTML: Qué importancia tiene este lenguaje desde su creación
hasta el día de hoy.
Foro B: ¿Todas las páginas tienen la misma estructura? Sustente su respuesta.
Foro C: ¿Por qué hay unos tags más utilizados que otros?
Plazo: Tienen 8 días a partir de la apertura de los foros.
1.- Clarificación:
¿Están los objetivos claramente redactados y/o planteados?
¿Qué se pretende lograr al concluir el foro?
¿Por qué no plantearse varios objetivos cortos y no uno sólo que se
presta a confusión?
2.- Valoramos:
Es un foro planteado de manera sencilla.
Lenguaje comprensible.
Con suficiente tiempo de participación para que los estudiantes
hagan sus aportes, comentarios y emitan opiniones.
3.-Nos preocupa, nos inquieta, nos preguntamos:
• Que no se tenga claro lo que se quiere lograr con los alumnos;
• Que no se haya hecho la invitación a los estudiantes a participar activamente del foro,
• Que se omita recordar a los estudiantes que se está disponible para cualquier
pregunta o aclaración que surja.
• Que las indicaciones no estén claras para los alumnos.
• Que el tema no sea desarrollado acorde a lo planteado.
3. 4.-Sugerimos:
• Indicar cuántos estudiantes participarán del foro y qué carrera están cursando.
• Redactar dos o más objetivos para una mejor comprensión de los mismos.
• En las aclaraciones, especificar donde está la Unidad 1.
• Proveer información clara, precisa y concisa acerca del tema, para que los estudiantes
puedan reflexionar sobre el mismo y luego participar activamente del foro.
• La consigna debe decir que tienen que hacer; decir en qué momento se inicia el foro y
el tiempo de participación en el mismo; una invitación a participar en el foro de
manera activa y creativa y un recordatorio de la disponibilidad del docente o tutor
para aclarar dudas.
Sencillez. Eficacia. Éxito. Publicidad de enlaces de texto con
teliad.es
Enlaces de éxito con teliad
teliad es el mercado que facilita la compra y la venta de enlaces de texto. La publicidad de enlaces de
texto directos en formato HTML es una forma efectiva de publicidad online, cada vez más apreciada.
Los enlaces de texto incluyen información descriptiva en forma de texto publicitario y, por lo general,
se ubican en las áreas de contenido de las páginas Web. En el mercado se ofrecen enlaces de texto con
las más diversas ubicaciones y variantes. Aparte del mercado para compra y venta independiente de
enlaces de texto, teliad ofrece un servicio de construcción de enlaces.
Los enlaces de texto pertenecen a las formas más eficientes de publicidad online, ya que aumentan la
relevancia en los buscadores y, en consecuencia, conducen objetivadamente visitantes a la página
Web. A diferencia de otras formas de publicidad como los enlaces patrocinados, con los enlaces
estáticos puede obtener beneficios independientemente del porcentaje de clics
o las visitas de página.
¿Que signfica HTML y para que sirve?
como siempre pondremos lo que es la definicion desde la gran enciclopedia
Wikipedia y de ahi, dare lo que es con mis propias palabras lo que es.
Definicion de Wikipedia de HTML
HTML es el acrónimo inglés de HyperText Markup Language, que se traduce al
español como Lenguaje de Etiquetas de Hipertexto . Es un lenguaje de marcado
diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato
estándar de las páginas web. Gracias a Internet y a los navegadores como Internet
Explorer, Opera, Firefox, Netscape o Safari, el HTML se ha convertido en uno de los
formatos más populares y fáciles de aprender que existen para la elaboración de
documentos para web.
Definicion de Ðå®kÛß de HTML
4. En realidad HTML no es un lenguaje de programacion si no que son sentencias
-etiquetas-de las cuales me indican que operaciones se van a realizar con el texto o con
los atributos que se esten manejando con ese sentencia-etiqueta-, la verdad estas
secuencias son muy necesarias para el diseño de un apagina web ya que cada una de
esas sentencias le indican a internet como esta compuesta la estructura de cualquier
Web.
QUÉ ES HTML
HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite
describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con
enlaces (hyperlinks) que conducen a otros documentos o fuentes de información
relacionadas, y con inserciones multimedia (gráficos, sonido...) La descripción se basa
en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto
normal, enumeraciones, definiciones, citas, etc) así como los diferentes efectos que se
quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita,
o un gráfico determinado) y dejar que luego la presentación final de dicho hipertexto se
realice por un programa especializado (como Mosaic, o Netscape).
CÓMO ESPECIFICAR EFECTOS DEL TEXTO
La mayoría de los efectos se especifican de la misma forma: rodeando el texto que se
quiere marcar entre dos etiquetas o directivas (tags, en inglés), que definen el efecto o
unidad lógica que se desea. Las etiquetas están formadas por determinados códigos
metidos entre los signos < y >, y con la barra / cuando se trata de la segunda etiqueta de
un efecto (la de cierre). Por ejemplo: <efecto> para abrir y </efecto> para cerrar.
Ciertas directivas sólo se ponen una vez en el lugar del texto donde queramos que
aparezca el efecto concreto. Esto es lo que ocurre, por ejemplo, cuando queremos poner
un gráfico, caso en el que se usa algo parecido a <poner_gráfico_aquí> (más adelante
ya veremos la directiva concreta que se utiliza).
A veces es necesario ofrecer datos adicionales en una directiva. Por ejemplo, cuando se
define un hiperenlace hay que especificar su destino. Para ello se incluyen parámetros
en la directiva inicial (la de apertura), de la siguiente forma: <efecto parametro1
parametro2 ...>. La directiva de cierre, caso de ser necesaria, queda como antes:
</efecto>.
Más adelante en el presente documento se muestra el efecto de las directivas más usadas
en la creación de un documento HTML. Para cada una de ellas, primero se muestra el
texto fuente, y bajo éste, el efecto que produce.
5. ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML
Un documento HTML comienza con la etiqueta <html>, y termina con </html>.
Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas
bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve
para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por
<body> y </body>, donde reside la información del documento.
La única utilidad del encabezamiento en la que nos detendremos es la directiva
<title>, que permite especificar el título de un documento HTML. Este título no forma
parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez
que este se presenta con un programa adecuado, sino que suele servir como título de la
ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este
manual se ha especificado:
<title>Manual práctico de HTML</title>
en minúsculas. Obsérverse que el título que encabeza este texto se ha escrito con
mayúsculas, para distinguirlo del título global del documento.
El cuerpo de un documento HTML contiene el texto que, con la presentación y los
efectos que se decidan, se presentará ante el hiperlector. Dentro del cuerpo son
aplicables todos los efectos que se van a mencionar en el resto de esta guía. Dichos
efectos se especifican exclusivamente a través de directivas. Esto quiere decir que los
espacios, tabulaciones y retornos de carro que se introduzcan en el fichero fuente no
tienen ningún efecto a la hora de la presentación final del documento. Por ejemplo,
escribiendo:
Estas
palabras
forman una
frase.
producimos exactamente lo mismo que con:
Estas palabras forman una frase.
A la hora de la verdad lo que se ve es:
Estas palabras forman una frase.
En resumen, la estructura básica de un documento HTML queda de la forma siguiente:
<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>
Tags y atributos HTML
6. Tabla de contenidos
• Elementos y tags (etiquetas)
• Atributos
• Eventos
• Contenido
• Ejemplos
• Práctica
Tutorial pensado para introducir las bases del código HTML (lenguaje de marcas hipertextual) a
usuarios que nunca han escrito un sitio web manualmente. Escribir código HTML es casi como
escribir tags, atributos y contenidos. Por esta razón nos enfocaremos en explicar cómo se definen
los tags, sus atributos y su contenido. Nota que también estableceremos las reglas para escribir
código XHTML (lenguaje de marcas hipertextual extensible).
Es posible que encuentres muchos tags, atributos y códigos JavaScript en este tutorial pero ninguno
de ellos está debidamente descrito. Esto se debe a que el objetivo del tutorial es enfocarse en la
sintaxis general, no en las características de cada tag. Para ver una lista de tags refiérete a esta lista
de tags HTML, donde puedes encontrar vínculos a recursos descriptivos acerca de cada tag en
HTML, con su respectiva lista de atributos y eventos.
Elementos y tags (etiquetas)
HTML está compuesto por un conjunto de elementos que son la base de su estructura. Los
elementos están diseñados para proveer herramientas a los autores y proporcionar información
especial que será usada para computar la representación final del mismo. Esto significa que donde
un tag es definido en el código HTML, sucederá algo en la representación de ese documento, que
puede ser visual o no.
Los elementos están compuestos por dos tags: el tag de apertura y el tag de cierre (a excepción de
los elementos vacíos cuando el tag de cierre es omitido). Elementos no son tags, elementos son
representados por tags en el código, pero son usualmente considerados, de manera errónea, la
misma cosa. Aquí tienes un ejemplo básico de un elemento HTML b con ambos tags de apertura y
de cierre, y el contenido en el medio:
Código Visualización
<b>Texto remarcado</b> Texto remarcado
Nota como el tag de apertura está compuesto por el nombre del tag encerrado por los símbolos "<" y
">". Por otra parte, el tag de cierre es declarado exactamente como el tag de apertura pero con una
barra antes del nombre del tag. Lo que sea que caiga en el medio es llamado contenido, pero ten en
cuenta que no todos los elementos aceptan contenido (elementos vacíos).
Cada uno de los 93 tags estándares produce un resultado específico cuando el documento es
representado (por ejemplo, el tag HTML b produce texto en negrita) permitiendo a los autores
formatear y/o introducir información en los documentos. Cada tag puede tener atributos y eventos
que deben ser declarados dentro del tag de apertura separados del nombre y de otros atributos o
eventos por un espacio. Su contenido es emplazado entre el tag de apertura y el de cierre. Mira este
ejemplo genérico:
<nombre_tag atributo1="valor1" atributo2="valor2" ... evento1="funcion1" evento2="funcion2"
...>Contenido</nombre_tag>
7. Este código puede resultar dificil de comprender, de modo que reemplazaremos los valores
genéricos por algunos ejemplos comunes para hacerlo amistoso (ver la presentación a la derecha):
Código Visualización
<a
href="http://www.htmlquick.com/es/reference/tags.html
" onmouseover="this.style.color='#FFFFFF'" Lista de tags HTML
onmouseout="this.style.color='#000000'">Lista de tags
HTML</a>
Ahora podemos ver claramente el nombre del tag (a), el atributo y su valor (href), los dos eventos y
sus funciones (onmouseover y onmouseout), el contenido (Lista de tags HTML) y el tag de cierre (</
a>). Nota que los eventos así como los atributos comparten una sintaxis común: el nombre del
atributo/evento es seguido por un signo igual y el valor encerrado entre comillas.
Como nosotros recomendamos imperativamente que escribas documentos compatibles con el
estándar de código XHTML, deberías siempre usar minúsculas para los nombres de tags y atributos
(<nombre_tag> en lugar de <NOMBRE_TAG>).
Atributos
Los atributos pueden proporcionar ciertas características a un tag (por ejemplo, altura, ancho, color,
etc.), algunas veces muy importantes, que finalmente definirán cómo debe ser interpretado el tag.
Por ejemplo, el tag HTML a inserta un vínculo en el documento HTML (una forma de ir desde el
documento actual hacia otro recurso, usualmente con un click), pero el atributo "rel" establece qué
tipo de relación existe entre el documento actual y el recurso de destino.
Aún cuando muchos atributos son compartidos por muchos elementos, cada elemento tiene un
conjunto predeterminado de atributos de acuerdo al estándar que se esté utilizando. Para ver los
atributos que acepta un elemento, verifica la descrpción de dicho elemento en nuestra lista de Tags
HTML
Como vimos en el ejemplo genérico, todo atributo debe tener un valor y debe estar definido en el tag
de apertura. En este ejemplo insertaremos una definición completa (con contenido y tag de cierre)
de un tag HTML a con dos atributos: "href" y "rel".
<a href="otrodoc.html" rel="help">Otro documento ofreciendo ayuda</a>
Observa como el nombre de atributo es seguido por un signo de igualdad y el valor encerrado por
comillas. Así es como todo atributo debe definirse para se compatible con código XHTML.
También existe un tipo de atributo cuyo valor es booleano (Verdadero o Falso). Esto significa que
puede definirse este tipo de atributos con solo escribir su nombre (sin el signo de igualdad ni su
valor), pero como estamos escribiendo código XHTML, la forma correcta de definir este tipo de
atributos es asignando su mismo nombre en el lugar del valor.
En el siguiente ejemplo mostramos una definición del tag HTML button, compatible con código
XHTML, con los atributos: "id", "disabled" (booleano) y "tabindex".
<button id="okbutton" disabled="disabled" tabindex="4">Ok</button>
8. Eventos
Los eventos son ampliamente usados en documentos HTML como una forma de asociar tags HTML
a scripts. De manera simple, los scripts son programas del lado cliente que cumplen una cierta tarea
y los eventos son las cosas que ocurren y ejecutan los scripts (por ejemplo, el puntero del mouse
pasa sobre un elemento, la página termina de cargarse, etc.). Lee más acerca de eventos en HTML.
La sintaxis usada para definir un evento es muy similar a la de los atributos. En este ejemplo
mostramos al tag HTML a, con el atributo "href" y los eventos "onmouseover" y "onmouseout".
<a href="reference.html" onmouseover="comenzar_funcion()" onmouseout="detener_funcion()">Ir a
la referencia</a>
Nota que las funciones "comenzar_funcion()" y "detener_funcion()" deben ser escritas en algún
lenguaje del lado cliente, el cual no será tratado en este sitio. Para leer más acerca de scripts del
lado cliente refiérete a este documento acerca del lenguaje JavaScript.
La disponibilidad de los eventos depende del tag utilizado, lo que significa que no todos los eventos
pueden ser usados en cualquier tag. Para ver qué eventos están disponibles para un tag específico
refiérete a la página de descripción del tag desde esta lista de tags HTML. Para ver una completa
lista de todos los eventos en HTML refiérete a este documento sobre los eventos en HTML.
Contenido
El contenido de un tag es en la mayoría de los casos la parte afectada por el efecto del tag (por
ejemplo, el texto mostrado en negrita para el tag HTML b), y va en medio de los tags de apertura y
cierre.
Por su naturaleza y funcionalidad, no todos los tags tienen contenido (por ejemplo, el tag HTML
img). Estos tags vacíos deben ser correctamente cerrados para hacer el documento compatible con
el estándar de código XHTML. Existen dos formas de cerrar un tag vacío: la primera es utilizando un
tag de cierre normal (</nombre_tag>) y la otra es usando una barra al final del tag de apertura.
Observa estos ejemplos:
<img src="logo.jpg" onmouseover="comenzar_funcion()"></img>
<img src="logo.jpg" onmouseover="comenzar_funcion()" />
Nota que en el segundo caso, la última barra es considerada por los navegadores antiguos como un
atributo desconocido por lo cual es simplemente ignorado. Por esta razón se debe separar el último
atributo de la barra.
El contenido de un tag puede ser otro tag o hasta trozos de documentos HTML, aunque no todos los
tags pueden contener a otros tags y algunos de ellos pueden contener solo ciertos tags. Como regla
general, elementos de línea no pueden contener elementos de bloque, elementos de bloque pueden
contener elementos de línea, y elementos de bloque pueden contener elementos de bloque. Esta es
una regla muy general que tiene muchas excepciones pero es suficiente para obtener una idea
general. La aceptación de tags que pueden ser contenidos varían de tag en tag. Observa este
ejemplo:
Código Visualización
9. <p>Este tag contiene un <b>tag de
línea</b>.</p>
<div> Este tag contiene un tag de línea.
<div>Aquí tenemos un
elemento de bloque conteniendo a Aquí tenemos un elemento de bloque
otro elemento de bloque conteniendo a otro elemento de bloque
<span>que está que está conteniendo otros elementos
conteniendo otros <i>elementos de de línea.
línea</i></span>.</div>
</div>
Recuerda que para hacer tu código compatible con el estándar de código XHTML deberías respetar
el orden en que los tags son abiertos y cerrados (esto significa, el primer tag en abrirse es el último
en cerrarse).
A medida que continues con los tutoriales verás que tags pueden ser contenidos por otros y cuales
de ellos son de línea y cuáles de bloque.
Ejemplos
Finalmente, mostraremos algunos ejemplos utilizando tags simples. Antes que nada haremos un
vínculo hacia otra página (tag HTML a), mostraremos texto en diferentes estilos (tag HTML b y tag
HTML i), insertaremos una imagen (tag HTML img) y separaremos todos los ejemplos con saltos de
línea (tag HTML br)
Código Visualización
Lee más acerca del <a Lee más
href="http://www.htmlquick.com/es/reference/tags/br.html">ta acerca del tag
g HTML br</a>.<br /><br /> HTML br.
Esta página está pensada para introducir los
<b>tags y atributos HTML</b>.<br /><br /> Esta página
Deberías aprender a escribir <i>código está pensada
XHTML</i> también.<br /><br /> para
<img src="http://www.htmlquick.com/es/img/links/button.jpg" introducir los
width="88" height="31" alt="logo HTMLQuick.com" /> tags y
atributos
HTML.
Deberías
aprender a
escribir
código
XHTML
también.
10. Práctica
Construiremos un párrafo con un vínculo en su interior, de modo que más tarde podamos cambiar
sus propiedades.
El primer paso es construir el párrafo con su contenido. Los párrafos se insertan en los documentos
HTML mediante el tag HTML p. Podemos hacerlo como a continuación:
Code View
<p>Este es un lindo párrafo.</p> Este es un lindo párrafo.
Ahora pongamos el vínculo en su interior, mediante la inserción del tag HTML a. Al principio,
simplemente colocaremos el tag y su contenido ("lindo vínculo") y ningún atributo o evento:
Code View
<p>Este es un lindo párrafo con un
<a>lindo vínculo</a> en Este es un lindo párrafo con un lindo
medio.</p> vínculo en medio.
Como puedes ver, todavía no hay ningún vínculo, por lo cual debemos considerar que agregar un
tag HTML a no significa que un vínculo ha sido establecido (el atributo "href" lo hace). Seguiremos
llamándolo así debido a que sabemos que tarde o temprano se convertirá en un vinculo.
Este es el momento cuando empezamos a utilizar atributos. El primer atributo que agregaremos es
"lang". Con este atributo en particular indicamos al agente procesador (navegador, robot de los
motores de búsqueda, etc.) en qué lenguaje está escrito este párrafo. El valor para este atributo
puede ser obtenido de la lista de Códigos de lenguaje.
Code View
<p lang="es">Este es un lindo
párrafo con un <a>lindo Este es un lindo párrafo con un lindo
vínculo</a> en medio.</p> vínculo en medio.
Ahí vamos. Ahora estamos mostrando un trozo de texto y dando una clave extra acerca del mismo.
Este tipo de atributos son la mayoría de las veces atributos ocultos, debido a que no somos capaces
de verlos en navegadores tradicionales. De todos modos, muchos agentes de usuario utilizan esta
información en algún nivel (por ejemplo, los navegadores hablados, comúnmente usados por
personas ciegas, hablan este texto en español en lugar de hacerlo en el lenguaje del documento,
por ejemplo, inglés).
Otros atributos, como el que utilizaremos a continuación, son claramente visibles. El atributo "href"
funciona solo en el tag HTML a y especifica un recurso al cual este documento está haciendo
referencia. Su valor debe ser la dirección del recurso referido, en este caso, la URL del tag HTML a.
Code View
<p lang="es">Este es un lindo párrafo con un <a Este es un
11. href="http://www.htmlquick.com/es/reference/tags/a.html">lind lindo
o vínculo</a> en medio.</p> párrafo con
un lindo
vínculo en
medio.
Hasta aquí, hemos aprendido a usar tags y atributos en documentos HTML. Para finalizar con esta
práctica, agregaremos un evento.
Los eventos sin un salto más allá de HTML, dado que son inútiles sin un lenguaje del lado servidor.
Básicamente, lo que un evento hace, es llamar o ejecutar un programa escrito en un lenguaje del
lado servidor. De modo que, al ser este un tutorial sobre HTML, nos limitaremos a mostrar como
llamar al programa, no a construirlo.
En este ejemplo, llamaremos a dos programas denominados "do_something_click()" y
"do_something_mouse_over()", en el mismo párrafo que hemos estado usando. El argumento "this"
le dirá al programa, a qué elemento deberá afectar.
Los eventos que hemos elegido son "onclick" y "onmouseover". Estos eventos son disparados
cuando el visitante hace click o pasa el mouse por encima del contenido del elemento. Para ver qué
otras acciones pueden disparar eventos, refiérete a esta lista de eventos en HTML.
Como usaremos estos eventos en el párrafo, los mismos llamarán a los programas cuando el
visitante haga click o pase el mouse por encima del párrafo. Para hacerlo visible, usaremos
programas básicos para cambiar los colores del texto: rojo cuando el mouse pasa por encima y
verde cuando se hace un click.
Code View
<p lang="es" onclick="do_something_click(this)" Este es un
onmouseover="do_something_mouse_over(this)">Este es un lindo
lindo párrafo con un <a párrafo con
href="http://www.htmlquick.com/es/reference/tags/a.html">lind un lindo
o vínculo</a> en medio.</p> vínculo en
medio.
Felicitaciones! la práctica ha terminado. Prepárate para el siguiente tutorial.
Importancia de Aprender HTML
Si ya estas metido en el mundo de la informática y el internet, nosotros te
recomendamos que aprendas HTML. Y en el siguiente artículo te decimos cual es la
importancia de aprenderlo...
Buyerzone EBC Web Designers
Web Site Design! 800-716-8963
Compare Price Quotes & Save Affordable web site design/development Company.
Click Here Call us for details.
12. Design a Web Site
The Art Institutes - Get Info on the Web Design Program.
www.artinstitutes.edu
Find Top Web Designers-Free Price Quotes
Easily Compare Web Design Firms & Save.
WebDesign.BuyerZone.com
And Website Designer
Build A Website In Minutes. Award Winning Software & Service. Free.
www.Homestead.com
Free Website Design
Design Your Own Free WebSite. Flash, Drag & Drop, Easy, Free
www.wix.com
En una de mis clases de desarrollo web, uno de mis alumnos me expone el
inconveniente, las dificultades y las dudas que tenia con respecto al HTML.
¿Por qué debería aprender HTML, si para él, le era más fácil hacer su página web en
programas de los que hay muchos en internet, como por ejemplo Swish, entre otros?.
Guardé mi respuesta en ese momento e iniciamos la clase.
En determinado momento del tema. Me preguntó: ¿Cómo hacia para mejorar el aspecto
de la tabla? Mi respuesta fue: “Vamos al Código HTML”. “Ahí se puede hacer”.
Seguíamos en el tema y llegamos a la parte de marquesinas ¿Cómo puedo incorporar una
marquesina, con una imagen en movimiento? Mi respuesta fue: “Vamos al Código HTML”.
“Ahí se puede hacer”.
A medida que avanzábamos en el tema, él comprendía que su página web iba tomando un
aspecto más atractivo e importante y sobre todo adecuado a sus necesidades.
Al finalizar las 2 horas de clase, comprendió la importancia del código de etiquetas
HTML. Y lo mejor de todo, es que lo vio bastante amigable para aprenderlo.
Ahora echemos un vistazo de la importancia del código de etiquetas HTML.
1. HTML tiende a ser más complicado, aun cuando es un lenguaje simple. Este es un
lenguaje de marcas o etiquetado, y la razón que lo hace más simple que otros lenguajes
es que la página web resultante es interpretada por un código (no posee ciclos,
funciones, o variables que cambien su valor).
2. De todos modos, aprender HTML puede producir ventajas a largo plazo una vez que has
atravesado la experiencia de aprendizaje.
3. HTML ofrece más posibilidades de expandir tu mente y elevar tu coeficiente
intelectual. Es un buen punto si es que intentas aprender más allá del mismo.
4. Escribir en HTML te brindará práctica. Mientras que, siendo un lenguaje simple, te
introducirá al mundo de la programación (también parte del diseño y desarrollo web).
5. HTML puede ser escrito en cualquier editor de texto, aún en el más básico, como por
13. ejemplo en el blog de notas de Windows.
6. HTML, permite que usted sea el único responsable que decide qué código va y qué
código no. Usted tiene la libertad y autoridad de elegir cómo el código será escrito en su
documento HTML, si respetará los estándares, si será accesible, y mucho más.
7. HTML es la puerta de entrada a un mayor aprendizaje que tendrá un beneficio a largo
plazo.
8. Lo mejor de aprender HTML, así como cualquier otro lenguaje, es que no estás
limitado al número de funciones que el editor tiene para ofrecer. Usted siempre puede
crear tus propias funciones y códigos personalizados, lo que se verá y sentirá tal como
usted quiere que lo hagan.
9. HTML, es fácil de aprender, no es imposible y es a su vez más personalizable e
independiente. Y si estás viendo seriamente al diseño web y convertirte un buen
diseñador web; entonces HTML es imprescindible.
10. Para los amantes de los Blogs. Es importante e imprescindible saber códigos HTML
para personalizar algunos atributos para una buena optimización de SEO.
HTML.
Haga click aquí para leer más artículos de Profesor Via Web