1. IED
JUAN DEL CORRAL
AREA DE TECNOLOGÍA E INFORMATICA
Jornada Unica
Grado Once
Año 2019
Pasos Técnicos para crear un
Sitio Web

2. Tema: Pasos Técnicos para crear un
Sitio Web
2. Objetivo: Describir los pasos técnicos
que se deben seguir para Crear un sitio
Web

3. 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
Lin
k
Lin
k
Gif
Imagen
Patrocinador
Texto

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 aburrido y un sitio
Web excesivo
.

7. 5. ESCOGE EL EDITOR
• Se puede utilizar un editor de Windows:
bloc de notas, notepad ++ ó
• Sublime text.

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.
el el• Vuelve al editor de texto (sin cerrar
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.

13. ACTVIDAD PRACTICA
• Realice la siguiente actividad en su
cuaderno de Trabajo:
1. Copie el Tema y Objetivo de esta
Presentación.
2. Complete el siguiente cuadro (USE UNA
HOJA HORIZONTAL DE SU
CUADERNO)

14. Continuación….!!!
PASO ACTIVIDADES DIBUJO/ICONO
1
2
3
4
5
6
7
8
9
10