INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO CIBERTEC

DIRECCIÓN ACADEMICA
CARRERAS PROFESIONALES

CURSO : ARQUITECTURA DE ENTORNOS WEB

CICLO : Primero
SECCIONES : Todas
PROFESORES : Todos

PRÁCTICA DIRIGIDA DE LABORATORIO – SEMANA 06

Abra la guía práctica Estilos y selectores con Adobe Dreamweaver CC 2017.pdf

para construir la siguiente página web.
Ejercicio_1

- Seleccione: Archivo / Abrir…

- Ubique la ruta AEW_Semana_06 / Ejercicio_1 / paginas
- Seleccione la página: Al-Khorezmi
- Pulse el botón [Abrir]

Inserte las etiquetas <em> y <strong> y el hipervínculo respectivo para que la página
adquiera la siguiente apariencia.
Modifique el diseño de la página, usando estilos de cabecera internos (selectores de cuerpo,
de etiqueta y descendentes), para que la página se vea así:

Consideraciones:

Color del fondo del body beige

Color del texto de las etiquetas h1 y h2 red
Espaciado entre letras de Un Matemático Olvidado 2 píxeles
Color del texto itálico darkred
Álineación de los párrafos justificado
Espaciado entre letras de Wikipedia 1 píxel
Ejercicio_2

- Seleccione: Archivo / Abrir…

- Ubique la ruta AEW_Semana_06 / Ejercicio_2 / paginas
- Seleccione la página: ComidaCosta
- Pulse el botón [Abrir]
Modifique el diseño de la página, usando estilos externos (selectores de clase y selectores
de etiqueta), para que se vea de la siguiente manera:

10
Consideraciones:

Elemento Atributos
body  Color de fondo: azure
1  Color del texto: darkblue
 Alineación del texto: centrado
2  Ancho de imagen ajustada al 100% de la página
3y5  Alineación del texto: justificado
 Tamaño de la fuente: 13pt
4, 6, 7 y 8  Borde: 2 píxeles de ancho, estilo sólido, color black
 Radio de las esquinas: 10 píxeles
4  Centrada horizontalmente
6, 7 y 8  Grupo de imágenes centrado horizontalmente
9  Color del texto: darkblue
 Alineación del texto: centrado
10  Grupo de enlaces centrado horizontalmente
Ejercicio_3

- Seleccione: Archivo / Abrir…

- Ubique la ruta AEW_Semana_06 / Ejercicio_3 / paginas
- Seleccione la página: ComidaSelva
- Pulse el botón [Abrir]

Modifique el diseño de la página, usando estilos externos (selectores de clase y selectores

de etiqueta), para que se vea de la siguiente manera:
 1

9
11

10

11
Consideraciones:

Elemento Atributos
body  Color de fondo: lemonchiffon
1  Color del texto: darkgreen
 Alineación del texto: centrado
2  Ancho de imagen ajustada al 100% de la página
3y6  Alineación del texto: justificado
 Tamaño de la fuente: 13pt
4, 5 y 7  Borde: 5 píxeles de ancho, estilo sólido, color goldenrod
 Radio de las esquinas: 10 píxeles
4y5  Grupo de imágenes centrado horizontalmente
7  Imagen centrada horizontalmente
8  Color del texto: darkgreen
 Alineación del texto: centrado
9, 10 y 11  Enlaces centrados horizontalmente
12  Color del texto: darkred
 Alineación del texto: centrado