Tema 4 : Diseño de páginas web

illoqueyyy
Mind Map by , created almost 4 years ago

MI MAPA CONCEPTUAL

89
0
0
illoqueyyy
Created by illoqueyyy almost 4 years ago
Chemistry C1
Chloe Winn
UNIT 1 DIGITAL MEDIA SECTORS AND AUDIENCES
carolyn ebanks
History - Germany 1918 - 1945
Grace Evans
Language Techniques
Anna Wolski
PuKW STEP6 - Hummel
Antonia Ilieva
Computer Science
jacobhuntergoddard
GCSE PE - 7
lydia_ward
Dr Jekyll and Mr Hyde
Rosie:)
BIOLOGY B1 7
x_clairey_x
The English Language Techniques
craycrayley
Tema 4 : Diseño de páginas web
1 PÁGINAS WEB
1.1 Estructura de un sitio web
1.1.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.1.2 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.1.3 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.
1.2 Tipos de páginas web
1.2.1 Una página web estática es una página realizada en lenguaje HTML con contenidos fijos establecidos por el diseñador.
1.2.2 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.
1.3 Dominios de internet
1.3.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.3.2 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
2.1 Programación en HTML
2.1.1 Estructura
2.1.1.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.1.2 Etiquetas y atributos
2.1.3 Hojas de estilo
2.1.3.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.2 Páginas web dinámicas : PHP , ASP , JSP
2.2.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.3 Herramientas de diseño web . Kompozer
3 PUBLICACIÓN Y ACTUALIZACIÓN DE CONTENIDOS
3.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.
3.2 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.
3.3 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.
4 PUBLICACIÓN CON GOOGLE SITES
4.1 Crear nuestro sitio
4.2 Editar páginas

Media attachments