Computación I – Medicina Humana Ing. Jorge L. Cuenca Cabrera

Práctica 07. Diseño y desarrollo de un sitio web

Una página web, página electrónica o cyber página, es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, y que puede ser accedida mediante un navegador.

Un sitio web es un gran espacio documental organizado, la mayoría de las veces está dedicado a algún tema particular o propósito específico. Cualquier sitio web puede contener hiperenlaces a otros sitios web.

En la presente práctica haremos uso de google sites, que nos permite la creación y publicación de sitios web gratuitamente.

1. Crear el sitio Abrimos la página de Google Sites (www.google.com/sites) y nos autenticamos con nuestra cuenta de google.

Una vez que se ha ingresado dar clic sobre el botón Crear.

Después se abrirá una página con un sencillo formulario que deberás cumplimentar con los siguientes datos: Nombre del sitio, automáticamente se va poniendo a continuación la dirección que tendrá en Internet nuestra página.

Ciclo Regular 2015 – I Universidad Nacional de Cajamarca

Computación I – Medicina Humana Ing. Jorge L. Cuenca Cabrera

Selección de un diseño: Se puede elegir de una galería el diseño de nuestro gusto. Más Opciones: Aquí podemos ingresar una o más categorías para nuestro sitio y además la descripción del sitio. Una vez que se ha completado la información, damos clic en el botón Crear de la parte superior. Nuestro sitio web ha sido creado.

2. Creación de páginas dentro de nuestro sitio Una vez que hemos creado nuestro sitio se mostrará una pantalla parecida a la siguiente:

Para crear una o varias páginas dentro de nuestro sitio, damos clic en botón crear página en la parte superior derecha.

Luego nos aparecerá un formulario donde ingresaremos o seleccionaremos las características de la nueva página, tales como: Nombre de la página, plantilla de la página (página web, archivador, anuncios, lista, página de inicio) y ubicación. Una vez que hemos configurado se da clic en el botón Crear de la parte superior… Listo, hemos agregado una página a nuestro sitio. La nueva página se mostrará en el menú lateral según la ubicación asignada. Debemos repetir el proceso cada vez que necesitamos una nueva página.

Ciclo Regular 2015 – I Universidad Nacional de Cajamarca

Computación I – Medicina Humana Ing. Jorge L. Cuenca Cabrera

3. Edición de páginas de nuestro sitio.

Con la creación de las diferentes páginas hemos ido construyendo la estructura general de nuestro sitio. Sin embargo, aún están vacías; por lo tanto es necesario editarlas e ir agregando diversos contenidos a cada una de ellas. Para tal fin, haremos clic sobre el botón Editar página.

Luego se habilitarán una serie de herramientas con las que podemos trabajar la edición de nuestra página.

Podemos insertar imágenes, textos, tablas, etc. Además dependiendo del tipo de plantilla elegida podemos realizar acciones en nuestra página.

4. Cambiar el diseño de nuestro sitio En algunas ocasiones al crear nuestro sitio, elegimos un diseño que posteriormente no es de nuestro agrado, o simplemente llega un momento en el que deseamos cambiar el diseño de nuestro sitio. Si no sabemos utilizar las opciones correctas para tal fin, podríamos llegar a considerar la idea de crear de nuevo nuestro sitio. Sin embargo, eso implicaría que todos los contenidos que hemos ido agregando en las diversas páginas se perderán. Para evitar esto, Google Sites nos ofrece la posibilidad de cambiar el diseño de todo nuestro sitio sin perder los contenidos de ninguna página. El procedimiento lo iniciamos dando clic en el botón Más acciones:

Luego escogemos la opción Administrar sitio. Aparecerá una ventana con bastantes opciones: En el menú izquierdo, escogeremos Temas, colores y fuentes. Aparecerá una pantalla, que nos permitirá aplicar diversos cambios al diseño elegido y se irá mostrando en una vista previa.

Ciclo Regular 2015 – I Universidad Nacional de Cajamarca

Computación I – Medicina Humana Ing. Jorge L. Cuenca Cabrera

Sin embargo, si lo que deseamos es cambiar por completo el diseño. Podemos escoger otro, dando clic en el botón desplegable que está en la parte superior.

Del listado de diseños que aparecen podemos elegir cualquier otro y luego aplicarle cambios a la configuración.

Para llegar a la configuración de nuestro agrado, se requiere ir cambiando y probando las diversas opciones de configuración.

Una vez que tenemos el diseño que nos gusta damos clic en el botón Guardar de la parte superior. Luego damos clic sobre el nombre de nuestro sitio web para volver a la edición de los contenidos.

Tarea

• Ir mejorando cada semana nuestro sitio web.• Agregar contenidos relacionados a cada página

de nuestro sitio.• Explorar (ensayo – error) otras opciones y

configuraciones que nos brinda Google Sitespara mejorar nuestro sitio.

Los sitios web definitivos se revisarán el 15 y 16 de julio (cada quién en su grupo) para asignar su calificativo.

Ciclo Regular 2015 – I Universidad Nacional de Cajamarca