Iniziamo. È gratuito!
o registrati con il tuo indirizzo email
PAGINAS WEB da Mind Map: PAGINAS WEB

1. ¿Para qué sirve una página Web?

1.1. En principio, las funciones de una página Web son tan amplias como la demanda de los usuarios y la oferta de sus creadores.

1.2. imagen

1.3. Las páginas Web también permiten la interacción con el usuario. Las páginas Web cumplen básicamente con la tarea de brindar información de cualquier índole y en cualquier estilo o grado de formalidad.

2. Componentes de una pagina web

2.1. Los componentes de una página web son: imágenes, textos y otros contenidos multimedia. Las secciones internas se encuentran enlazadas de manera que el usuario puede navegar de una página a otra utilizando hipervínculos, un concepto de interactividad surgido con el fenómeno Internet.

3. El diseño Web

3.1. La Web se ha convertido en el medio de comunicación más importante del mundo gracias a su facilidad para ofrecer información con una rapidez nunca antes alcanzada por ningún otro medio. Esta información puede ser consumida por cualquiera que tenga una conexión a Internet desde cualquier parte del mundo.

3.2. Los elementos visuales como el color, el diseño de tipografía y las imágenes, conforman la personalidad de un sitio y generan un impacto emocional que determina que el sitio sea atractivo. Aunque el objetivo final de todo diseñador sea transmitir un mensaje a una audiencia determinada, ser un buen diseñador gráfico no significa necesariamente ser un buen diseñador para la Web. Cualquiera independientemente de su nivel artístico, puede conseguir un diseño funcional con buena apariencia.

4. Principales conceptos de las Páginas web

4.1. Una página web está compuesta por uno o varios documentos html relacionados entre sí mediante hipervínculos (enlaces). Además, estos documentos pueden contener otros elementos como pueden ser imágenes, sonidos, animaciones multimedia, aplicaciones ... Página web: Documento realizado en HTML y que es parte de un sitio Web. Aparte del HTML se pueden utilizar otros lenguajes complementarios como PHP, ASP, Javascript... Sitio web: Página principal y sus otras páginas, gráficos, documentos, multimedia y otros archivos asociados que se almacenan en un servidor Web o en el disco duro de un equipo. HTML: (Lenguaje de marcado de hipertexto) Lenguaje estándar de marcas empleado para documentos del World Wide Web.

4.1.1. Banner: Elemento gráfico con forma rectangular, normalmente animado, cuyo contenido es publicidad. Imagen: Archivo gráfico que se puede insertar en una página Web y mostrar en un explorador de Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y PNG, entre otros. Propiedades: Características de un elemento del Web actual, como el título y la dirección URL de un Web o el nombre y el valor inicial de un campo de formulario. También puede especificar propiedades para elementos de página como tablas, gráficos y elementos activos.

4.2. Editor: Programa utilizado para crear páginas web sin la necesidad de tener que aprender el lenguaje. Ejemplos: M. FrontPage 2000 y Macromedia Dreamweaver. Servidor: Máquina conectada a Internet que -entre otros servicios- ofrece albergue para páginas web haciendo que estén accesibles desde cualquier punto de Internet. Cliente FTP: Programa que permite conectarse al servidor para publicar páginas web. Hosting: Hospedaje web. Espacio de disco donde se almacean las páginas webs para que sean accesibles a través de Internet.

4.2.1. Frames (marcos: Áreas rectangulares que subdividen las ventanas de algunas páginas Web, cada una de las cuales contiene un documento de hipertexto independiente de los demás. webmaster: Un webmaster es el encargado de crear, diseñar, estructurar, maquetar, publicar, promocionar y mantener un sitio web. Tablas: Elemento para distribuis uniformemente y de forma tabulada información en una página web.

4.3. Hipervínculo: Al hipervínculo se le suele llamar "enlace web" o en su versión anglosajona "link". Un hipervínculo es una conexión de una página a otro destino como, por ejemplo, otra página o una ubicación diferente en la misma página. El destino es con frecuencia otra página Web, pero también puede ser una imagen, una dirección de correo electrónico, un archivo (como por ejemplo, un archivo multimedia o un documento de Microsoft Office) o un programa.

4.3.1. Dominio: Dirección web asociada a una página web. ISP: En el ámbito del desarrollo de sitios web, se puede decir que un ISP es un proveedor de servicios para web. Los diferentes servicios que pueden ofrecer son: conexión a Internet, registro de dominio, hospedaje de sitios web, servicios de contadores de servicios, libros de visitas gratuitos, estadísticas para web, entre otros. URL: (Universal Resource Location / Localizador de recursos universal) Cadena que proporciona la dirección de Internet de un sitio Web o un recurso del World Wide Web, junto con el protocolo mediante el cual se tiene acceso al sitio o al recurso. El tipo más común de dirección URL es http://, que proporciona la dirección de Internet de una página Web.

5. ¿Qué es una página Web?

5.1. Se conoce como página Web, página electrónica o página digital a undocumento digital de carácter multimediático (es decir, capaz deincluir audio, video, texto y sus combinaciones), adaptado a los estándares de la World Wide Web (WWW) y a la que se puede accedera través de un navegador Web y una conexión activa a Internet.

5.2. imagen

5.3. Las páginas Web se pueden encontrar programadas en un formato HTML o XHTML, y se caracterizan por su relación entre unas y otras a través de hipervínculos: enlaces hacia contenidos diversos que permiten una lectura compleja, simultánea y diversa, muy distinta a la que podemos hallar en los libros y revistas. Por último, no es lo mismo hablar de página Web (Webpage) y de sitio Web (Website), ya que estos últimos contienen un número variable de las primeras.

6. Tipos de página Web

6.1. Existen dos tipos de página Web, conforme al modo en que se genera su contenido:

6.1.1. Páginas Web estáticas: Operan mediante la descarga de un fichero programado en código HTML, en el que están todas las instrucciones para que el navegador reconstruya la página Web, accediendo a las ubicaciones de sus elementos y siguiendo un orden preconcebido, rígido, que no permite la interacción con el usuario. Este tipo de páginas son meramente informativas, documentales, no interactivas.

6.1.2. imagen

6.1.3. Páginas Web dinámicas. A diferencia de las anteriores, las páginas Web dinámicas se generan en el momento mismo del acceso del usuario, empleando para ello algún lenguaje interpretado (como el PHP), lo cual le permite recibir solicitudes del usuario, procesarlas en bases de datos y ofrecer una respuesta acorde a sus requerimientos.

7. Navegador Web

7.1. Las páginas Web requieren de un navegador Web para ser utilizadas. Un navegador Web es un software de aplicación que sirve para abrir páginas Web tanto en una ruta local (como el disco rígido) o provenientes de la Internet. Se les conoce como “navegadores” o “exploradores”, a partir de la metáfora de que la Red es un lugar vasto y abarrotado, para el que se necesita de una plataforma. En ese sentido, los navegadores Web nos permiten “entrar” a Internet y visualizar distintos contenidos a partir del ingreso de direcciones URL o del empleo de servicios online de búsqueda de datos (conocidos como Buscadores Web).

8. estructura de una pagina web

8.1. Los elementos de una correcta estructura son: • Cabecera o header: normalmente se coloca en la parte superior de la página. • Logo: es la marca o título que tiene la página • Menú: es el elemento principal de navegación entre los apartados. Lo podemos encontrar también en el pie de página. • Cuerpo de la página o body: donde introducimos los contenidos principales. • Pie de página o footer: cierre, copyright, créditos...

8.2. Los elementos de la Web se componen de textos, imágenes, vídeos... Y se colocan dentro de la página de la forma que facilite mejor su entendimiento y uso. La colocación de estos elementos sobre la página se llama estructura. La forma en que se colocan los elementos se define como la estructura de la página.

9. Estructura de una pagina web en utilizando HTML

9.1. La estructura básica de una página web es la siguiente: <html> <head> </head> body> </body> </html>

9.1.1. Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda). La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc.