4055947
Description
Mind Map by carlos.clara52, updated more than 1 year ago
|
Created by carlos.clara52
over 8 years ago
|
|
Internet y la Web social:
Diseño de páginas web
- Páginas
web.
- Una página web es un documento,
visible en la Web mediante un programa
denominado navegador. Además de la
información en forma de texto y
elementos multimedia puede contener
aplicaciones.
- Estructura de un
sitio web
- Las páginas deben componen una estructura común.
- Los marcos o frames son una composición visual
que divide la pantalla en zonas independientes.
- Las páginas deben componen una estructura común.
- Tipos de Páginas Web
- Web Estática
- Es una página
realizada en
lenguaje HTML con
contenidos fijos
establecidos por el
diseñador.
- Es una página
realizada en
lenguaje HTML con
contenidos fijos
establecidos por el
diseñador.
- 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.
- 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.
- Web Estática
- Dominios de Internet
- Un URL o Localizador Uniforme de Recurso es una cadena de
caracteres que se utiliza para la localización de un recurso en
internet
- DNS 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.
- Un URL o Localizador Uniforme de Recurso es una cadena de
caracteres que se utiliza para la localización de un recurso en
internet
- Una página web es un documento,
visible en la Web mediante un programa
denominado navegador. Además de la
información en forma de texto y
elementos multimedia puede contener
aplicaciones.
- Diseño de una página web
- Programación en HTML
- El lenguaje de marcado de hipertexto
HTML es un lenguaje para definir
documentos accesibles en internet. El
lenguaje HTML está constituido por una
serie de etiquetas que permiten definir
tanto la estructura de la página web,
como su contenido. Su principal
característica es la creación de
hipervínculos.
- El eXtensible HTML (XHTML), es una versión más estricta de HTML basada
en XML, que admite la incorporación de hojas de estilos. Su objetivo es la
correcta interpretación de la información de una página web
independientemente del dispositivo desde el que se accede.
- Estructura
- 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.
- 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.
- Etiquetas y atributos
- Su función es aportar
información en forma de
metadatos para comunicar con el
servidor HTTP
- Su función es aportar
información en forma de
metadatos para comunicar con el
servidor HTTP
- Hojas de estilos
- 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.
- 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.
- El lenguaje de marcado de hipertexto
HTML es un lenguaje para definir
documentos accesibles en internet. El
lenguaje HTML está constituido por una
serie de etiquetas que permiten definir
tanto la estructura de la página web,
como su contenido. Su principal
característica es la creación de
hipervínculos.
- Páginas web dinámicas: PHP, ASP y JSP
- PHP=Su uso
está ligado al
uso de
gestores de
contenido
(CMS) para la
modificación
de páginas
web
dinámicas.
- ASP=Permite
el acceso a
bases de
datos, al
igual que
PHP.
- JSP=Mediante el uso
de scripts y de
librerías de tags
permite la creación
de pequeños
programas que se
ejecutan dentro de
una página web
denominados
Applets.
- PHP=Su uso
está ligado al
uso de
gestores de
contenido
(CMS) para la
modificación
de páginas
web
dinámicas.
- Herramientas de diseño web. Kompozer
- Programación en HTML
- Publicación y actualización de contenidos
- 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.
- Un FTP es tanto el protocolo mediante el cual se transmiten
archivos en internet, como la aplicación que permite la
comunicación entre el usuario y el servidor.
- Un gestor de contenidos 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.
- 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.
- Publicación con Google Sites
- Crear nuestro sitio
- En este apartado podremos crear nuestro sitio siguiendo los pasos indicados en google
- En este apartado podremos crear nuestro sitio siguiendo los pasos indicados en google
- Editar páginas
- Este apartado deja hueco a tu creatividad. Puedes usar el editor que te proporciona Google Sites,
puedes crear html desde un editor de textos y pegarlo, puedes incluir vídeos de Youtube,.....
- Este apartado deja hueco a tu creatividad. Puedes usar el editor que te proporciona Google Sites,
puedes crear html desde un editor de textos y pegarlo, puedes incluir vídeos de Youtube,.....
- Crear nuestro sitio
Want to create your own Mind Maps for free with GoConqr? Learn more.