Tema 4 : Diseño de páginas web

Description

MI MAPA CONCEPTUAL
illoqueyyy
Mind Map by illoqueyyy, updated more than 1 year ago
illoqueyyy
Created by illoqueyyy over 8 years ago
118
0

Resource summary

Tema 4 : Diseño de páginas web
  1. PÁGINAS WEB
    1. Estructura de un sitio web
      1. Las páginas que componen una estructura común , es decir , comparten un diseño y un mismo dominio , forman un sitio web
        1. La portada o página de entrada se denomina página principal y se suele llamar index o inicio. A partir de esta página, el resto suele compartir el mismo diseño.
          1. Los marcos o frames son una composición visual que divide la pantalla en zonas independientes. Una página web realizada con marcos está compuesta por páginas web sencillas cuya información se repite en el resto de páginas del sitio web en forma de plantilla. Por tanto, un cambio en un marco supone la actualización automática del resto del sitio web.
          2. Tipos de páginas web
            1. Una página web estática es una página realizada en lenguaje HTML con contenidos fijos establecidos por el diseñador.
              1. Una página web dinámica es una página realizada en lenguajes basados en XML en la que el diseñador establece la estructura de la página y el contenido se introduce cuando ésta es solicitada por el usuario.
              2. Dominios de internet
                1. Un URL o Localizador Uniforme de Recurso es una cadena de caracteres que se utiliza para la localización de un recurso en internet
                  1. DNS o Sistema de Nombres de Dominio (Domain Name System) es un conjunto de protocolos y servicios para la identificación y conversión de una dirección de internet expresada en lenguaje natural por una dirección IP.
                2. DISEÑO DE UNA PÁGINA WEB
                  1. Programación en HTML
                    1. Estructura
                      1. Los documentos html siguen una estructura en cascada compuesta por cuatro etiquetas básicas. Cada etiqueta está delimitada por los signos < > y puede escribirse en mayúsculas o en minúsculas. Cada bloque está delimitado por dos etiquetas la inicial y la final (señalada con una barra /) dentro de las que se pueden incluir atributos. También hay etiquetas que no necesitan final.
                      2. Etiquetas y atributos
                        1. Hojas de estilo
                          1. Una hoja de estilo es un conjunto de instrucciones de código que permite la definición de tipos de fuente, colores, tamaños y demás atributos. Cuando en una página web se hace referencia a una hoja de estilo, ésta busca la hoja a la que se refiere, que debe estar almacenada en el mismo sitio web.
                        2. Páginas web dinámicas : PHP , ASP , JSP
                          1. Hasta el momento sólo se han tratado aspectos relacionados con páginas web estáticas. Para crear páginas web dinámicas se utilizan otros lenguajes de programación que permiten diferenciar entre la estructura de la página (es la parte fija) y su contenido (se carga en el momento en el que se solicita). Su funcionamiento se basa en el almacenamiento de la información en bases de datos y en la facilidad de modificación mediante los gestores de contenido. Los lenguajes más utilizados son: PHP, ASP y JSP.
                          2. Herramientas de diseño web . Kompozer
                          3. PUBLICACIÓN Y ACTUALIZACIÓN DE CONTENIDOS
                            1. Un servicio de hosting o alojamiento web es el espacio disponible en un servidor de internet para el almacenamiento de las páginas web y el resto de archivos relacionados.
                              1. Un FTP (File Transfer Protocol) es tanto el protocolo mediante el cual se transmiten archivos en internet, como la aplicación que permite la comunicación entre el usuario (previamente autorizado) y el servidor.
                                1. Un gestor de contenidos (CMS: Content Management System) es una aplicación que permite editar y modificar los contenidos de páginas web dinámicas a partir de formatos predefinidos y de contenidos almacenados en bases de datos.
                                2. PUBLICACIÓN CON GOOGLE SITES
                                  1. Crear nuestro sitio
                                    1. Editar páginas
                                    Show full summary Hide full summary

                                    Similar

                                    Social Psychology, Milgram (1963)
                                    Robyn Chamberlain
                                    The Skeletal System - PE GCSE EdExcel
                                    naomisargent
                                    CHEMISTRY C1 2
                                    x_clairey_x
                                    Command Words
                                    Mr Mckinlay
                                    The structure of the heart
                                    rachel_w
                                    Prep Like a Pro with GoConqr's Revision Timetable
                                    Mike Nervo
                                    Using GoConqr to study geography
                                    Sarah Egan
                                    a christmas carol
                                    maha.als10
                                    Music Therapy - CBMT practice exam #1
                                    Jessica H.
                                    2PR101 1.test - 8. část
                                    Nikola Truong
                                    1PR101 2.test - Část 15.
                                    Nikola Truong