SlideShare uma empresa Scribd logo
1 de 13
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”.
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.
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
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.
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
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>
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>
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
<p>Este tag contiene un <b>tag de
  l&iacute;nea</b>.</p>
  <div>                                             Este tag contiene un tag de línea.
  <div>Aqu&iacute; 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&aacute;                             que está conteniendo otros elementos
  conteniendo otros <i>elementos de                 de línea.
  l&iacute;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&aacute;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&aacute;gina est&aacute; pensada para introducir los
  <b>tags y atributos HTML</b>.<br /><br />                                            Esta página
  Deber&iacute;as aprender a escribir <i>c&oacute;digo                                 está pensada
  XHTML</i> tambi&eacute;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.
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
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.
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
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

Mais conteúdo relacionado

Mais procurados

Modelos de diagnóstico dinámico
Modelos de diagnóstico dinámicoModelos de diagnóstico dinámico
Modelos de diagnóstico dinámicoFelipe Riano
 
instituciones religiosas.
instituciones religiosas.instituciones religiosas.
instituciones religiosas.brayanduart
 
Articulacion de la educacion basica
Articulacion de la educacion basicaArticulacion de la educacion basica
Articulacion de la educacion basicasecundariatecnologia
 
Áreas de intervención en orientación
Áreas de intervención en orientaciónÁreas de intervención en orientación
Áreas de intervención en orientaciónNelmary71
 
Capítulo 5 6 estrategias de enseñanza
Capítulo 5 6 estrategias de enseñanza Capítulo 5 6 estrategias de enseñanza
Capítulo 5 6 estrategias de enseñanza Ana Brito
 
MODERNIZACION EDUCATIVA
MODERNIZACION EDUCATIVAMODERNIZACION EDUCATIVA
MODERNIZACION EDUCATIVAguest561e155
 
Sistematizacion de experiencia .
Sistematizacion de experiencia .Sistematizacion de experiencia .
Sistematizacion de experiencia .karlo77
 
INVESTIGACIÓN DIAGNÓSTICA DESDE LA METODOLOGÍA DEL TRABAJO SOCIAL
INVESTIGACIÓN DIAGNÓSTICA DESDE LA METODOLOGÍA DEL TRABAJO SOCIALINVESTIGACIÓN DIAGNÓSTICA DESDE LA METODOLOGÍA DEL TRABAJO SOCIAL
INVESTIGACIÓN DIAGNÓSTICA DESDE LA METODOLOGÍA DEL TRABAJO SOCIALYaritza Cabrera
 
Declaración de bolonia
Declaración de boloniaDeclaración de bolonia
Declaración de boloniaSandra Rgz M
 
cuadro comparativo de modelos curriculares (1).docx
cuadro comparativo de modelos curriculares  (1).docxcuadro comparativo de modelos curriculares  (1).docx
cuadro comparativo de modelos curriculares (1).docxFredwinAltagraciaGon
 
Enfoque de-español-de-primer-grado
Enfoque de-español-de-primer-gradoEnfoque de-español-de-primer-grado
Enfoque de-español-de-primer-gradoLupitha León
 
Ensayo.teorías educativas. edelin bravo
Ensayo.teorías educativas. edelin bravoEnsayo.teorías educativas. edelin bravo
Ensayo.teorías educativas. edelin bravoEdelin Bravo
 
Boletin unesr consejo directivo 453
Boletin unesr consejo directivo 453Boletin unesr consejo directivo 453
Boletin unesr consejo directivo 453Rafael Verde)
 

Mais procurados (20)

Modelos de diagnóstico dinámico
Modelos de diagnóstico dinámicoModelos de diagnóstico dinámico
Modelos de diagnóstico dinámico
 
instituciones religiosas.
instituciones religiosas.instituciones religiosas.
instituciones religiosas.
 
Articulacion de la educacion basica
Articulacion de la educacion basicaArticulacion de la educacion basica
Articulacion de la educacion basica
 
Áreas de intervención en orientación
Áreas de intervención en orientaciónÁreas de intervención en orientación
Áreas de intervención en orientación
 
Capítulo 5 6 estrategias de enseñanza
Capítulo 5 6 estrategias de enseñanza Capítulo 5 6 estrategias de enseñanza
Capítulo 5 6 estrategias de enseñanza
 
Ensayo sobre "Investigación acción"
Ensayo sobre "Investigación acción"Ensayo sobre "Investigación acción"
Ensayo sobre "Investigación acción"
 
MODERNIZACION EDUCATIVA
MODERNIZACION EDUCATIVAMODERNIZACION EDUCATIVA
MODERNIZACION EDUCATIVA
 
Sistematizacion de experiencia .
Sistematizacion de experiencia .Sistematizacion de experiencia .
Sistematizacion de experiencia .
 
Ensayo modelo pedagogico
Ensayo modelo pedagogicoEnsayo modelo pedagogico
Ensayo modelo pedagogico
 
Trabajo Social de Grupo
Trabajo Social de GrupoTrabajo Social de Grupo
Trabajo Social de Grupo
 
INVESTIGACIÓN DIAGNÓSTICA DESDE LA METODOLOGÍA DEL TRABAJO SOCIAL
INVESTIGACIÓN DIAGNÓSTICA DESDE LA METODOLOGÍA DEL TRABAJO SOCIALINVESTIGACIÓN DIAGNÓSTICA DESDE LA METODOLOGÍA DEL TRABAJO SOCIAL
INVESTIGACIÓN DIAGNÓSTICA DESDE LA METODOLOGÍA DEL TRABAJO SOCIAL
 
Tipologia curricular
Tipologia curricularTipologia curricular
Tipologia curricular
 
Declaración de bolonia
Declaración de boloniaDeclaración de bolonia
Declaración de bolonia
 
sociologia
sociologiasociologia
sociologia
 
cuadro comparativo de modelos curriculares (1).docx
cuadro comparativo de modelos curriculares  (1).docxcuadro comparativo de modelos curriculares  (1).docx
cuadro comparativo de modelos curriculares (1).docx
 
Curriculum programa y programación
Curriculum programa y programaciónCurriculum programa y programación
Curriculum programa y programación
 
Enfoque de-español-de-primer-grado
Enfoque de-español-de-primer-gradoEnfoque de-español-de-primer-grado
Enfoque de-español-de-primer-grado
 
Ensayo.teorías educativas. edelin bravo
Ensayo.teorías educativas. edelin bravoEnsayo.teorías educativas. edelin bravo
Ensayo.teorías educativas. edelin bravo
 
Boletin unesr consejo directivo 453
Boletin unesr consejo directivo 453Boletin unesr consejo directivo 453
Boletin unesr consejo directivo 453
 
Diagnostico social
Diagnostico socialDiagnostico social
Diagnostico social
 

Semelhante a Importancia de HTML y su estructura básica

Semelhante a Importancia de HTML y su estructura básica (20)

Curso Html4
Curso Html4Curso Html4
Curso Html4
 
Tutorial1
Tutorial1Tutorial1
Tutorial1
 
Guia 1 y 2 paginas web 11 (modulo)
Guia 1 y 2 paginas web 11 (modulo)Guia 1 y 2 paginas web 11 (modulo)
Guia 1 y 2 paginas web 11 (modulo)
 
Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014
 
Manual HTML.
Manual HTML.Manual HTML.
Manual HTML.
 
Presentacion Plan De Unidad
Presentacion Plan De UnidadPresentacion Plan De Unidad
Presentacion Plan De Unidad
 
TEORIA LENGUAJE HTLM
TEORIA LENGUAJE HTLMTEORIA LENGUAJE HTLM
TEORIA LENGUAJE HTLM
 
Actividades aula virtual
Actividades aula virtualActividades aula virtual
Actividades aula virtual
 
Nenene
NeneneNenene
Nenene
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Guia 01 html
Guia 01 htmlGuia 01 html
Guia 01 html
 
Tutorhtml 2014
Tutorhtml 2014Tutorhtml 2014
Tutorhtml 2014
 
Introducción a xhtml
Introducción a xhtmlIntroducción a xhtml
Introducción a xhtml
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual html
Manual htmlManual html
Manual html
 
FELIPE MASSONE : MANUAL HTML
FELIPE MASSONE : MANUAL HTMLFELIPE MASSONE : MANUAL HTML
FELIPE MASSONE : MANUAL HTML
 
Manua html.pdf
Manua html.pdfManua html.pdf
Manua html.pdf
 
Manual HTML
Manual HTMLManual HTML
Manual HTML
 

Último

Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..RobertoGumucio2
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 

Último (20)

Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
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&iacute;nea</b>.</p> <div> Este tag contiene un tag de línea. <div>Aqu&iacute; 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&aacute; que está conteniendo otros elementos conteniendo otros <i>elementos de de línea. l&iacute;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&aacute;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&aacute;gina est&aacute; pensada para introducir los <b>tags y atributos HTML</b>.<br /><br /> Esta página Deber&iacute;as aprender a escribir <i>c&oacute;digo está pensada XHTML</i> tambi&eacute;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