Consigna para un foro
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Consigna para un foro

el

  • 4,884 reproducciones

 

Estadísticas

reproducciones

reproducciones totales
4,884
reproducciones en SlideShare
4,884
reproducciones incrustadas
0

Actions

Me gusta
0
Descargas
70
Comentarios
0

0 insertados 0

No embeds

Accesibilidad

Categorias

Detalles de carga

Uploaded via as Microsoft Word

Derechos de uso

© Todos los derechos reservados

Report content

Marcada como inapropiada Marcar como inapropiada
Marcar como inapropiada

Seleccione la razón para marcar esta presentación como inapropiada.

Cancelar
  • Full Name Full Name Comment goes here.
    ¿Está seguro?
    Tu mensaje aparecerá aquí
    Processing...
Publicar comentario
Edite su comentario

Consigna para un foro Document Transcript

  • 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