SlideShare una empresa de Scribd logo
1 de 12
GUIA DE ACTIVIDADES
INCAF
INFORMATICA
 Desarrollo, teniendo en cuenta todos los puntos de las
diapositivas siguientes, desarrolle,
 Objetivo y uso de la pagina web
 Que contenidos tendrá su pagina web
 Desarrolle el logo de su pagina web
 Busque y guarde: Imágenes, videos, textos, que
utilizara en su pagina web.
PRODUCTO ESPERADO
 Entrega grupal, 4 estudiantes,
 Trabajo en Word con las respuestas de la
actividad propuesta.
 Portada
 Nota: entrega de actividades al correo
 jhon3208936772@Gmail.com antes de las 12pm
del 23 de febrero de 2015
PASOS PARA CREAR UN SITIO
WEB
1. Definir el objetivo
Es el primer paso de la creación de
un sitio Web, se debe determinar
exactamente por qué quieres crear
una página y cuál será su uso.
2. Determinar la estructura del sitio
Una vez que sabes lo que quieres hacer, es buena
idea decidir qué es lo que incluirá esta página. Haz
una lista de todas las cosas que quieres incluir.
Determina cómo ellos se integrarán en la página.
Prepara un mapa estructural del sitio Web como el
de abajo para ayudarte a visualizar la estructura
del sitio.
Mi página principal
Acerca de
nosotros
Próximo eventos Inform. de
servicios
Inform. contactos Hipervínculos
3. Decide la apariencia de la página
Esta etapa es importante en la planeación en un sitio
Web. Está bien tener una mirada firme en todas las
partes del sitio. Si tu negocio, organización o propuesta
ya tiene logotipos y colores que son usados en el papel ,
etc. Los puedes usar en el diseño del sitio. Haz el diseño y
el diagrama de la ubicación de los objetos de la página
hasta que tengas algo que te guste, por ejemplo:
Logo
y
Título
Link
Link
Gif
Imagen
Patrocinador
Texto
Imagen
como fondo
4. Considera el diseño
Antes de comenzar a crear documentos HTML tienes que
considerar varios aspectos. Algunos de éstos son:
• Tomar en cuenta que tipos de visitante vas a tener y
que tu página sea compatible con diferentes tipos de
navegadores.
• La excelente pagina que has pasado horas
diseñando puede tomar tiempo en descargarse. Si
esto es el caso, muchos invitados no esperarán hasta
que termine la descarga e irán a otra parte.
• Hacerla fácil para el público para que pueda
desplazarse de una área del sitio a otra.
• Trata de encontrar equilibrio entre un sitio web
aburrido y un sitio Web excesivo.
5. Escoge el editor
Se puede utilizar un editor de Windows:
bloc de notas o word padun sitio Web
excesivo.
6. Busca y junta los objetos
Imágenes, logos, animaciones, sonidos,
películas, etc. Que vas a utilizar en tu
página Web.
7. Crea el código
Crea el código para cada objeto y
guárdalo con extensión HTML.
8. Visualizar mi pagina
Abre el navegador de tu pagina
elaborada y checa como funciona tu
código.
9. Modificar mi pagina
Para eventuales modificaciones, no es necesario
volver a abrir cada vez el navegador.
• Vuelve al editor de texto (sin cerrar el el
navegador).
• Modifica el código html.
• Guarda el archivo.
• Utiliza el menú ver-actualizar del navegador u
oprime F5 para ver los cambios.
10. Publica la página en internet
Para eventuales modificaciones, no es necesario
volver a abrir cada vez el navegador.
• Vuelve al editor de texto (sin cerrar el
navegador).
• Modifica el código html.
• Guarda el archivo.
• Utiliza el menú ver-actualizar del navegador u
oprime F5 para ver los cambios.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

BLOG
BLOGBLOG
BLOG
 
Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web Conceptualización y Planificación de sitios web
Conceptualización y Planificación de sitios web
 
Ximena
XimenaXimena
Ximena
 
Blog y página web
Blog y página webBlog y página web
Blog y página web
 
Etapas de un diseño web
Etapas de un diseño  webEtapas de un diseño  web
Etapas de un diseño web
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
 
Creacion sitio web
Creacion sitio webCreacion sitio web
Creacion sitio web
 
Blog y pagina web
Blog y pagina web Blog y pagina web
Blog y pagina web
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
Como crear una pagina web en linea123
Como crear una pagina web en linea123Como crear una pagina web en linea123
Como crear una pagina web en linea123
 
Presentación1
Presentación1Presentación1
Presentación1
 
Pasos para crear una pagina wed en linea
Pasos para crear una pagina wed en lineaPasos para crear una pagina wed en linea
Pasos para crear una pagina wed en linea
 
Trabajo practico n°4 nahuel
Trabajo practico n°4 nahuelTrabajo practico n°4 nahuel
Trabajo practico n°4 nahuel
 
Tp=4 (1)
Tp=4  (1)Tp=4  (1)
Tp=4 (1)
 
Trabajo practico n°4 Lucas
Trabajo practico n°4 LucasTrabajo practico n°4 Lucas
Trabajo practico n°4 Lucas
 

Destacado

Destacado (7)

Material de trabajo1 excel ciclo3
Material de trabajo1 excel ciclo3Material de trabajo1 excel ciclo3
Material de trabajo1 excel ciclo3
 
Diagrama de flujo
Diagrama de flujoDiagrama de flujo
Diagrama de flujo
 
Functions and formulas of ms excel
Functions and formulas of ms excelFunctions and formulas of ms excel
Functions and formulas of ms excel
 
Teaching Excel
Teaching ExcelTeaching Excel
Teaching Excel
 
Ms excel 2007
Ms excel 2007Ms excel 2007
Ms excel 2007
 
Introduction to Excel - Excel 2013 Tutorial
Introduction to Excel - Excel 2013 TutorialIntroduction to Excel - Excel 2013 Tutorial
Introduction to Excel - Excel 2013 Tutorial
 
MS EXCEL PPT PRESENTATION
MS EXCEL PPT PRESENTATIONMS EXCEL PPT PRESENTATION
MS EXCEL PPT PRESENTATION
 

Similar a Actividad html ciclo 4

Similar a Actividad html ciclo 4 (20)

Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
 
Pasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio webPasos tecnicos para crear un sitio web
Pasos tecnicos para crear un sitio web
 
Crear pagina web
Crear pagina webCrear pagina web
Crear pagina web
 
Tp 4 alvaro
Tp 4 alvaroTp 4 alvaro
Tp 4 alvaro
 
Trabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila ZamoraTrabajo practico nº10 Lucila Zamora
Trabajo practico nº10 Lucila Zamora
 
HTML 5
HTML 5HTML 5
HTML 5
 
Actividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptxActividad de aula soportada con aplicaciones Web 2.0.pptx
Actividad de aula soportada con aplicaciones Web 2.0.pptx
 
PLAN_PAGINA_WEB.pptx
PLAN_PAGINA_WEB.pptxPLAN_PAGINA_WEB.pptx
PLAN_PAGINA_WEB.pptx
 
Beatriz
BeatrizBeatriz
Beatriz
 
Proyecto creacion de la pagina web acti6
Proyecto creacion de la pagina web acti6Proyecto creacion de la pagina web acti6
Proyecto creacion de la pagina web acti6
 
Beatriz
BeatrizBeatriz
Beatriz
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
Relatoria
RelatoriaRelatoria
Relatoria
 
Dreamwever
DreamweverDreamwever
Dreamwever
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
 
Planificacion de una pagina web
Planificacion de una pagina webPlanificacion de una pagina web
Planificacion de una pagina web
 
Trabajo practico n°4
Trabajo practico n°4 Trabajo practico n°4
Trabajo practico n°4
 

Más de ALCALDIA DE TOCANCIPÁ (20)

Entrega tres
Entrega tresEntrega tres
Entrega tres
 
Pasos
PasosPasos
Pasos
 
Actividad Ciclo 3 23 de febrero
Actividad Ciclo 3 23 de febreroActividad Ciclo 3 23 de febrero
Actividad Ciclo 3 23 de febrero
 
Redes Sociales y Jovenes
Redes Sociales y JovenesRedes Sociales y Jovenes
Redes Sociales y Jovenes
 
Trabajo en casa diana moreno software
Trabajo en casa diana moreno softwareTrabajo en casa diana moreno software
Trabajo en casa diana moreno software
 
Yudy mireya figueredo figueredo software
Yudy mireya figueredo figueredo softwareYudy mireya figueredo figueredo software
Yudy mireya figueredo figueredo software
 
Qué es el software incaf
Qué es el software incafQué es el software incaf
Qué es el software incaf
 
definicion Software
 definicion Software definicion Software
definicion Software
 
Informe software incaf
Informe software incafInforme software incaf
Informe software incaf
 
El software definición
El software definición El software definición
El software definición
 
Plan de estudios
Plan de estudiosPlan de estudios
Plan de estudios
 
Oralidad
OralidadOralidad
Oralidad
 
Lectura
LecturaLectura
Lectura
 
Tarea 6 leidy_rodriguez
Tarea 6 leidy_rodriguezTarea 6 leidy_rodriguez
Tarea 6 leidy_rodriguez
 
Tarea 7 leidyrodriguez808
Tarea 7 leidyrodriguez808Tarea 7 leidyrodriguez808
Tarea 7 leidyrodriguez808
 
Angie fernandez y johana bustos
Angie fernandez y johana bustosAngie fernandez y johana bustos
Angie fernandez y johana bustos
 
Internet de las cosas INCAF
Internet de las cosas INCAF Internet de las cosas INCAF
Internet de las cosas INCAF
 
Plan de estudios 2014 bachillerato
Plan de estudios 2014 bachilleratoPlan de estudios 2014 bachillerato
Plan de estudios 2014 bachillerato
 
Team viewer7 manual_remotecontrol_es
Team viewer7 manual_remotecontrol_esTeam viewer7 manual_remotecontrol_es
Team viewer7 manual_remotecontrol_es
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin título
 

Último

cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxANDREAGRACEDURANSALA
 
3. ELEMENTOS QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
3. ELEMENTOS QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx3. ELEMENTOS QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
3. ELEMENTOS QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptxnelsontobontrujillo
 
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisnovelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisPsicClinGlendaBerrez
 
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfNELLYKATTY
 
Análisis de los factores internos en una Organización
Análisis de los factores internos en una OrganizaciónAnálisis de los factores internos en una Organización
Análisis de los factores internos en una OrganizaciónJonathanCovena1
 
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxCONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxMarlynRocaOnofre
 
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxPATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxSusanaAlejandraMende
 
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptxComunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptxJunkotantik
 
RESOLUCION_VICE_MINISTERIAL-00048-2024-M-EVALUACIÓN EVALAUCION FORMATIVA MINE...
RESOLUCION_VICE_MINISTERIAL-00048-2024-M-EVALUACIÓN EVALAUCION FORMATIVA MINE...RESOLUCION_VICE_MINISTERIAL-00048-2024-M-EVALUACIÓN EVALAUCION FORMATIVA MINE...
RESOLUCION_VICE_MINISTERIAL-00048-2024-M-EVALUACIÓN EVALAUCION FORMATIVA MINE...helmer del pozo cruz
 
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteDiapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteinmaculadatorressanc
 
ciclos biogeoquimicas y flujo de materia ecosistemas
ciclos biogeoquimicas y flujo de materia ecosistemasciclos biogeoquimicas y flujo de materia ecosistemas
ciclos biogeoquimicas y flujo de materia ecosistemasFlor Idalia Espinoza Ortega
 
Hidrocarburos cíclicos, EJERCICIOS, TEORIA Y MÁS.pptx
Hidrocarburos cíclicos, EJERCICIOS, TEORIA Y MÁS.pptxHidrocarburos cíclicos, EJERCICIOS, TEORIA Y MÁS.pptx
Hidrocarburos cíclicos, EJERCICIOS, TEORIA Y MÁS.pptxNathaly122089
 
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Pere Miquel Rosselló Espases
 
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfANEP - DETP
 
EVALUACION del tercer trimestre 2024 nap.docx
EVALUACION  del tercer trimestre 2024 nap.docxEVALUACION  del tercer trimestre 2024 nap.docx
EVALUACION del tercer trimestre 2024 nap.docxuniversidad Indoamerica
 

Último (20)

cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
 
3. ELEMENTOS QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
3. ELEMENTOS QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx3. ELEMENTOS QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
3. ELEMENTOS QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
 
Power Point : Motivados por la esperanza
Power Point : Motivados por la esperanzaPower Point : Motivados por la esperanza
Power Point : Motivados por la esperanza
 
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisnovelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
 
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
Análisis de los factores internos en una Organización
Análisis de los factores internos en una OrganizaciónAnálisis de los factores internos en una Organización
Análisis de los factores internos en una Organización
 
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxCONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
 
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxPATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
 
Luz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela SabáticaLuz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela Sabática
 
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptxComunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
 
RESOLUCION_VICE_MINISTERIAL-00048-2024-M-EVALUACIÓN EVALAUCION FORMATIVA MINE...
RESOLUCION_VICE_MINISTERIAL-00048-2024-M-EVALUACIÓN EVALAUCION FORMATIVA MINE...RESOLUCION_VICE_MINISTERIAL-00048-2024-M-EVALUACIÓN EVALAUCION FORMATIVA MINE...
RESOLUCION_VICE_MINISTERIAL-00048-2024-M-EVALUACIÓN EVALAUCION FORMATIVA MINE...
 
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteDiapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
 
Revista Faro Normalista 6, 18 de mayo 2024
Revista Faro Normalista 6, 18 de mayo 2024Revista Faro Normalista 6, 18 de mayo 2024
Revista Faro Normalista 6, 18 de mayo 2024
 
ciclos biogeoquimicas y flujo de materia ecosistemas
ciclos biogeoquimicas y flujo de materia ecosistemasciclos biogeoquimicas y flujo de materia ecosistemas
ciclos biogeoquimicas y flujo de materia ecosistemas
 
Hidrocarburos cíclicos, EJERCICIOS, TEORIA Y MÁS.pptx
Hidrocarburos cíclicos, EJERCICIOS, TEORIA Y MÁS.pptxHidrocarburos cíclicos, EJERCICIOS, TEORIA Y MÁS.pptx
Hidrocarburos cíclicos, EJERCICIOS, TEORIA Y MÁS.pptx
 
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
 
Sesión de clase Motivados por la esperanza.pdf
Sesión de clase Motivados por la esperanza.pdfSesión de clase Motivados por la esperanza.pdf
Sesión de clase Motivados por la esperanza.pdf
 
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
 
EVALUACION del tercer trimestre 2024 nap.docx
EVALUACION  del tercer trimestre 2024 nap.docxEVALUACION  del tercer trimestre 2024 nap.docx
EVALUACION del tercer trimestre 2024 nap.docx
 

Actividad html ciclo 4

  • 1. GUIA DE ACTIVIDADES INCAF INFORMATICA  Desarrollo, teniendo en cuenta todos los puntos de las diapositivas siguientes, desarrolle,  Objetivo y uso de la pagina web  Que contenidos tendrá su pagina web  Desarrolle el logo de su pagina web  Busque y guarde: Imágenes, videos, textos, que utilizara en su pagina web.
  • 2. PRODUCTO ESPERADO  Entrega grupal, 4 estudiantes,  Trabajo en Word con las respuestas de la actividad propuesta.  Portada  Nota: entrega de actividades al correo  jhon3208936772@Gmail.com antes de las 12pm del 23 de febrero de 2015
  • 3. PASOS PARA CREAR UN SITIO WEB 1. Definir el objetivo Es el primer paso de la creación de un sitio Web, se debe determinar exactamente por qué quieres crear una página y cuál será su uso.
  • 4. 2. Determinar la estructura del sitio Una vez que sabes lo que quieres hacer, es buena idea decidir qué es lo que incluirá esta página. Haz una lista de todas las cosas que quieres incluir. Determina cómo ellos se integrarán en la página. Prepara un mapa estructural del sitio Web como el de abajo para ayudarte a visualizar la estructura del sitio. Mi página principal Acerca de nosotros Próximo eventos Inform. de servicios Inform. contactos Hipervínculos
  • 5. 3. Decide la apariencia de la página Esta etapa es importante en la planeación en un sitio Web. Está bien tener una mirada firme en todas las partes del sitio. Si tu negocio, organización o propuesta ya tiene logotipos y colores que son usados en el papel , etc. Los puedes usar en el diseño del sitio. Haz el diseño y el diagrama de la ubicación de los objetos de la página hasta que tengas algo que te guste, por ejemplo: Logo y Título Link Link Gif Imagen Patrocinador Texto Imagen como fondo
  • 6. 4. Considera el diseño Antes de comenzar a crear documentos HTML tienes que considerar varios aspectos. Algunos de éstos son: • Tomar en cuenta que tipos de visitante vas a tener y que tu página sea compatible con diferentes tipos de navegadores. • La excelente pagina que has pasado horas diseñando puede tomar tiempo en descargarse. Si esto es el caso, muchos invitados no esperarán hasta que termine la descarga e irán a otra parte. • Hacerla fácil para el público para que pueda desplazarse de una área del sitio a otra. • Trata de encontrar equilibrio entre un sitio web aburrido y un sitio Web excesivo.
  • 7. 5. Escoge el editor Se puede utilizar un editor de Windows: bloc de notas o word padun sitio Web excesivo.
  • 8. 6. Busca y junta los objetos Imágenes, logos, animaciones, sonidos, películas, etc. Que vas a utilizar en tu página Web.
  • 9. 7. Crea el código Crea el código para cada objeto y guárdalo con extensión HTML.
  • 10. 8. Visualizar mi pagina Abre el navegador de tu pagina elaborada y checa como funciona tu código.
  • 11. 9. Modificar mi pagina Para eventuales modificaciones, no es necesario volver a abrir cada vez el navegador. • Vuelve al editor de texto (sin cerrar el el navegador). • Modifica el código html. • Guarda el archivo. • Utiliza el menú ver-actualizar del navegador u oprime F5 para ver los cambios.
  • 12. 10. Publica la página en internet Para eventuales modificaciones, no es necesario volver a abrir cada vez el navegador. • Vuelve al editor de texto (sin cerrar el navegador). • Modifica el código html. • Guarda el archivo. • Utiliza el menú ver-actualizar del navegador u oprime F5 para ver los cambios.