Scribd Logo
Importer

Bienvenue sur Scribd !

  • Resumen Páginas Web

    Transféré par

    Mónica Calderón Sánchez
    351 vues22 pages
    resumen

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    resumen

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    351 vues22 pages

    Resumen Páginas Web

    Transféré par

    Mónica Calderón Sánchez
    resumen

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 22

    Pginas Web

    Mnica Caldern Snchez


    Mara Caldern Snchez
    Ana Garcia Ecenarro
    Nuria Palau Andrs
    Internet Es una gran red de redes interconectada a escala
    mundial

    Servidor Dominio
    Definicin: Letras que siguen a www en las direcciones web.

    Partes: Est formado por...

    Nombre del servidor + punto + dominio genrico 1nivel

    Tipos: Geogrficos: .es/ .it/ .fr


    De asociacin: .org/ .edu

    Dominio + ruta completa= URL


    URL
    1 Protocolo + 2 Servicio (www para webs) + 3 Dominio + 4 Ruta
    Completa

    http://www.colegioalborada.es/oferta_educativa_bright_kids/

    URL: le dice al navegador la ruta exacta que hay que seguir en Internet para
    llegar al recurso que queremos utilizar.
    Pgina web
    Documento de texto al que se le aaden imgenes, sonidos,
    videos, hipervnculos (enlaces a otras partes del documento a
    otros documentos), etc.

    Estticas
    Segn nivel de
    interaccin
    TIPOS Dinmicas

    Blog/Foro/ Redes Sociales


    Segn temtica
    Corporativas

    Aplicaciones Web
    NAVEGADOR - BUSCADOR
    NAVEGADOR: programa especial para poder abrir un documento web en el ordenador

    BUSCADOR: pgina web que contiene una base de datos sobre el contenido de otras pginas
    web. Se puede abrir desde un navegador
    HACER UNA WEB
    Utilizar un buscador de la pgina del proveedor
    Registro del dominio para comprobar que el dominio est disponible

    Contactar con un proveedor que ceda espacio en


    Contratacin del hosting sus servidores para transferir all la pgina que se
    elabore (arsys, nominalia)

    Creacin de la pgina Pensar diseo y maneras de crear contenido


    (DIAPOSITIVA 7 Y 8)
    Salvo en el caso de hospedaje onine es necesario
    Transferencia de la pgina subir al servidor la pgina web creada.
    (DIAPOSITIVA 9)
    Actualizar y completar la pgina : es importante
    Mantenimiento de la pgina aadir nuevos contenidos, enlaces para mantener
    las visitas
    TTULO Identifica el tema de la pgina Web

    Son necesarias buenas combinaciones de

    CREACIN DE
    COMBINACIN DE colores para que los textos sean ledos
    COLORES con claridad

    LA PGINA EQUILIBRIO DE LA
    COMPOSICIN
    Conseguir una disposicin equilibrada y
    armoniosa de los elementos de la Web.

    HIPERVNCULOS Links que se pueden insertar en imgenes


    o en palabras: externos e internos
    1. PENSAR DISEO
    IMPACTO VISUAL Adecuada combinacin de los formatos de
    texto, imgenes, etc...
    FORMA DE CONTACTO Establecer un vnculo con los usuarios
    que visitan la pgina.

    DISTRIBUCIN DE LA PGINA Establecer enlaces internos


    entre las distintas pginas
    Hay que tener en cuenta la accesibilidad
    ACCESIBILIDAD para personas con discapacidad
    CREACIN
    SERVICIO DE HOSPEDAJE La forma ms sencilla, vamos
    ONLINE paso a paso eligiendo de un
    men

    DE LA
    PGINA CMS O SISTEMA DE
    Los CMS son programas informticos
    para crear pginas web dinmicas
    GESTIN DE CONTENIDOS permitiendo la edicin de la estructura
    de la pgina y la gestin de su
    contenido.
    2. Maneras de
    crear contenido

    Es la forma ms complicada ya que


    PROGRAMACIN DIRECTA requiere conocer los lenguajes y
    DE LA PGINA herramientas de programacin web
    ms usuales de la pgina
    TRANSFERENCIA DE LA PGINA
    Una vez completado el sitio web, para que cualquier usuario pueda
    acceder al mismo a travs de internet debemos trasladarlo a un
    alojamiento pblico (hosting).
    Empresas que ofrecen alojamiento:
    1. Gratuito : hostinger 2. Cliente FTP: FileZilla y Cute FTP

    Estos programas gestionan la transferencia


    de los archivos que componen nuestra
    pgina web desde nuestro disco duro a un
    servidor de Internet
    HTML
    Mnica Caldern Snchez
    Mara Caldern Snchez
    Ana Garcia Ecenarro
    Nuria Palau Andrs
    Qu es HTML?
    HTML, son las siglas en ingls de HyperText Markup Language (lenguaje
    de marcas de hipertexto).
    HTML es el lenguaje de marcado estndar para la creacin de pginas
    Web.
    Los elementos HTML, son los bloques de construccin de pginas HTML.
    Estos elementos , estn representados por etiquetas como head",
    body", p y as sucesivamente.
    Los navegadores no muestran las etiquetas HTML, pero las interpretan y
    las utilizan para representar el contenido de la pgina.
    Etiquetas HTML
    Se recomienda
    el uso de
    minsculas en
    HTML
    HTML SIMPLE
    La etiqueta <!DOCTYPE html> indica que este
    documento es de tipo HTML5
    La etiqueta <html> define el elemento raz de
    una pgina HTML.
    La etiqueta <head> contiene informacin de
    metadatos sobre el documento.
    La etiqueta <title> especifica un ttulo para el
    documento.
    La etiqueta <body> define el contenido de la
    pgina visible.
    La etiqueta <h1> define un gran encabezado.
    La etiqueta <p> define un prrafo.

    Los elementos <head></head>Contienen toda la informacin que necesita el navegador, el


    servidor de web y los motores de bsqueda. Se trata del primer elemento que lee el navegador
    El elemento <title></title> es el ms utilizado dentro de la marca <HEAD>, dado que sirve para
    dar ttulo a la pgina..
    El elemento <body></body> define el cuerpo del documento, aqu ira todo el contenido de la
    pgina.
    EDITORES HTML
    Las pginas web pueden ser creadas y modificadas mediante el uso de
    editores de HTML profesionales.
    Sin embargo, para el aprendizaje de HTML se recomienda un simple editor
    de texto como el Bloc de notas o el notepad ++ (Windows) o TextEdit (Mac)

    PASOS
    PRIMERA
    PGINA WEB
    HTML BSICO
    NOMBRE ETIQUETA DEFINICIN

    Heading <h1> </h1> Aade un encabezado

    Separador de contenido <hr> </hr> Aade un espacio en blanco


    entre lneas

    Prrafo <p> </p> Sirve para aadir un prrafo

    Salto de lnea <br> (no tiene elemento de Aade un salto de lnea


    cierre)
    Atributos
    Proporcionan informacin adicional acerca de un elemento (nombre=valor)
    NOMBRE ETIQUETA DEFINICIN

    Lang <html lang="es-ES"> Aclara la lengua en la que est


    escrita la pgina.

    Title <p title=... > Texto que se muestra como un


    consejo al pasar el ratn por
    encima del prrafo.

    Href <a href=https://www.....com> Aade un vnculo en el objeto


    especificado.

    Scr <img scr=... width=... height Aade una imagen con el ancho
    ...> y el largo que deseemos

    Alt <img alt=...> Introduce un texto en la imagen


    que aparece cuando la imagen
    no se puede visualizar.
    Estilos HTML
    Se realizan con el atributo Style.

    NOMBRE ETIQUETA DEFINICIN

    Color de fondo <body Define un color de fondo en la pgina


    style="background-color:powderblue;"
    >

    Color de texto <h1 style="color:blue;">Esto es un Define un color de texto


    encabezado</h1>

    Fuentes <h1 style="font-family:verdana;">Esto Define una fuente para el texto


    es un encabezado</h1>

    Tamao <h1 style="font-size:300%;">Esto es Define el tamao de la fuente del


    un encabezado</h1> texto

    Alineacin <h1style="text-align:center;">Encabe Define la alineacin del texto


    zado centrado </h1>
    Con una hoja de estilo externa se puede cambiar el
    aspecto de un sitio web por completo al cambiar un nico

    Css externo archivo.

    Una hoja de estilo externa se puede escribir en cualquier


    editor de texto. El archivo no debe contener ningn cdigo
    HTML y debe guardarse con una extensin .css.

    Fuentes Css
    La propiedad de color CSS define el color del texto.
    La propiedad font-family CSS define la fuente.
    La propiedad CSS font-size define el tamao del texto.
    CSS INTERNO CSS EXTERNO
    Un CSS interno se utiliza para definir Se utiliza una hoja de estilo externa para
    un estilo para una sola pgina HTML. definir el estilo de muchas pginas
    HTML,pueden referenciarse con una URL
    Se define en la seccin <head> completa o con una ruta relativa a la
    pgina web actual
    de una pgina HTML,
    Para utilizar una hoja de estilo externa, basta
    dentro de un elemento con agregar un enlace a la misma en la
    <style>: seccin de la pgina HTML:
    Bordes Css Relleno Css
    Define un borde alrededor de un Define un espacio entre el texto y el borde
    elemento HTML
    ATRIBUTO CLASE
    MARGEN CSS
    Para definir un estilo para un
    Define un margen (espacio) fuera del tipo especial de elementos,
    borde aada un atributo de clase al
    elemento y un estilo para el.

    ATRIBUTO ID
    Es el atributo que sirve para dar una
    identidad a un elemento, se usa para
    programacin por javascript o para definir
    un estilo especfico para un elemento
    especial.
    FIN

    Vous aimerez peut-être aussi