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 permit

SELECTORES: SELECTORES: En las hojas de estilo CSS, los selectores son la parte de las reglas que indican al navegador a qué elementos se van a aplicar las propiedades incluidas en las declaraciones. Selectores de tipo Selecciona todos los elementos que coinciden con el  nombre  dado. Sintáxis:   eltname Ejemplo:   input  se aplicará a cualquier elemento  <input> . Selectores de clase Selecciona todos los elementos dado un atributo de  class . Sintáxis:   . classname Ejemplo:   .index  se aplicará a cualquier elemento que tenga la clase "index". Selectores de ID Selecciona un elemento basándose en el valor de su atributo  id . Solo puede haber un elemento con un ID dado en un documento. Sintáxis:   # idname Ejemplo:   #toc  se aplicará a cualquier elemento que tenga el ID "toc". Selector universal Selecciona todos los elementos. Puede estar restringido a un espacio de nombres o a todos los espacios de nombres. Sintáxis:   * ns|* *|* Ejemplo:   *  s

INDUCCIÓN  A CSS: Una  hoja de estilo  es un archivo de extensión *.CSS (CSS, Cascading Style Sheets = Hojas de estilo) que contempla definiciones de formato (tipo de fuente, tamaño, color de la fuente, color de fondo, párrafos, etc) de las distintas etiquetas que forman una página *.HTML. Su principal ventaja es definir un mismo aspecto para todas las páginas de un sitio web. Se crea una hoja de estilo y se vinculan todas las páginas del sitio web a este archivo. Cualquier cambio efectuado en la hoja de estilo afecta instantáneamente al formato de todas las páginas vinculadas a la misma. Cuando desde el editor HTML visual se asocia un formato a un fragmento de texto o bien se convierte en un enlace lo que realmente se está haciendo es situar ese texto entre etiquetas HTML para que el navegador lo interprete y visualice adecuadamente.

PRIMER PERIODO