SlideShare una empresa de Scribd logo
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

Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
Universidad Católica de Colombia
 
0102 paginaen html5
0102 paginaen html50102 paginaen html5
0102 paginaen html5
Francisco Javier Arce Anguiano
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
FREDY FORERO H
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
jaboanlkxmndsjkc
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
GinoRomero13
 
Colegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuroColegio nicolas esguerra edificamos futuro
Colegio nicolas esguerra edificamos futuro
pinillapulido
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
Juan Sebastian
 
Informatica 3
Informatica 3Informatica 3
Informatica 3
Juan Hernandez
 
Html
HtmlHtml
Leccion 1 dream
Leccion 1 dreamLeccion 1 dream
Leccion 1 dream
Flor Aguilar
 

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

Html
HtmlHtml
Html
jpalencia
 
Html basico
Html basicoHtml basico
Html basico
alcaldiadearmenia
 
Manual html
Manual htmlManual html
Manual html
Josuevaldizon
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
Yuri Flores
 
Manual html
Manual htmlManual html
Manual html
David Vega Castro
 
Dreamweaver Tutorial
Dreamweaver Tutorial Dreamweaver Tutorial
Dreamweaver Tutorial
axel fuertes andrade
 
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
yanburbano
 
Manual HTML.
Manual HTML.Manual HTML.
Manual HTML.
Gabriel Mondragón
 
Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014
Yadith Gomez Nolasco
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
morchito03
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
jaboanlkxmndsjkc
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
jaboanlkxmndsjkc
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
nicolascristancho
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
Roberto Perales
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
jorgemaltrago
 
Manual HTML
Manual HTMLManual HTML
Manual HTML
Manuel Gutierrez
 
Manual html
Manual htmlManual html
Manual html
Robert Rodriguez
 
FELIPE MASSONE : MANUAL HTML
FELIPE MASSONE : MANUAL HTMLFELIPE MASSONE : MANUAL HTML
FELIPE MASSONE : MANUAL HTML
Felipe Massone
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
ella montes
 
MANUAL DE HTML
MANUAL DE HTMLMANUAL DE HTML
MANUAL DE HTML
lvitif
 

Similar a Clase 1 desarrollo web (20)

Html
HtmlHtml
Html
 
Html basico
Html basicoHtml basico
Html basico
 
Manual html
Manual htmlManual html
Manual html
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual html
Manual htmlManual html
Manual html
 
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 HTML.
Manual HTML.Manual HTML.
Manual HTML.
 
Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014
 
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
 
Manualhtml
ManualhtmlManualhtml
Manualhtml
 
Manual HTML
Manual HTMLManual HTML
Manual HTML
 
Manual html
Manual htmlManual html
Manual html
 
FELIPE MASSONE : MANUAL HTML
FELIPE MASSONE : MANUAL HTMLFELIPE MASSONE : MANUAL HTML
FELIPE MASSONE : 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 memes
Planeta 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
 
LENGUAJE AUDIOVISUAL
LENGUAJE AUDIOVISUAL LENGUAJE AUDIOVISUAL
LENGUAJE 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
 
Identificando la Audiencia
Identificando la Audiencia Identificando la Audiencia
Identificando la Audiencia
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 Sociales
Planeta Digital 360
 
De la pintura al video
De la pintura al videoDe la pintura al video
De la pintura al video
Planeta 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 Sociales
Planeta 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
 
Antes de hacer un Meme
Antes de hacer un MemeAntes de hacer un Meme
Antes de hacer un Meme
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
 
La cámara fotográfica
La cámara fotográfica La cámara fotográfica
La cámara fotográfica
Planeta Digital 360
 
ISO, diafragma y velocidad
ISO, diafragma y velocidad ISO, diafragma y velocidad
ISO, diafragma y velocidad
Planeta Digital 360
 
Fotografía y categorías
Fotografía y categoríasFotografía y categorías
Fotografía y categorías
Planeta Digital 360
 
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
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

Inteligencia Artificial y Aprendizaje Activo FLACSO Ccesa007.pdf
Inteligencia Artificial  y Aprendizaje Activo FLACSO  Ccesa007.pdfInteligencia Artificial  y Aprendizaje Activo FLACSO  Ccesa007.pdf
Inteligencia Artificial y Aprendizaje Activo FLACSO Ccesa007.pdf
Demetrio Ccesa Rayme
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
saradocente
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
josseanlo1581
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
RAMIREZNICOLE
 
1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos
ROCIORUIZQUEZADA
 
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdfDESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
JonathanCovena1
 
Cronica-de-una-Muerte-Anunciada - Gabriel Garcia Marquez.pdf
Cronica-de-una-Muerte-Anunciada - Gabriel Garcia Marquez.pdfCronica-de-una-Muerte-Anunciada - Gabriel Garcia Marquez.pdf
Cronica-de-una-Muerte-Anunciada - Gabriel Garcia Marquez.pdf
RicardoValdiviaVega
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
ginnazamudio
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Juan Martín Martín
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
Mónica Sánchez
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Alejandrino Halire Ccahuana
 
200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural
shirherrer
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
Jose Luis Jimenez Rodriguez
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
ROCIORUIZQUEZADA
 
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBALMATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
Ana Fernandez
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
https://gramadal.wordpress.com/
 
efemérides del mes de junio 2024 (1).pptx
efemérides del mes de junio 2024 (1).pptxefemérides del mes de junio 2024 (1).pptx
efemérides del mes de junio 2024 (1).pptx
acgtz913
 
Los Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres VivosLos Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres Vivos
karlafreire0608
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
romina395894
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
Ana Fernandez
 

Último (20)

Inteligencia Artificial y Aprendizaje Activo FLACSO Ccesa007.pdf
Inteligencia Artificial  y Aprendizaje Activo FLACSO  Ccesa007.pdfInteligencia Artificial  y Aprendizaje Activo FLACSO  Ccesa007.pdf
Inteligencia Artificial y Aprendizaje Activo FLACSO Ccesa007.pdf
 
tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)tema 7. Los siglos XVI y XVII ( resumen)
tema 7. Los siglos XVI y XVII ( resumen)
 
Manual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HCManual de procedimiento para gráficos HC
Manual de procedimiento para gráficos HC
 
pueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptxpueblos originarios de chile presentacion twinkl.pptx
pueblos originarios de chile presentacion twinkl.pptx
 
1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos1° T3 Examen Mtro JP 23-24.pdf completos
1° T3 Examen Mtro JP 23-24.pdf completos
 
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdfDESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
DESARROLLO DE LAS RELACIONES CON LOS STAKEHOLDERS.pdf
 
Cronica-de-una-Muerte-Anunciada - Gabriel Garcia Marquez.pdf
Cronica-de-una-Muerte-Anunciada - Gabriel Garcia Marquez.pdfCronica-de-una-Muerte-Anunciada - Gabriel Garcia Marquez.pdf
Cronica-de-una-Muerte-Anunciada - Gabriel Garcia Marquez.pdf
 
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIACONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
CONTENIDOS Y PDA DE LA FASE 3,4 Y 5 EN NIVEL PRIMARIA
 
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLMExamen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
Examen de Selectividad. Geografía junio 2024 (Convocatoria Ordinaria). UCLM
 
Hablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes CuadernilloHablemos de ESI para estudiantes Cuadernillo
Hablemos de ESI para estudiantes Cuadernillo
 
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docxLecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
Lecciones 10 Esc. Sabática. El espiritismo desenmascarado docx
 
200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural200. Efemerides junio para trabajar en periodico mural
200. Efemerides junio para trabajar en periodico mural
 
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdfFEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
FEEDBACK DE LA ESTRUCTURA CURRICULAR- 2024.pdf
 
1° T3 Examen Zany de primer grado compl
1° T3 Examen Zany  de primer grado compl1° T3 Examen Zany  de primer grado compl
1° T3 Examen Zany de primer grado compl
 
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBALMATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
MATERIAL ESCOLAR 2024-2025. 4 AÑOS CEIP SAN CRISTOBAL
 
Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)Power Point: El conflicto inminente (Bosquejo)
Power Point: El conflicto inminente (Bosquejo)
 
efemérides del mes de junio 2024 (1).pptx
efemérides del mes de junio 2024 (1).pptxefemérides del mes de junio 2024 (1).pptx
efemérides del mes de junio 2024 (1).pptx
 
Los Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres VivosLos Dominios y Reinos de los Seres Vivos
Los Dominios y Reinos de los Seres Vivos
 
Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...Este documento contiene, el programa completo de un acto para realizar la pro...
Este documento contiene, el programa completo de un acto para realizar la pro...
 
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBALMATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
MATERIAL ESCOLAR 2024-2025 3 AÑOS CEIP SAN CRISTÓBAL
 

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