Alojamiento de Páginas Web

Pedro Corcuera <corcuerp@unican.es>

Temas a tratar

Utilidad de la programación web
Introducción a HTML y CSS
Ejemplos de aplicación
Otras tecnologías de programación Web

Herramientas requeridas

Bloc de Notas:
- Inicio -> Todos los programas -> Accesorios - Bloc de Notas
Navegador (browser) de Internet
- IExplorer
- Firefox -> recomendado
- Chrome -> recomendado
Conexión a Internet
- preferentemente desde un equipo de la UC

Utilidad de páginas dinámicas

Mejora la presentación de los contenidos
Permite al alumno simular o experimentar
Permite autoevaluación
etc., etc.

Funcionamiento de Internet

Arquitectura cliente-servidor

Terminología básica

Internet
- conjunto descentralizado de redes de comunicación interconectadas que funciona como una red lógica única de alcance mundial.
HTTP
- Hypertext Transfer Protocol (protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web
URL
- Uniform Resource Locator (localizador de recursos uniforme) es una secuencia de caracteres estándar usada para nombrar recursos en Internet para su localización o identificación. Formato:
HTML, HTML, JavaScript, Java, AJAX
- El W3C de la A a la Z

Servicio de Publicación de páginas personales

El servicio de alojamiento de ficheros de alumnos se ha reemplazado por Onedrive (Microsoft) que NO permite la publicación de páginas web.
Para poder publicar páginas web tenéis que registraros en el portal externo http://www.neocities.org utilizando como nombre de usuario vuestro nombre corto del e-mail de la Universidad (ejm: abc32).
La URL de la página personal será, si se tiene una página index.html:
http://nombre_usuario.neocities.org/
Donde nombre_usuario es el usuario corto de la cuenta de correo electrónico de la UC.

Servicio de Publicación Web - Alumnos (Neocities)

Para acceder a tu página personal desde un navegador, tendrás que acceder a http://nombre_usuario.neocities.org/
Donde nombre_usuario es el nombre corto de tu cuenta de correo electrónico de la UC.
El espacio asignado es de 100 Mb. No se permiten alojar ficheros de videos o sonidos.
Enlaces valiosos para Learn How to Make Websites!

Con las manos en el teclado

Crear una página web, probarla, subirla a nuestra carpeta personal y enviar la URL de la página en la tarea de Moodle

En una ventana del bloc de notas escribir:

<html> 
<head>
<title>P&aacute;gina personal de .....nombre</title>
</head> 
<body>
<h1>Bienvenido a mi p&aacute;gina Web</h1>
<p>Hola esta es mi primera p&aacute;gina <strong>Web</strong>.
<p> Mis datos personales son:</p>
<p><strong>Nombre:</strong> Pepito Perez Garcia</p>
<p><a href="http://www.unican.es">Lugar de estudio</a></p>
<img src="http://www.patatabrava.com/images/unis_facus/f792.jpg" alt="Univ. de Cantabria" />
</body> 
</html>

Guardar el fichero con el nombre index.html. Visualizar en un navegador el fichero (doble clic sobre él). Está bien? Subirlo a la carpeta personal del usuario neocities (se puede arrastrar y soltar). Visualizarlo en una navegador con nuestra URL.

Resultado del ejemplo anterior

Alojamiento de Páginas Web

Temas a tratar

Herramientas requeridas

Utilidad de páginas dinámicas

Funcionamiento de Internet

Terminología básica

Servicio de Publicación de páginas personales

Servicio de Publicación Web - Alumnos (Neocities)

Con las manos en el teclado

Resultado del ejemplo anterior

Recursos de información