Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • EXPOSICIO1

    Загружено:

    Aleja Sanchez
    11 просмотров5 страниц

    Оригинальное название

    EXPOSICIO1.docx

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    11 просмотров5 страниц

    EXPOSICIO1

    Загружено:

    Aleja Sanchez

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 5

    Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin

    (acceso) a otras pginas web mediante enlaces de hipertexto. Las pginas web frecuentemente tambin
    incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imgenes digitales, entre
    otros. Las pginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor
    web puede restringir el acceso nicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede
    publicar las pginas en la World Wide Web. El acceso a las pginas web es realizado mediante una transferencia
    desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).

    HTML: sigla en ingls de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de
    marcado para la elaboracin de pginas web. Es un estndar que sirve de referencia del software que conecta con la
    elaboracin de pginas web en sus diferentes versiones, define una estructura bsica y un cdigo (denominado cdigo
    HTML) para la definicin de contenido de una pgina web, como texto, imgenes, videos, juegos, entre otros.

    XHTML: es bsicamente HTML expresado como XML vlido. Es ms estricto a nivel tcnico, pero esto permite que
    posteriormente sea ms fcil al hacer cambios o buscar errores entre otros. En su versin 1.0, XHTML es solamente la
    versin XML de HTML, por lo que tiene, bsicamente, las mismas funcionalidades, pero cumple las especificaciones, ms
    estrictas, de XML. Su objetivo es avanzar en el proyecto del World Wide Web Consortium de lograr una web semntica,
    donde la informacin, y la forma de presentarla estn claramente separadas.

    1. Una pgina web mantiene siempre la misma estructura, consistente en dos partes:

    Cabecera de la pgina: se definen algunos datos que no se representan cuando se ve la pgina, como informacin
    sobre el ttulo de la pgina, el autor de la pgina, editor con el que se ha creado la pgina, juego de caracteres que
    debe usar para representar la pgina, etc.

    El cuerpo del documento: Al igual que para la cabecera, todo lo definido entra las etiquetas <BODY>... </BODY>
    constituye el cuerpo de la pgina. Adems, existe otra etiqueta (<HTML>) que sirve para indicar donde comienza y
    termina la pgina web. De esta forma, la estructura completa de la pgina web sera:

    Los editores de pginas web nos ahorran mucho trabajo ya que slo con seleccionar la opcin de crear una nueva
    pgina, han escrito automticamente todas las etiquetas que definen la estructura del nuevo documento. En el caso
    de Front Page se crea una nueva pgina pulsando sobre el icono.

    Mencionado anteriormente explicare la estructura de la pgina web

    TITLE

    Como ya se ha dicho es una frase que indica el ttulo que va a tener la pgina.

    Dentro de Front Page, pulsando con el botn derecho del ratn sobre cualquier parte de la pgina aparecer un
    men en el que seleccionando Propiedades de la pgina... se muestra el siguiente cuadro de opciones:

    BODY

    Como caractersticas generales del cuerpo de una pgina se pueden especificar las siguientes (entre parntesis
    aparece el nombre del atributo HTML que define la caracterstica en cuestin):

    Color de fondo de la pgina (BGCOLOR)

    Grfico de fondo (BACKGROUND)

    Color predeterminado del texto de la pgina (TEXT)

    Color predeterminado de los hiperenlaces no visitados (LINK)


    Color predeterminado de los hiperenlaces visitados (VLINK)

    Color predeterminado de los hiperenlaces activos (ALINK)

    Al igual que para el ttulo, seleccionando Propiedades de la pgina..., pero en esta ocasin seleccionando las
    opciones de Fondo obtenemos el cuadro de opciones que se muestra seguidamente.

    Si se desea que la pgina tenga una imagen de fondo (es decir que el atributo BACKGROUND tenga un valor) hay que
    activar la casilla Imagen de fondo, especificando en el cuadro, dnde se encuentra el archivo que tiene la imagen
    que se quiera como fondo de la pgina (en las pginas web slo usaremos los formatos GIF, JPEG o PNG).

    Es necesario comprender en este punto que la imagen que se especifique es un elemento externo a la pgina web.
    Es decir, en el documento escrito en HTML nicamente va una referencia al lugar en el que encontrar la imagen,
    pero no va la imagen. Si cargamos la pgina con el navegador y el fichero que contiene la imagen no se encuentra en
    el sitio al que apunte la referencia, la imagen no se mostrar en pantalla.

    El color de fondo se especifica seleccionando un color en la opcin Fondo.

    El color del texto se especifica seleccionando un color en la opcin Text.

    El color de los hiperenlaces no visitados se indica en la opcin Hipervnculo.

    El color de los hiperenlaces visitados se indica en la opcin Hipervnculo visitado.

    El color de los hiperenlaces activos se indica en la opcin Hipervnculo activo.

    Caractersticas generales del texto

    Al igual que en programas de tratamiento de textos como Word o Wordperfect, en HTML es posible definir diversas
    caractersticas sobre el texto de una pgina web. Entre estas caractersticas se incluyen, entre:

    Fuente: etiqueta <FONT>, atributo FACE. Si la fuente que se indica no existiera en el ordenador desde el que se est
    visualizando la pgina se aplicara la fuente por defecto que tenga definida este navegador.

    Tamao de la fuente: etiqueta <FONT>, atributo SIZE

    Color de la fuente: etiqueta <FONT>, atributo COLOR

    Negrita: etiqueta <B> o <STRONG>

    Cursiva: etiqueta <EM> o <I>

    Subrayado: etiqueta <U>

    Subndice: etiqueta <SUB>

    Superndice: etiqueta <SUP>

    ENCABEZADOS: En HTML existen 6 tipos de encabezados predefinidos, que los navegadores visualizan de una forma
    determinada. Estos encabezados se indican en HTML por las etiquetas <H1>...</H1>, <H2>...</H2>,...

    En Front Page se selecciona el texto que se desee que tenga un encabezado en concreto y se elige el tipo de
    encabezado pulsando en la opcin:

    Listas

    Existen distintos tipos de listas en HTML. Los ms usados:

    Tablas
    Las tablas son un poderoso medio de distribucin de los elementos de una pgina web por toda la pantalla.

    Una tabla no es ms que un conjunto de filas, compuesta cada una de ellas por una serie de celdas. En cada celda de
    la tabla se pueden poner los elementos de HTML que se deseen, en concreto, dentro de una celda se pueden incluir
    nuevas tablas.

    Dentro de las caractersticas que definen una tabla hay que distinguir aquellas que hacen referencia a la tabla como
    un elemento completo, de aquellas otras que se refieren a las celdas individuales de la tabla.

    En el primer grupo de propiedades se pueden mencionar:

    Alineacin de la tabla: Indica si la tabla se alinear a la izquierda, al centro o a la derecha del elemento en el que est
    contenida.

    Margen de las celdas: Margen de separacin del contenido de la celda con respecto al borde de la celda.

    Espaciado entre celdas: Separacin que van a tener unas celdas de otras.

    Tamao de los bordes: Qu grosor va a tener el borde.

    Color de los bordes.

    Color de fondo de la tabla.

    Imagen de fondo de la tabla: Es el mismo concepto que indicar una imagen de fondo para la pgina, slo que en este
    caso se aplica exclusivamente a la tabla.

    Entre las propiedades de cada celda podremos indicar:

    Si es celda de encabezado: Las celdas de encabezado ya tienen un formato particular de visualizacin en los
    navegadores.

    Alineacin horizontal: Describe si el contenido de la celda se alinear a la izquierda, al centro o a la derecha.

    Alineacin vertical: Describe si el contenido de la celda se alinear a la parte superior, al medio o al inferior de la
    celda.

    Ancho y alto de la celda.

    Color de fondo.

    Imagen de fondo.

    Para insertar una tabla en Front Page se selecciona el men Tabla, eligiendo la opcin Insertar ---> Tabla. Tras esto
    se indica el nmero de filas y columnas que vaya a tener la tabla.

    Para especificar las propiedades generales de la tabla o las particulares de una celda en concreto, se pulsa con el
    botn derecho sobre cualquier parte de la tabla o de la celda en cuestin, seleccionando Propiedades de la tabla... o
    Propiedades de la celda..., respectivamente. Se obtienen los siguientes cuadros de opciones:

    Con las celdas de una tabla se pueden realizar siguientes operaciones:

    Combinacin: Se seleccionan varias celdas contiguas para formar una sola celda.

    Divisin: Un celda se subdivide en varias celdas


    Eliminacin de celdas.

    Insercin de filas.

    La especificacin de medidas (ancho y alto) se puede realizar tanto en pxels como en porcentajes. Se usan pxels si
    queremos una medida absoluta, independiente del tamao de la pantalla. Usaremos porcentajes como medidas
    relativas a las dimensiones de la ventana del navegador que estemos usando para ver la pgina

    IMGENES: Otro de los elementos que se pueden encontrar en una pgina web son las imgenes, que como ya se
    ha mencionado con anterioridad, deben ser en formato GIF, JPEG o PNG.

    El formato GIF ofrece la posibilidad de escoger un color de la imagen como transparente y la posibilidad de utilizar
    el formato GIF animado, mientras que el formato JPEG permite disponer de imgenes de calidad pero que,
    usando un grado de compresin mayor, ocupan menos espacio que con otros formatos.

    Hay que tener presente que las imgenes son elementos externos a la pgina escrita en HTML. Es decir, los
    grficos que aparecen en una pgina se almacenan en ficheros independientes del documento HTML. En el
    documento HTML slo aparecen etiquetas con atributos, cuyos valores hacen referencia a la ubicacin de los
    ficheros que contienen los grficos.

    Es importante tener en cuenta cuando se crea una pgina web con muchos grficos, que quien se vaya a conectar
    a esta pgina va a tener que descargar tanto el documento HTML como los ficheros de los grficos que estn
    referenciados en ella. Por lo tanto, si ponemos excesivo nmero de grficos o grficos cuyos ficheros ocupan
    demasiado espacio en disco, la descarga de la pgina completa a travs de Internet puede resultar demasiado
    lenta.

    Dentro de un documento HTML podemos insertar una imagen en cualquier elemento de los definidos con
    anterioridad (dentro de una tabla, dentro de un elemento de una lista, etc...).

    La etiqueta HTML que denota la insercin de una imagen es <IMG>. no tiene etiqueta de cierre, y tiene como
    atributo fundamental SRC, que sirve para especificar la ubicacin del fichero donde est almacenada la imagen
    (Ver el epgrafe de enlaces para ms informacin sobre como especificar una URL).

    Si se especifican los atributos WIDTH y HEIGHT, estamos indicando unas dimensiones distintas a las dimensiones
    reales de la imagen.

    Enlaces (Links): Quizs lo ms destacado de una pgina web es la posibilidad de incluir enlaces (tambin llamados
    links, hiperenlaces o hipervnculos) a otras pginas, otros objetos e incluso a otros servicios de Internet.

    En realidad los enlaces se hacen a otro recurso de Internet, y HTML proporciona un medio comn de especificar todos
    estos recursos, aunque sean de distinta ndole. Este medio es a travs de lo que se llama una URI (Universal Resource
    Identifier o Identificador de Recursos Universal).

    Una URI consta de tres partes:

    1. Esquema de nominacin o mecanismo usado para acceder al recurso. Entre los esquemas de nominacin
    podemos encontrar:
    2. El nombre de la mquina que sirve ese recurso.
    3. El nombre del recurso como tal, expresado como un path (como camino donde est ese recurso en el servidor)
    En el caso de un enlace a una pgina web, tambin existe la posibilidad de indicar un enlace que salte no a una
    pgina determinada sino a un punto determinado dentro de una pgina. Para poder hacer esto, HTML tiene la
    posibilidad de insertar marcadores en distintos puntos de una pgina. Estos marcadores no son ms que
    determinados puntos de la pgina a los que se le ha dado un identificador.

    En Front Page, los marcadores se crean seleccionando el men Insertar Marcador.... Una referencia a un
    marcador de una pgina sera de la forma http://cdrombbl.uma.es/index.html#Introduccion, donde el nombre
    que se le ha dado al marcador es Introduccion. El carcter # indica que lo que viene a continuacin es un
    marcador. Si no existe el marcador en la pgina, pero s existe la pgina, el enlace salta al principio de la pgina.

    Un enlace se puede hacer sobre cualquier objeto de una pgina web. En Front Page se hara seleccionando el
    objeto sobre el que se desea el enlace y despus pulsando en

    En el cuadro que obtenemos slo hay que rellenar el cuadro con el URI al que se desea que el enlace vaya
    destinado.

    La etiqueta HTML que se usa para definir un enlace o un marcador es <A>. En esta etiqueta, el atributo HREF
    indica la URI del enlace. Como se indic antes, la URI no tiene por qu representar exclusivamente a otra pgina
    web sino que puede indicar por ejemplo un documento en PDF o un archivo ZIP, etc...
    Por otra parte, el atributo NAME se utiliza para establecer un marcador en la pgina.

    Вам также может понравиться