• Embed Doc
  • Readcast
  • Collections
  • CommentGo Back
Download
MINISTERIO
DE EDUCACI\u00d3N
Y CIENCIA

SECRETAR\u00cdA GENERAL
DE EDUCACI\u00d3N
Y FORMACI\u00d3N PROFESIONAL

DIRECCI\u00d3N GENERAL
DE EDUCACI\u00d3N,
FORMACI\u00d3N PROFESIONAL
E INNOVACI\u00d3N EDUCATIVA

CENTRO NACIONAL
DE INFORMACI\u00d3N Y
COMUNICACI\u00d3N EDUCATIVA

Edici\u00f3n HTML
Introducci\u00f3n
y
herramientas necesarias
C/ TORRELAGUNA, 58
28027 - MADRID
Materiales de Formaci\u00f3n con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
\u00cdndice de contenido

Informaci\u00f3n general............................................................................................................. 3
\u00bfQu\u00e9 es un hipertexto?....................................................................................................... 4
\u00bfQu\u00e9 es el HTML?............................................................................................................... 4
Conceptos de Servidores y Clientes WEB .......................................................................... 5
\u00bfC\u00f3mo funciona el par Cliente-Servidor?........................................................................... 5
Unas cuantas ideas esenciales............................................................................................ 6
Para comunicar hay que tener algo que decir.................................................................. 6
Una buena idea puede escribirse con mala caligraf\u00eda...................................................... 6

...aunque es preferible que la caligraf\u00eda acompa\u00f1e.........................................................7
En el fondo tenemos gustos similares.............................................................................. 7
Si en mi cabeza no est\u00e1 claro \u00bfc\u00f3mo lo va a estar en la del visitante?........................... 7
Calor de hogar................................................................................................................. 8
\u00a1Viva la comunicaci\u00f3n viva!.............................................................................................. 8
Herramientas........................................................................................................................ 9
Obtenci\u00f3n e instalaci\u00f3n........................................................................................................ 9
N|VU................................................................................................................................. 9
Gimp................................................................................................................................. 9
Real Producer Basic 10 y Real Player Basic 10........................................................... 11
Filezilla........................................................................................................................... 11
Instalaci\u00f3n...................................................................................................................... 12
Notepad ++.................................................................................................................... 14

Estilos CSS - Men\u00fas
2 de 14
Materiales de Formaci\u00f3n con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
INFORMACI\u00d3N GENERAL
INFORMACI\u00d3N GENERAL
Seguramente ya habr\u00e1s le\u00eddo la gu\u00eda del alumno y tendr\u00e1s una idea clara del funcionamiento del curso. De
todas maneras es importante que recuerdes que el objetivo final consiste en construir y publicar un
sitio WEB de contenido educativo compuesto de varias p\u00e1ginas con sus correspondientes
enlaces. Los recursos para llevar a cabo esta tarea los iremos trabajando paso a paso, pero
deber\u00edas tenerla presente desde el momento de iniciar el curso.

Losmateriale s que encontrar\u00e1s recogen una serie de explicaciones sobre los diferentes elementos que constituyen las p\u00e1ginas WEB y un conjunto de ejercicios intercalados para ir practicando los conceptos explicados.

La navegaci\u00f3n por los contenidos del curso puede hacerse siguiendo una secuencia lineal o bien de forma no secuencial para lo que se utilizar\u00e1 el men\u00fa con el desarrollo de los bloques de contenido que tendr\u00e1s presente en la pantalla.

Junto a las explicaciones textuales encontrar\u00e1s zonas del manual diferenciadas gr\u00e1ficamente:
Este tipo de se\u00f1al te avisar\u00e1 de alguna cuesti\u00f3n relevante. Puede tratarse de un

detalle que puede alterar la forma de llevar a cabo un procedimiento o provocar un error, de alguna advertencia importante respecto a c\u00f3digos o estilos o, en general, alguna nota que te puede evitar m\u00e1s de un quebradero de cabeza.

La secuencia de pr\u00e1cticas se inicia trabajando directamente con el c\u00f3digo. Si ya has tenido alg\u00fan contacto con alguna otra herramienta de dise\u00f1o de p\u00e1ginas WEB puede parecerte que esta fase sobra. Como autor del curso considero que es un recurso metodol\u00f3gico necesario para hacer patentes las caracter\u00edsticas del lenguaje HTML y por ello los primeros ejercicios son de este tipo. A partir de la cuarta pr\u00e1ctica iniciaremos el trabajo con el editor gr\u00e1fico.

Estilos CSS - Men\u00fas
3 de 14
En algunos casos se tratar\u00e1 de recomendaciones de "estilo", ya que crear una sitio WEB es
algo m\u00e1s que amontonar informaci\u00f3n m\u00e1s o menos correctamente relacionada.

Como en todo medio de comunicaci\u00f3n se han ido desarrollando una serie de normas de estilo que ser\u00e1 conveniente respetar. No pretendemos ser estrictos, pero ten en cuenta que la habilidad para navegar se adquiere gracias a que las p\u00e1ginas por las que pasamos respetan un conjunto similar de convenciones y no tenemos que ir descubriendo nuevos indicadores

a
cada
paso.
Las encontrar\u00e1s en este tipo de recuadros.
Detr\u00e1s de cada p\u00e1gina WEB hay unos c\u00f3digos que permiten que la veamos tal como se
presenta en nuestra pantalla.

Aunque trabajar\u00e1s fundamentalmente en un entorno gr\u00e1fico en el que las herramientas que utilices ir\u00e1n construyendo el c\u00f3digo hay algunos momentos en los que se hace imprescindible recurrir a la edici\u00f3n manual del mismo.

La presentaci\u00f3n en pantalla ser\u00e1 como la de este bloque.
El tercer tipo de cuadros ser\u00e1 el correspondiente a las pr\u00e1cticas. Siempre encontrar\u00e1s un
n\u00famero identificativo de la actividad
que te permitir\u00e1 localizar r\u00e1pidamente los
ejercicios.
Materiales de Formaci\u00f3n con licencia Creative Commons elaborados por el MEC y promocionados por autodidactas.org
of 00

Leave a Comment

You must be to leave a comment.
Submit
Characters: ...
You must be to leave a comment.
Submit
Characters: ...