INFORMATICA

PRESENTACIÓN DEL BLOG.

PROYECTO DEL BIMESTRE: Diseñar un blog acondicionado con hojas de estilo:

ACUMULATIVO:

PROYECTO DEL BIMESTRE: HACER UN BLOG CON IMÁGENES, TEXTO Y ENLACES.

TEXTO-ENLACES-IMÁGENES: Aunque lo normal en la web es que los enlaces sean textos, también podemos extender la capacidad de hacer enlaces con imagenes. De esta forma, cuando pulsemos sobre una imagen, esta actuará como enlace y nos llevará al destino demarcado por el enlace. Para poder hacer esto en  HTML , lo primero será poner una imagen. Para ello nos basamos en la etiqueta  IMG : <img src = "casarural.jpg" alt = "Los Tejos" / > Acordaros, como buena práctica, el poner un texto alternativo a la imagen con el atributo  alt . Ahora tendremos que recubrir el código de la imagen con un código de enlace. Para los enlaces nos basamos en la etiqueta  A o anchor . Y para indicar el enlace el atributo  href . De esta manera el código quedaría de la siguiente forma: <a title = "Los Tejos" href = "http://www.lostejos.com" > <img src = "casarural.jpg" al t = "Los Tejos" / > </a>

POSICIONAMIENTO: POSICIONAMIENTO Y VISUALIZACIÓN: Un navegador web o browser, a través de su agente de usuario, lleva a cabo la lectura del código HTML de una dirección web o url solicitada; la lectura de dicha página es secuencial (de arriba a abajo) y la disposición de los componentes en pantalla dependerá del tipo de elemento que se trate: elementos en línea (span, img, a y otros): ocupan solo el espacio necesario para mostrar el contenido interno de los mismos, elementos de bloque (p, div, h1, h2, fieldset y otros): siempre empiezan en una nueva línea y ocupan todo el espacio disponible en pantalla, o dentro de su contenedor, hasta el final de la línea, aunque sus contenidos no tengan tanto tamaño. Todos se disponen de izquierda a derecha en pantalla, ocupan un espacio rectangular y, por defecto, en función del contenido de los mismos y solo se dispondrá un elemento en una nueva línea cuando sea un elemento de bloque. Tan importante es conocer esto como saber que los es...

UNIDADES DE MEDIDAS Y COLORES: Las medidas en CSS se emplean, entre otras, para definir la altura, anchura y márgenes de los elementos y para establecer el tamaño de letra del texto. Todas las medidas se indican como un valor numérico entero o decimal seguido de una unidad de medida (sin ningún espacio en blanco entre el número y la unidad de medida). CSS divide todas las unidades de medida en dos grupos: absolutas y relativas. Las medidas relativas definen su valor en relación con otra medida, por  lo que para obtener su valor real, se debe realizar alguna operación con el valor indicado. Las unidades absolutas establecen de forma completa el valor de una medida, por lo que su valor real es directamente el valor indicado. Si el valor es 0, la unidad de medida es opcional. Si el valor es distinto a 0 y no se indica ninguna unidad, la medida se ignora completamente, lo que suele ser una fuente habitual de errores para los diseñadores que empiezan con CSS. Algunas propiedades pe...