Unidad 4 ¿Cómo se hace el mantenimiento de una página web? (I)

Presentación del tema: "Unidad 4 ¿Cómo se hace el mantenimiento de una página web? (I)"— Transcripción de la presentación:

1 Unidad 4 ¿Cómo se hace el mantenimiento de una página web? (I)
Comercio electrónico Unidad 4 ¿Cómo se hace el mantenimiento de una página web? (I)

2 ÍNDICE Estructurar una página web Lenguaje HTML
Creación de páginas web Elección del servidor para alojar páginas web Publicación de páginas web vía FTP

3 Estructurar una página web
1.1. Tipos de estructuras Tipos de estructura de una página web.

4 1.2. Clasificación de las páginas web
Estructurar una página web 1.2. Clasificación de las páginas web Las páginas webs se clasifican en estáticas o dinámicas según su diseño y estructura. Páginas estáticas: Una página web estática es una página con contenidos fijos establecidos por el diseñador y se compone de varios ficheros que no tienen cambios frecuentes. Los contenidos pueden incluir elementos animados como gifs, banners, vídeos y otros componentes multimedia. Las páginas webs estáticas son esencialmente informativas y enfocadas a mostrar una información permanente, en ellas el usuario obtiene información sin poder interactuar con la página web visitada.

5 1.2. Clasificación de las páginas web
Estructurar una página web 1.2. Clasificación de las páginas web Páginas dinámicas: Son páginas que sufren cambios frecuentes de contenido con un funcionamiento basado en plataformas gestionadas por usuarios definidos en el sitio, que son los encargados de administrar y publicar el contenido. Un ejemplo de estas plataformas es WordPress. La información presentada se genera a partir de una petición del usuario de la página, y aparece inmediatamente después de una solicitud hecha por el usuario. Este tipo de página permite almacenar, hacer actualizaciones de la información contenida en la misma y también modificaciones dinámicas de la estructura y del diseño por parte del propietario. Página principal de WordPress,

6 1.2. Clasificación de las páginas web
Estructurar una página web 1.2. Clasificación de las páginas web Páginas dinámicas: Ejemplos de páginas web dinámicas.

7 1.2. Clasificación de las páginas web
Estructurar una página web 1.2. Clasificación de las páginas web Páginas dinámicas: Cuando se crean páginas dinámicas se utilizan lenguajes de programación, que aportan muchísima interacción con el usuario y también una gran capacidad de proceso para generar contenido. Los lenguajes más utilizados son: Lenguajes de programación más utilizados.

8 2. Lenguaje HTML El lenguaje HTML es un lenguaje de marcas de hipertexto (Hypertext Markup Languaje) que se refiere al lenguaje de marcado para la elaboración de páginas webs. Está constituido por una serie de etiquetas o tags que permiten definir la estructura de la página y su contenido, ya sea este texto o imágenes. Se puede escribir en cualquier editor básico, como el Bloc de notas de Windows o Kate de Linux, y el archivo generado debe guardarse con la extensión .html.

9 2. Lenguaje HTML 2.1. Historia de HTML
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, que trabajaba en la Organización Europea para la Investigación Nuclear (CERN), propuso un nuevo sistema de «hipertexto» para compartir documentos. Tras finalizar el desarrollo de su sistema de «hipertexto», Tim Berners-Lee lo presentó en una convocatoria organizada para crear un sistema de hipertexto para Internet. Tim contó con la ayuda del ingeniero de sistemas Robert Cailliau y ambos presentaron la propuesta ganadora, llamada World Wide Web (W3). En 1991 se publicó el primer documento con la descripción de HTML con el nombre HTML Tags (Etiquetas de HTML). En 1993 se realizó, por parte del organismo Internet Engineering Task Force (IETF), la primera propuesta oficial para convertir HTML en un estándar, consiguiéndose avances importantes, como definir las etiquetas para imágenes, las tablas y los formularios, pero ninguna de las dos propuestas realizadas como estándar (llamadas HTML y HTML+) se convirtieron de forma oficial en un estándar. En 1995, el IETF organiza un grupo de trabajo de HTML, después del cual, se consiguió publicar, en septiembre de ese año, el estándar conocido como HTML 2.0, siendo, a pesar del nombre de su versión 2.0, el primer estándar oficial del lenguaje HTML.

10 2. Lenguaje HTML 2.2. Evolución de HTML Evolución de HTML.

11 2. Lenguaje HTML 2.3. Crear una página web
Los documentos HTML deben seguir una estructura en cascada compuesta por etiquetas. Cada etiqueta está delimitada por los signos < > y puede escribirse en mayúsculas o en minúsculas, el signo que cierra la etiqueta se indica con la barra /. web en formato HTML.

12 2. Lenguaje HTML 2.4. Notepad++
Notepad++ es un editor de texto y de código fuente libre con soporte para varios lenguajes de programación. Logo de Notepad++.

13 3. Creación de páginas web
Un editor web es una aplicación que permite crear, editar y guardar una página web. Hay tres categorías: Editores de texto. Permiten editar el código fuente, un ejemplo es el bloc de notas de Windows, guardar el archivo con la extensión .html y abrirlo con un navegador. Editores de HTML. Funcionan igual que un editor de texto, pero tienen opciones más avanzadas, como, por ejemplo, abrir y editar varios ficheros a la vez, colorear los códigos de las páginas para facilitar su comprensión, soportar otros lenguajes de programación con los que se puede llegar a trabajar en el desarrollo de páginas web, etc. El archivo se puede enlazar con la dirección de una página web por medio del botón Enlace (normalmente tiene forma de cadena). Editores WYSIWYG. Permiten editar el código fuente y a la vez ver la página como quedaría en un navegador. Además, estos editores tienen opciones para realizar tareas adicionales, como tablas o elementos animados. Igual que con los editores HTML se puede enlazar con una página web por medio del botón Enlace.

14 3. Creación de páginas web
Los programas más utilizados son:

15 4. Elección del servidor para alojar páginas web
Un servidor es un ordenador conectado las 24 horas, que posee un disco duro con una gran capacidad y una velocidad alta para Internet. Cuando un usuario visita una web lo que hace es acceder a estos ordenadores, exactamente al que alberga la web. Cuando un servidor ofrece un espacio para una página web deja ese espacio en un disco duro para que se coloquen los archivos en su web. Para subir esos archivos se suele usar un programa FTP. Es necesario distinguir entre «servidor HTTP» (Apache o IIS) y «servidor». El servidor HTTP es el software que atiende las conexiones desde los navegadores de los clientes, y el servidor es el ordenador donde se ejecuta el servidor HTTP.

16 4. Elección del servidor para alojar páginas web
4.1. Características de los servidores Características de los servidores.

17 4. Elección del servidor para alojar páginas web
4.2. Tipos de alojamiento web Tipos de alojamiento web.

18 4. Elección del servidor para alojar páginas web
4.2. Tipos de alojamiento web Tipos de alojamiento web.

19 5. Publicación de páginas web vía FTP
La subida de archivos al servidor se puede realizar por medio de un programa FTP, efectuándose de modo autentificado (por medio de un nombre de usuario y contraseña), debiendo obtener los siguientes datos del administrador del servidor: Datos del servidor FTP.

20 5. Publicación de páginas web vía FTP
5.1. Filezilla Es una aplicación gratuita para la transferencia de archivos por FTP y es tanto un programa cliente de FTP, con el que se podrá conectar con otros servidores para descargar o subir ficheros, como un servidor de FTP, para que otras personas puedan conectarse y descargar o subir archivos. En la pantalla de Filezilla se rellenan los datos de servidor, nombre de usuario y contraseña. Ahora se accede al sitio FTP, como se haría para acceder a cualquier otra carpeta del disco duro o en red, se pueden abrir archivos o copiar y pegar archivos de otros lugares.

21 5. Publicación de páginas web vía FTP
5.1. Filezilla

22 Créditos Derechos reservados © 2015, respecto a la primera edición en español, por: McGraw-Hill/Interamericana de España, S.L. Autor del libro del alumno: Santiago Iruretagoyena Pascual Revisión técnica: José Fabián Roa Buendía Equipo editorial: Ariadna Allés, Silvia G. Olaya, Rocío Orovengua León Fotografías: 123RF Ilustraciones: Jaime Martínez