Introducción a HTML
Hablar hoy en día de la importanciade Internet probablemente no seanecesario. Los cambios que sevienen produciendo desde h...
Si nos fijamos con detenimientoobservaremos cómo nuestra relacióncon Internet comenzó con una faseen la que, gracias a las...
En algún momento de ese camino de acceso ala información, una gran cantidad deusuarios, por no decir la mayoría, se vaconv...
Bien, si ya estamos publicando nuestros contenidos, ¿paraqué necesitamos utilizar el lenguaje HTML? El lenguaje deetiqueta...
Internet es una red que conecta ordenadores a travésde todo el planeta, para compartir contenidosalojados en algunos de es...
Para que los navegadores puedan entender correctamente laspáginas web, éstas utilizan un conjunto de normas denominadasHTM...
Básicamente, una página web es un archivo con texto en elque iremos insertando diferentes etiquetas HTML, paraque ese cont...
Por último, HTML se complementa con otro conjunto denormas denominadas CSS (Cascade Style Sheet) u hojas deestilo. Mientra...
Y ¿quién define la mayor parte de este conjunto denormas? Tanto HTML como CSS, además de otrosestándares de lo más variado...
Protocolo http                          Petición                          página web            Cliente:Cliente     • Expl...
Si bien nos referimos a ordenadores cuando hablamos delos clientes, en realidad puede ser cualquier tipo dedispositivo que...
Vamos a resolver una serie de cuestiones:• Si en la red hay millones de servidores, ¿cómo podemos  conectarnos con uno det...
Editor de textoPara cualquier edición básica de una página webnecesitaremos una aplicación como éstaNota: Para modificar u...
Material basado en el curso HTLM5     http://formacionprofesorado.educacion.es/apls/moodle/web/
Próxima SlideShare
Cargando en…5
×

01 introducción a html

186 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
186
En SlideShare
0
De insertados
0
Número de insertados
18
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

01 introducción a html

  1. 1. Introducción a HTML
  2. 2. Hablar hoy en día de la importanciade Internet probablemente no seanecesario. Los cambios que sevienen produciendo desde haceaños son muy numerosos y de granprofundidad. Nos detendremos sóloen uno de sus aspectos, el que hahecho que las personas se hayantransformado progresivamente desimples consumidores deinformación en generadores decontenidos.
  3. 3. Si nos fijamos con detenimientoobservaremos cómo nuestra relacióncon Internet comenzó con una faseen la que, gracias a las páginas web,la conocida red World Wide Web,podíamos consultar todo tipo deinformación, tener acceso a noticiascasi en tiempo real, adocumentación ilimitada, etc.
  4. 4. En algún momento de ese camino de acceso ala información, una gran cantidad deusuarios, por no decir la mayoría, se vaconvirtiendo progresivamente engeneradores de contenido, especialmentecon el aterrizaje del concepto de la web 2.0. Hoy en día muchos de nosotros publicamoscontenidos en Internet con las herramientasque tenemos a nuestra disposición, ya sea através de un blog, a través de redes sociales,participación en grupos de trabajo, etc.Hemos pasado de meros consumidores deinformación a generadores de contenidos.
  5. 5. Bien, si ya estamos publicando nuestros contenidos, ¿paraqué necesitamos utilizar el lenguaje HTML? El lenguaje deetiquetas HTML es la base y la esencia sobre la que estáconstruida la World Wide Web en la actualidad. Todas laspáginas web emplean este conjunto de normas, para que losnavegadores web sean capaces de interpretarlas. Por tanto,comprender el funcionamiento de este lenguaje nospermitirá publicar contenidos en Internet con autonomía,sin depender de una plataforma concreta o de un sistema degeneración de contenidos.Además, comprender el funcionamiento de las etiquetasHTML nos ayudará también al publicar contenidos dentro deotras páginas web que contemplen la publicación deobjetos, es decir, la mayoría de los sistemas modernos deredes sociales, plataformas de elearning (aula online), etc. PUBLICAR EN INTERNET
  6. 6. Internet es una red que conecta ordenadores a travésde todo el planeta, para compartir contenidosalojados en algunos de estos ordenadores,normalmente denominados servidores. Cada servidorpuede contener algún tipo derecurso o de servicio. El servicio más extendido deInternet es sin duda el conocido como World WideWeb, es decir, la red de servidores de páginas web.Los servidores de la World Wide Web contienenpáginas web que pueden ser consultadas porcualquier usuario para acceder a información eincluso interactuar con ellas, comportándose comoverdaderas aplicaciones.Las páginas web internamente se estructuran comoarchivos de texto que, al ser transferidos alordenador o al dispositivo del usuario, pueden serinterpretados con sentido por un navegador web,como Firefox, Chrome, Explorer, Safari, etc.
  7. 7. Para que los navegadores puedan entender correctamente laspáginas web, éstas utilizan un conjunto de normas denominadasHTML (HyperText Markup Language), es decir, un lenguajebasado en etiquetas que se escriben mediante signos de mayor ymenor. Por ejemplo, para indicar que el navegador debe mostrarun párrafo de texto al usuario, utilizamos la etiqueta <p> paraindicar el comienzo y </p> para indicar su final. Así el lenguajeHTML se emplea para definir la estructura de la informacióncontenida en una página web.
  8. 8. Básicamente, una página web es un archivo con texto en elque iremos insertando diferentes etiquetas HTML, paraque ese contenido pueda ser interpretado por nuestronavegador web. Poco a poco iremos conociendo lasprincipales etiquetas, para poderlas emplear con soltura.Existen diferentes versiones del lenguaje: HTML 4.01, quees la versión estándar vigente y HTML 5.0, la futura versióndel lenguaje, que de hecho ya está contemplada en lamayoría de los navegadores modernos.Junto a HTML podremos encontrar referencias a la normaXHTML, que es una versión semánticamente más estrictade HTML, basada en XML, en el que hay que tener máscuidado al aplicar las etiquetas, consiguiéndose asípáginas web más respetuosas con los estándares. Noobstante, en la actualidad esta versión ha sidoabandonada en favor de HTML 5, si bien la versión 1.0 deXHTML está completamente operativa; lo que noencontraremos será una versión 2.0 de este modelo.HTML Y OTRAS NORMAS
  9. 9. Por último, HTML se complementa con otro conjunto denormas denominadas CSS (Cascade Style Sheet) u hojas deestilo. Mientras que HTML se encarga de definir la estructuray la organización que tendrá la información de la páginaweb, CSS nos proporciona un conjunto de reglas orientadasa definir su formato y apariencia y aplicarlo a varias páginas.Con las hojas de estilo podremos definir aspectos como elespacio entre líneas, el borde que rodea a un párrafo, loscolores del texto o el tipo de letra.Todo este baile de siglas puede parecer confuso al principio,pero se va asimilando de forma natural en cuanto se empiezaa trabajar.A todo este conjunto hay que añadir también algunos otroslenguajes que, unidos a los anteriores, nos permitirán hacercosas aún más complejas, como añadir interactividad a laspáginas y convertir nuestras páginas web en verdaderasaplicaciones. Estamos hablando de lenguajes comoJavascript o PHP, por citar un par de ejemplos.HTML Y OTRAS NORMAS
  10. 10. Y ¿quién define la mayor parte de este conjunto denormas? Tanto HTML como CSS, además de otrosestándares de lo más variados, son definidos por unorganismo denominado World Wide Web Consortium, másconocido como W3C (http://www.w3.org). Este consorciose encarga de marcar los caminos que seguirá la web y queposteriormente son adoptados por las empresas que semueven en el diseño de navegadores, herramientas web,etc.HTML Y OTRAS NORMAS
  11. 11. Protocolo http Petición página web Cliente:Cliente • Explorer Servicio de la Servidor • Firefox página web Remoto • ChromeBásicamente, Internet se compone de ordenadores a los que llamamosservidores. Estas máquinas, conectadas a Internet, nos ofrecen algúntipo de servicio al resto de usuarios, que con nuestros equipos somossus clientes.De este modo se establece una relación en la que un servidor ofrecealgo a un cliente que lo consulta. En el caso del servicio World WideWeb, los servidores nos ofrecen páginas web que serán interpretadasen nuestros clientes mediante un navegador de páginas web. EL MODELO CLIENTE SERVIDOR
  12. 12. Si bien nos referimos a ordenadores cuando hablamos delos clientes, en realidad puede ser cualquier tipo dedispositivo que incluya una aplicación capaz de interpretarel contenido que le llega.El software que se encuentre en el servidor también esmuy importante, ya que determinará el tipo de páginasweb con la que se puede trabajar. Así, hoy en día, lamayoría de los servidores pueden trabajar con páginasweb “normales”, en formato HTML, o emplear otrossistemas dinámicos, como PHP, que les permiten generarpáginas web en tiempo real, empleando bases de datos ytodo tipo de tecnologías.EL MODELO CLIENTE SERVIDOR
  13. 13. Vamos a resolver una serie de cuestiones:• Si en la red hay millones de servidores, ¿cómo podemos conectarnos con uno determinado? Hay que contestar a esta pregunta empleando los siguientes conceptos: • Dirección IP • Servidor DNS • URL• Describir toda la información que aparece en el siguiente texto: http://www.meteogalicia.es/web/predicion/cprazo/cprazoIndex.action?dia ACTIVIDADES
  14. 14. Editor de textoPara cualquier edición básica de una página webnecesitaremos una aplicación como éstaNota: Para modificar una página web necesitamos uneditor de texto plano. No nos estamos refiriendo aavanzadosprocesadores de texto, sino a sencillos editorescomo "gedit", "Bloc de notas", etc.NavegadorEvidentemente, también necesitamos un navegador webpara ver las páginas que estamos creando. Todos losordenadores cuentan con este tipo de aplicaciones. Ennuestro caso recomendamos contar con Firefox o Explorer.De hecho, resulta muy útil probar nuestro sitioweb en varios navegadores para ver su apariencia final.HERRAMIENTAS BÁSICAS
  15. 15. Material basado en el curso HTLM5 http://formacionprofesorado.educacion.es/apls/moodle/web/

×