Paginas Html del proyecto creacion de empresas con bloc de notas

1. Página: INICIO
1) Abrir el Bloc de Notas
2) Copia el siguiente código HTML
3. Dar clic en: Archivo - Guardar como - Inicio.HTML
Nombre de la empresa creada
Hipervínculo del estilo
Se alinea la imagen en el centro
Se inserta la imagen
del banner y se le
da la ancho, alto y
borde
En esta sección se
detallan los botones del
menú y la dirección para
acceder a cada uno
Título de la página: Inicio
Texto
de la
página
Código para
insertar el
video de
YouTube
1
1
2
1 3
1
4
1
5
1
6
1
7
1
8
1

2. Página: HISTORIA
1) Abrir el Bloc de Notas
2) Copia el siguiente código HTML
3) Dar clic en: Archivo - Guardar como - Historia.HTML
Nombre de la empresa creada
Hipervínculo del estilo
Se alinea la imagen en el centro
Se inserta la imagen
del banner y se le
da la ancho, alto y
borde
En esta sección se
detallan los botones del
menú y la dirección para
acceder a cada uno
Título de la página: Historia
Texto
de la
página
1
1
2
1 3
1
4
1
5
1
6
1
7
1
8
1
Tabla de dos
columnas por 2 filas,
en cada columna esta
una imagen

3. Páginas: Misión y Visión
1) Abrir el Bloc de Notas
2) Copia el siguiente código HTML
3. Dar clic en: Archivo - Guardar como - Mision.HTML y la otra página como
Vision.HTML
Nombre de la empresa creada
Hipervínculo del estilo
Se alinea la imagen en el centro Se inserta la
imagen del
banner y se le da
ancho, alto y
borde
En esta sección se
detallan los botones del
menú y la dirección para
acceder a cada uno
Título de la página: Misión
1
1
2
1 3
1
4
1
5
1
6
1
Texto
de la
página
7
1
8
1
Se inserta una imagen
en relación a la Misión
de la empresa

4. Página: Galería
1) Abrir el Bloc de Notas
2) Copia el siguiente código HTML
3) Dar clic en: Archivo - Guardar como - Galeria.HTML
Nombre de la empresa creada 1
1
Hipervínculo del estilo
2
Se alinea la imagen en el centro
3
1
Se inserta la
imagen del
banner y se le
da ancho,
alto y borde4
En esta sección se
detallan los botones del
menú y la dirección para
acceder a cada uno
5
1
Título de la página: Galería 6
1
Tabla de dos
columnas una para
artículo y valor
7
1

5. Página: Contacto
1) Abrir el Bloc de Notas
2) Copia el siguiente código HTML
3) Dar clic en: Archivo - Guardar como - Contacto.HTML
Nombre de la empresa creada 1
1
Hipervínculo del estilo 2
1
Se alinea la imagen en
3
1 Se inserta la
imagen del
banner y se le
da ancho,
alto y borde4
En esta sección se
detallan los botones del
menú y la dirección para
acceder a cada uno
5
1
Título de la página: Contacto 6
1
Tabla de dos
columnas una
para artículo y
valor
7
1

6. Página: miestilo.css
1) Abrir el BLOC DE NOTAS
2) Escribir el siguiente código HTML
3) Dar clic en: Archivo - Guardar como – miestilo.css
1) Tipo de letra
2) Color del texto
3) Color de fondo
1
1
4) 'padding-left' (para mover el texto
del elemento body) y 'position'
(para mover el menú)
2
1
5) Fondo del menú y movemos el
menú y agregamos un borde
6) Estados del menú, cuando tiene el
cursos puesto y cuando no.
7) Utilizaremos 'border-top' para
añadir una línea punteada encima
del elemento <address>
3
1
4
5
1