http://www2.uca.es/manual

Investigación II Corte
Electiva III Diseño Web
Trabajo en parejas
Mediante una previa investigación, corresponde analizar las siguientes preguntas, se
agradece responder de forma analítica y no en la modalidad de copy- paste:
1. Explicar los siguientes términos relacionados con la web muy brevemente y con
ayuda de un diagrama: navegador, servidor, HTTP, HTML, hiperenlace, URL.
2. Suponiendo la siguiente URL:
http://www2.uca.es/manual-html/url.htm
Señalar el directorio y el nombre de archivo de la pagina
3. Mencione las características de un gestor de contenidos
4. Investigue y discuta con su compañero los lineamientos a considerar para crear
buenos sitios web
5. Mencione y especifique gráficamente los elementos del diseño web.
6. ¿Que significa la usabilidad en la web?.
7. Menciona la regla más importante para que una página web sea funcional
Trabajar con la columna izquierda
Borrar el resto de la columna de abajo
Se le cambia el nombre a cada enlace en opción vinculo en la parte inferior
El cuadro que sobresale se va a quitar en la opción cuadro En css
De aquí se cambia el cuadro se coloca padding activado
Heigth:30
Ancho fijo
En el tipo se coloca line.height:30 y un color también en a esquinita
En el bloque: text aline center
En el fondo va esto:
INICIO
•
HTML
•
CSS
•
PHP
•
ARTÍCULOS
•
CONTACTO
Inicio > Curso de CSS (hojas de estilo) > Margin y Padding.
• Introducción a las CSS.
• Formas de aplicar CSS I.
• Formas de aplicar CSS II.
• Pseudoclases.
• Unidades de medida.
• Estilos de fuentes.
• Estilos de párrafos.
• Estilos de fondo.
• Estilos de bordes.
• Margin y Padding.
• Float y Clear.
• Position, left y top.
• Width y height.
• Altura de las capas.
• Visibility y display.
• Overflow.
• Scrollbar.
Margin y Padding.
Estilo margin-bottom
Gracias a este atributo indicaremos el tamaño que tendrá el margen
de la parte inferior de la página. La indicación será mediante unidades
de medida de CSS.
Estilo margin-top
Gracias a este atributo indicaremos el tamaño que tendrá el margen
de la parte superior de la página. La indicación será mediante
unidades de medida de CSS.
Estilo margin-left
Gracias a este atributo indicaremos el tamaño que tendrá el margen
izquierdo de la página. La indicación será mediante unidades de
medida de CSS.
Estilo margin-right
Gracias a este atributo indicaremos el tamaño que tendrá el margen
derecho de la página. La indicación será mediante unidades de
medida de CSS.
Estilo margin
Los cuatro estilos antes vistos se pueden definir con el atributo
margin. Con este único estilo podemos definir los cuatro márgenes
vistos con anterioridad.
En el siguiente enlace podrás ver dos ejemplos de estilos de margen:
Estilos de márgenes. Observa el código fuente de la página para
averiguar cómo lo hemos hecho.
Estilo padding-left
El estilo padding indica el espacio insertado entre el borde del
elemento que contiene los elementos que se ven afectados por el
estilo y éstos estilos en sí. Podríamos comparar su función al
“cellpadding” de una tabla.
En el estilo padding-left se insertaría el espaciado por la izquierda de
los elementos.
Estilo padding-right
En este estilo el espacio que se insertaría sería por la derecha de los
elementos.
Estilo padding-bottom
En este estilo el espacio que se insertaría sería por la parte inferior de
los elementos.
Estilo padding-top
En este estilo el espacio que se insertaría sería por la parte superior
de los elementos.
Estilo padding
Al igual que ocurría con el estilo margin, si usamos el padding a
secas, sin ningún otro atributo más, el espacio se insertará en los
cuatro elementos: arriba, abajo, a la derecha y a la izquierda.
En el enlace siguiente verás que hemos aplicado estilos de padding a
dos textos dentro de una tabla. Uno de ellos lleva el atributo padding
sólo, y el otro lleva determinados todos los lados del padding. Observa
el resultado y si quieres saber cómo lo hemos hecho, sólo debes mirar
el código fuente de la página