Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.
Misión <ul><li>Formar profesionales integrales y competentes en áreas tecnológicas que tengan demanda y oportunidad en el ...
Repaso <ul><li>¿Qué es el video? </li></ul><ul><li>¿Formatos mas conocidos de video? </li></ul><ul><li>¿Qué es la tecnolog...
Introducción  <ul><li>HTML significa  HyperText Markup Language. Es el lenguaje en que se escriben los millones de documen...
Editores de páginas web  <ul><li>Un editor es un programa que nos permite redactar documentos. Hoy en día existen un gran ...
Editores de páginas web   Visuales <ul><li>Algunos de los editores visuales con los que podrás crear tus páginas web son M...
Editores de páginas web   por código <ul><li>Para crear páginas web escribiendo directamente el código HTML puedes utiliza...
Antes de empezar recordar: <ul><li>Estructurar muy bien las carpetas </li></ul><ul><li>Las paginas web se guardan como .HT...
Estructura de un Documento HTML  <ul><li>Una página web es un archivo de texto, se puede crear con cualquier editor de tex...
<ul><li>Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar en...
<ul><li>Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el ...
Por tanto, la estructura queda  de  esta manera: <ul><li><HTML>  </li></ul><ul><li><HEAD>  </li></ul><ul><li><TITLE> Títul...
Preguntas <ul><li>¿Qué significa HTML? </li></ul><ul><li>¿Mencione algunos editores web gráficos? </li></ul><ul><li>¿ Menc...
Próxima SlideShare
Cargando en…5
×

Clase 3 HTML

1.054 visualizaciones

Publicado el

Primera clase de HTML por Josue Fortis Visitanos en http://www.freewebs.com/josuefortis007/ o en http://josuefortisitca.iespana.es

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

  • Sé el primero en recomendar esto

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

No hay notas en la diapositiva.

Clase 3 HTML

  1. 1. Diseño Web y Multimedia 1 Clase 3 Docente: Josué Fortis.
  2. 2. Misión <ul><li>Formar profesionales integrales y competentes en áreas tecnológicas que tengan demanda y oportunidad en el mercado local, regional y mundial tanto como trabajadores y empresarios. </li></ul>
  3. 3. Repaso <ul><li>¿Qué es el video? </li></ul><ul><li>¿Formatos mas conocidos de video? </li></ul><ul><li>¿Qué es la tecnología streaming? </li></ul><ul><li>¿Menciones algunos editores y convertidores de video? </li></ul><ul><li>¿Qué es animación y que programas me ayudan a efectuarla? </li></ul><ul><li>Recordar como exportar en Audacity y Movie Maker </li></ul>
  4. 4. Introducción <ul><li>HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, IBrowse) los interpreta y los despliega. Existen clientes gráficos como Netscape, y otros como el Lynx que solo despliegan texto. Es muy importante no olvidar esto cuando se diseña una página web. </li></ul><ul><li>Crear una buena página tiene dos aspectos; por un lado el conocimiento técnico para crear código HTML correcto, por otro lado el claro diseño para presentar la información. </li></ul>
  5. 5. Editores de páginas web <ul><li>Un editor es un programa que nos permite redactar documentos. Hoy en día existen un gran número de editores que permiten crear páginas web sin la necesidad de escribir ni una sola línea de código HTML. Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas. </li></ul>
  6. 6. Editores de páginas web Visuales <ul><li>Algunos de los editores visuales con los que podrás crear tus páginas web son Macromedia Dreamweaver, Microsoft FrontPage, Adobe Pagemill, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos. </li></ul>
  7. 7. Editores de páginas web por código <ul><li>Para crear páginas web escribiendo directamente el código HTML puedes utilizar la herramienta Wordpad o el Bloc de notas que proporciona Windows. También podría ocupar un editor gratuito como Hapedit. </li></ul>
  8. 8. Antes de empezar recordar: <ul><li>Estructurar muy bien las carpetas </li></ul><ul><li>Las paginas web se guardan como .HTML </li></ul>
  9. 9. Estructura de un Documento HTML <ul><li>Una página web es un archivo de texto, se puede crear con cualquier editor de texto como el edit de DOS. El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera: </li></ul><ul><li><XXX> Este es el inicio de una etiqueta. </li></ul><ul><li></XXX> Este es el cierre de una etiqueta. </li></ul><ul><li>Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. </li></ul>
  10. 10. <ul><li>Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas <HTML> y </HTML>: <HTML> [Todo el documento] </HTML> El documento en sí está dividido en dos zonas principales: </li></ul><ul><li>El encabezamiento, comprendido entre las etiquetas <HEAD> y </HEAD> </li></ul><ul><li>El cuerpo, comprendido entre las etiquetas <BODY> y </BODY> </li></ul>
  11. 11. <ul><li>Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas <TITLE> y </TITLE>. El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones). </li></ul><ul><li>Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.) </li></ul>
  12. 12. Por tanto, la estructura queda de esta manera: <ul><li><HTML> </li></ul><ul><li><HEAD> </li></ul><ul><li><TITLE> Título de la página </TITLE> </li></ul><ul><li></HEAD> </li></ul><ul><li><BODY> </li></ul><ul><li>[Aquí van las etiquetas que visualizan la página] </li></ul><ul><li></BODY> </li></ul><ul><li></HTML> </li></ul>
  13. 13. Preguntas <ul><li>¿Qué significa HTML? </li></ul><ul><li>¿Mencione algunos editores web gráficos? </li></ul><ul><li>¿ Mencione algunos editores web de texto? </li></ul><ul><li>¿ Mencione algunos navegadores web? </li></ul><ul><li>¿Cuál es la extensión de las paginas web? </li></ul><ul><li>¿Qué 2 aspectos son importantes al crear una pagina web? </li></ul><ul><li>¿Cuales son las etiquetas básicas de las paginas HTML? </li></ul><ul><li>¿Cuáles son algunos parámetros del BODY? </li></ul><ul><li>¿Cuales son algunas etiquetas del texto? </li></ul><ul><li>¿ Cuales son algunos atributos de la etiqueta FONT? </li></ul>

×