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