SlideShare una empresa de Scribd logo
1 de 5
Descargar para leer sin conexión
Para empezar a codificar en HTML lo primero es saber en dónde se puede
realizar.
Actualmente existen muchos editores que puedes utilizar:
•
•
•
•
•
•
•
•
•
•
•
•
•
Microsoft ActiveX Control Pad
Allaire Home site
Hotdog Express
Hotdog Professional Webmáster Suite(recommended)
Hot dog Web Editor
HOT Metal Pro
WebFacil Pro
Arachnophilia
WYSIWYG DHTML Editor
AnfyJava
CSE HTML Validator Profesional (recommended)
CSE HTML Validator Lite (recommended)
WEBOverdrive
Los anteriores editores, son una pequeña muestra de ellos. Pero, si no quieres
amargarte la vida puedes escoger como editor de texto el Block de Notas o
Worpad. Yo te recomiendo el Block de Notas y para este módulo se trabajará
sobre éste.
Antes de empezar se debe tener en cuenta que se necesita de:
•
•
•
Un editor de imágenes: Sirve para visualizar imágenes .jpg
Un navegador: Aquel que visualiza páginas web. Para éste módulo se
trabajará con Internet Explorer.
Editor de texto: Como el Block de Notas.
El Block de Notas es un editor de texto que sirve para generar archivos planos.
Generalmente, un archivo plano es de extensión .txt y no lleva ningún tipo de
formato. (“Tipo de letra, color, corrección ortografía, animación, etc..”) . Se
codifican lenguajes de programación en el Block de Notas.
Cómo acceder al Block de Notas.
Pasos
1. inicio + programas + accesorios + Block de Notas
imagen_01
2. Comencemos a diseñar el primer sitio web, para ello se debe guardar
como primera instancia.
Pasos
1. Archivo + Guardar como + Nombre: index.html + guardar
imagen_02
Se debe tener en cuenta donde se guarda la página. Para este casoNOTA.
la ubicación está en Mis Documentos. En donde se escribe index.html, en
realidad puede ser otro: nombre.html es decir, también se puede escribir
páginaweb.html.
Se escribe index puesto que los buscadores (Google, Altavista, etc....)se
guían por esta palabra para encontrar la página..
Posteriormente se deben cerrar todas las ventanas para poder empezar a
trabajar tranquilamente la página web.
Luego de cerrar las ventanas se debe ubicar en donde quedó guardada la
página, es decir, index.html. Vamos a Mis Documentos y ubicamos a
index.html nótese que el ícono que acompaña al título es una e de Internet
Explorer. Para éste módulo se va a trabajar Html en la compañía de Microsoft,
es decir, el navegador Internet Explorer, es muy conveniente que tengas
una versión superior a la 4.0 para que puedas ver todos los efectos con el
código que vas a aprender a manipular.
Imagen_03
Luego debes abrir el archivo creado llamado index.html el que está encerrado
en un círculo rojo en la gráfica superior.......
Y aquí está tu primera página web....................
Imagen_04
No memorizar la codificación puesto que sería como contar las estrellas.
Luego, en la parte superior en la barra de menús donde se encuentra Archivo ,
Edición, Ver, Favoritos, Herramientas y Ayuda.
Damos un clic en la opción Ver encerrada en el círculo rojo + código fuente
donde se abrirá de nuevo el Block de Notas para empezar a codificar en HTML
para nuestra página web.
Cualquier página web diseñada en cualquier programa genera un código fuente
el cual puede ser modificado. Téngase en cuenta que el código fuente de una
página se puede modificar siempre y cuando la página esté en el propio
computador, si la página está en Internet sólo se podrá modificar el código
fuente si sólo se tiene acceso a ella a través de un login y un password.
Un consejo:
Si quieres volverte un gurú en HTML, es decir un genio en códigos
HTML, te aconsejo que libres una gran batalla con tu memoria, en otras
palabras, de ahora en adelante vas a olvidar que tienes memoria. No te
preocupes por aprender la codificación HTML puesto que si practicas
arduamente verás que los códigos harán parte de ti.
Para dar un buen manejo a este módulo debes leer el tema y practicarlo
en el computador. La teoría y la práctica deben ser equivalentes para
formar un excelente conocimiento acerca del tema, es muy recomendable

Más contenido relacionado

La actualidad más candente

La actualidad más candente (10)

Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
0102 paginaen html5
0102 paginaen html50102 paginaen html5
0102 paginaen html5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuroColegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuro
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
 
Informatica 3
Informatica 3Informatica 3
Informatica 3
 
Html
HtmlHtml
Html
 
Leccion 1 dream
Leccion 1 dreamLeccion 1 dream
Leccion 1 dream
 

Similar a Clase 1 desarrollo web (20)

Html
HtmlHtml
Html
 
Manual html
Manual htmlManual html
Manual html
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual html
Manual htmlManual html
Manual html
 
Html basico
Html basicoHtml basico
Html basico
 
Dreamweaver Tutorial
Dreamweaver Tutorial Dreamweaver Tutorial
Dreamweaver Tutorial
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
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.
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
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
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
MANUAL DE HTML
MANUAL DE HTMLMANUAL DE HTML
MANUAL DE HTML
 

Más de Planeta Digital 360

Meme presentacion como se hacen los memes
Meme presentacion   como se hacen los memesMeme presentacion   como se hacen los memes
Meme presentacion como se hacen los memesPlaneta Digital 360
 
Diseño gráfico y estética ¿Qué hacer y no hacer?
Diseño gráfico y estética ¿Qué hacer y no hacer? Diseño gráfico y estética ¿Qué hacer y no hacer?
Diseño gráfico y estética ¿Qué hacer y no hacer? Planeta Digital 360
 
Herramientas para la Producción Audiovisual
Herramientas para la Producción Audiovisual Herramientas para la Producción Audiovisual
Herramientas para la Producción Audiovisual Planeta Digital 360
 
¿Cuánto cobrar por un servicio de redes sociales?
¿Cuánto cobrar por un servicio de redes sociales?¿Cuánto cobrar por un servicio de redes sociales?
¿Cuánto cobrar por un servicio de redes sociales?Planeta Digital 360
 
Títulos y redacción para la Web
Títulos y redacción para la Web Títulos y redacción para la Web
Títulos y redacción para la Web Planeta Digital 360
 
¿Cuánto cobrar por un book de fotos?
¿Cuánto cobrar por un book de fotos? ¿Cuánto cobrar por un book de fotos?
¿Cuánto cobrar por un book de fotos? Planeta Digital 360
 
Hitos de Internet y las Redes Sociales
Hitos de Internet y las Redes SocialesHitos de Internet y las Redes Sociales
Hitos de Internet y las Redes SocialesPlaneta Digital 360
 
Qué y cómo publicar en Redes Sociales
Qué y cómo publicar en Redes SocialesQué y cómo publicar en Redes Sociales
Qué y cómo publicar en Redes SocialesPlaneta Digital 360
 
Tipos de luces e iluminación para fotografía y video
Tipos de luces e iluminación para fotografía y video Tipos de luces e iluminación para fotografía y video
Tipos de luces e iluminación para fotografía y video Planeta Digital 360
 
Plan de marketing y brief digital
Plan de marketing y brief digital Plan de marketing y brief digital
Plan de marketing y brief digital Planeta Digital 360
 
Herramientas TIC y Redes Sociales
Herramientas TIC y Redes Sociales Herramientas TIC y Redes Sociales
Herramientas TIC y Redes Sociales Planeta Digital 360
 
Historia en el mundo audiovisual
Historia en el mundo audiovisual Historia en el mundo audiovisual
Historia en el mundo audiovisual Planeta Digital 360
 

Más de Planeta Digital 360 (20)

Meme presentacion como se hacen los memes
Meme presentacion   como se hacen los memesMeme presentacion   como se hacen los memes
Meme presentacion como se hacen los memes
 
Diseño gráfico y estética ¿Qué hacer y no hacer?
Diseño gráfico y estética ¿Qué hacer y no hacer? Diseño gráfico y estética ¿Qué hacer y no hacer?
Diseño gráfico y estética ¿Qué hacer y no hacer?
 
Herramientas para la Producción Audiovisual
Herramientas para la Producción Audiovisual Herramientas para la Producción Audiovisual
Herramientas para la Producción Audiovisual
 
LENGUAJE AUDIOVISUAL
LENGUAJE AUDIOVISUAL LENGUAJE AUDIOVISUAL
LENGUAJE AUDIOVISUAL
 
¿Cuánto cobrar por un servicio de redes sociales?
¿Cuánto cobrar por un servicio de redes sociales?¿Cuánto cobrar por un servicio de redes sociales?
¿Cuánto cobrar por un servicio de redes sociales?
 
Identificando la Audiencia
Identificando la Audiencia Identificando la Audiencia
Identificando la Audiencia
 
Títulos y redacción para la Web
Títulos y redacción para la Web Títulos y redacción para la Web
Títulos y redacción para la Web
 
¿Cuánto cobrar por un book de fotos?
¿Cuánto cobrar por un book de fotos? ¿Cuánto cobrar por un book de fotos?
¿Cuánto cobrar por un book de fotos?
 
Hitos de Internet y las Redes Sociales
Hitos de Internet y las Redes SocialesHitos de Internet y las Redes Sociales
Hitos de Internet y las Redes Sociales
 
De la pintura al video
De la pintura al videoDe la pintura al video
De la pintura al video
 
Qué y cómo publicar en Redes Sociales
Qué y cómo publicar en Redes SocialesQué y cómo publicar en Redes Sociales
Qué y cómo publicar en Redes Sociales
 
Tipos de luces e iluminación para fotografía y video
Tipos de luces e iluminación para fotografía y video Tipos de luces e iluminación para fotografía y video
Tipos de luces e iluminación para fotografía y video
 
Plan de marketing y brief digital
Plan de marketing y brief digital Plan de marketing y brief digital
Plan de marketing y brief digital
 
Antes de hacer un Meme
Antes de hacer un MemeAntes de hacer un Meme
Antes de hacer un Meme
 
Herramientas TIC y Redes Sociales
Herramientas TIC y Redes Sociales Herramientas TIC y Redes Sociales
Herramientas TIC y Redes Sociales
 
Historia en el mundo audiovisual
Historia en el mundo audiovisual Historia en el mundo audiovisual
Historia en el mundo audiovisual
 
La cámara fotográfica
La cámara fotográfica La cámara fotográfica
La cámara fotográfica
 
ISO, diafragma y velocidad
ISO, diafragma y velocidad ISO, diafragma y velocidad
ISO, diafragma y velocidad
 
Fotografía y categorías
Fotografía y categoríasFotografía y categorías
Fotografía y categorías
 
De la Web 1.0 a la Web 3.0
De la Web 1.0 a la Web 3.0De la Web 1.0 a la Web 3.0
De la Web 1.0 a la Web 3.0
 

Último

Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxRAMON EUSTAQUIO CARO BAYONA
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOEveliaHernandez8
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxEribertoPerezRamirez
 
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxEJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxFabianValenciaJabo
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxRosabel UA
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdfRAMON EUSTAQUIO CARO BAYONA
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 

Último (20)

Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docxPROGRAMACION ANUAL DE MATEMATICA 2024.docx
PROGRAMACION ANUAL DE MATEMATICA 2024.docx
 
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docxEJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
EJEMPLO MODELO DE PLAN DE REFUERZO ESCOLAR.docx
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptx
 
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADOPLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
PLAN DE TUTORIA- PARA NIVEL PRIMARIA CUARTO GRADO
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 

Clase 1 desarrollo web

  • 1. Para empezar a codificar en HTML lo primero es saber en dónde se puede realizar. Actualmente existen muchos editores que puedes utilizar: • • • • • • • • • • • • • Microsoft ActiveX Control Pad Allaire Home site Hotdog Express Hotdog Professional Webmáster Suite(recommended) Hot dog Web Editor HOT Metal Pro WebFacil Pro Arachnophilia WYSIWYG DHTML Editor AnfyJava CSE HTML Validator Profesional (recommended) CSE HTML Validator Lite (recommended) WEBOverdrive Los anteriores editores, son una pequeña muestra de ellos. Pero, si no quieres amargarte la vida puedes escoger como editor de texto el Block de Notas o Worpad. Yo te recomiendo el Block de Notas y para este módulo se trabajará sobre éste. Antes de empezar se debe tener en cuenta que se necesita de: • • • Un editor de imágenes: Sirve para visualizar imágenes .jpg Un navegador: Aquel que visualiza páginas web. Para éste módulo se trabajará con Internet Explorer. Editor de texto: Como el Block de Notas. El Block de Notas es un editor de texto que sirve para generar archivos planos. Generalmente, un archivo plano es de extensión .txt y no lleva ningún tipo de formato. (“Tipo de letra, color, corrección ortografía, animación, etc..”) . Se codifican lenguajes de programación en el Block de Notas.
  • 2. Cómo acceder al Block de Notas. Pasos 1. inicio + programas + accesorios + Block de Notas imagen_01 2. Comencemos a diseñar el primer sitio web, para ello se debe guardar como primera instancia. Pasos 1. Archivo + Guardar como + Nombre: index.html + guardar
  • 3. imagen_02 Se debe tener en cuenta donde se guarda la página. Para este casoNOTA. la ubicación está en Mis Documentos. En donde se escribe index.html, en realidad puede ser otro: nombre.html es decir, también se puede escribir páginaweb.html. Se escribe index puesto que los buscadores (Google, Altavista, etc....)se guían por esta palabra para encontrar la página.. Posteriormente se deben cerrar todas las ventanas para poder empezar a trabajar tranquilamente la página web. Luego de cerrar las ventanas se debe ubicar en donde quedó guardada la página, es decir, index.html. Vamos a Mis Documentos y ubicamos a index.html nótese que el ícono que acompaña al título es una e de Internet Explorer. Para éste módulo se va a trabajar Html en la compañía de Microsoft, es decir, el navegador Internet Explorer, es muy conveniente que tengas una versión superior a la 4.0 para que puedas ver todos los efectos con el código que vas a aprender a manipular.
  • 4. Imagen_03 Luego debes abrir el archivo creado llamado index.html el que está encerrado en un círculo rojo en la gráfica superior....... Y aquí está tu primera página web.................... Imagen_04
  • 5. No memorizar la codificación puesto que sería como contar las estrellas. Luego, en la parte superior en la barra de menús donde se encuentra Archivo , Edición, Ver, Favoritos, Herramientas y Ayuda. Damos un clic en la opción Ver encerrada en el círculo rojo + código fuente donde se abrirá de nuevo el Block de Notas para empezar a codificar en HTML para nuestra página web. Cualquier página web diseñada en cualquier programa genera un código fuente el cual puede ser modificado. Téngase en cuenta que el código fuente de una página se puede modificar siempre y cuando la página esté en el propio computador, si la página está en Internet sólo se podrá modificar el código fuente si sólo se tiene acceso a ella a través de un login y un password. Un consejo: Si quieres volverte un gurú en HTML, es decir un genio en códigos HTML, te aconsejo que libres una gran batalla con tu memoria, en otras palabras, de ahora en adelante vas a olvidar que tienes memoria. No te preocupes por aprender la codificación HTML puesto que si practicas arduamente verás que los códigos harán parte de ti. Para dar un buen manejo a este módulo debes leer el tema y practicarlo en el computador. La teoría y la práctica deben ser equivalentes para formar un excelente conocimiento acerca del tema, es muy recomendable