S09T01 : Taller Construcción de Sitio para Concesionario

Imagen Original : http://www.flickr.com/photos/redlinx/2049765237

Taller 7 :
Creación de Sitio para Concesionario 

El dueño de la compra venta de carros "VendoCarros" ha tomado la decisión de montar un sitio web para su negocio por lo cual ha contratado al grupo de estudiantes del Modulo de Creación de Paginas Web la Universidad Autónoma de Manizales para que realice un primer acercamiento al diseño del sitio que se necesita. 

Estos son los requerimientos expresados por el cliente : 

• El sitio debe contener información básica del concesionario :
• Dirección (calle, ciudad, departamento, país)
• Teléfono de contacto 
• Correo electrónico de contacto 
• Fotografía del local comercial
• Información de carros para la venta : 
• Marca del carro 
• Modelo 
• Kilometraje 
• Estado del vehiculo
• Precio de venta 
• En la pagina principal debe ir carros a la venta destacados o en promoción 
• El concesionario vende carros y motos 

Realizar : 

• Maqueta en Papel del sitio web 
• Pagina inicial con la información solicitada 
• Pagina de catalogo de carros y motos 
• Pagina de carros de la marca Mazda 
• Pagina de carros de la marca Renault 
• Pagina de motos de la marca Susuki 
• Pagina de motos de la marca Auteco 
• Los datos del establecimiento deben ser inventado asi como los datos de los carros en el catalogo
• Recuerden adicionar imagenes con licencia 

Recomendaciones : 

• Crear una lista con las URL de las imagenes usadas 
• Crear los archivos con nombres minusculas 
• Usar solo el CSS para colocar los estilos 
• Validar las paginas
• Tener en cuenta las sugerencias de usabilidad 
• Grupos de 2 personas 
• Enviar lo que lleven al correo del docente al finalizar la clase 

S08C02 : Asesoria Taller 6

Se realizo una revisión inicial del Taller 06 se hicieron las siguientes sugerencias : 

• Recordar utilizar nombres en minúscula para los archivos (paginas e imágenes)
• Se indico de nuevo como insertar vídeos dentro de las paginas web
• Usar solo estilo usando el CSS para esto
• Usar imágenes con licencia para evitar problemas de derechos de autor
  (buscar imágenes Creative Commons)
• Crear una lista del sitio donde descargaron las imágenes

Se continuo con el desarrollo de la pagina durante la clase. 

S08T01 : Taller 6 Creación de Pagina para una Persona

Taller 06 : 

La artista Madonna que pronto vendrá a Colombia ha encomendado al grupo de trabajo del modulo de construcción de paginas web de la Universidad Autónoma de Manizales  la construcción de un mini sitio dedicado a su concierto en el cual se debe incluir :

• Pequeña biografía de la artista 
• Una galería de imágenes de la cantante durante conciertos 
• Una galería de videos de la cantante durante conciertos 
• Información acerca del tour "Madonna World Tour", Ciudades y fechas que visitara 
• Información del concierto a realizarse en Medellin, fecha, lugar, localidades y precios 

Para el desarrollo de este taller se deben cumplir los siguientes requisitos :

• Trabajar en grupos de dos personas 
• Crear las paginas que consideren necesarias para publicar la información 
• Incluir imágenes que tengan licencia para su uso, hacer una lista del sitio donde descargaron las imágenes 
• Incrustar uno o mas vídeos de YouTube en la pagina 
• Usar CSS para el manejo de estilos
• Recuerden el uso de letras minúsculas en los nombres de archivos 
• Enviar al correo del docente al finalizar la clase (se debe enviar lo que tengan hasta el momento)

S07T01 : Taller Manejo de Tablas e Imagenes

Taller Edición de Imágenes y Uso de Tablas

Taller 05 :
Edición de Imágenes y Uso de Tablas

• Descargar el archivo
  mcpw_taller_05.zip
• Descomprimir
• Abrir el archivo PDF donde se explica el taller 
• Editar Imágenes
• Crear tabla con las imágenes
• Enviar al terminar al correo del docente

S06T01: Taller Mejorar Sitios Web

Taller 04 :
Mejorar los Sitios Web

Atendiendo las observaciones que se hicieron en la clase anterior acerca de los sitios web creados hasta ahora y usando los conocimientos adquiridos para la edición de imágenes : 

1. Actualizar los sitios web del Taller 03 para su mejor visualización
2. Editar las imágenes para volverlas mas pequeñas o del mismo tamaño
3. Usar imágenes como enlaces
4. Enviar al correo del docente al terminar el taller

S05C02 : Evaluacion Preliminar de Sitios

En esta sesión estaremos haciendo una critica constructiva del desarrollo del Taller 03 donde debían crear un sitio web y estaremos mirando el diseño de otros sitios web que nos sirvan de guía para futuros trabajos.

Observaciones :

• Utilizar párrafos para separar el contenido para una fácil lectura
• Mantener una estructura fija a través de todas las paginas
• Usar imágenes propias o con una licencia que permita usarlas
• Utilizar imágenes con menor tamaño
  (para esto comenzaremos la próxima clase a editar imágenes)

Sitios Web :

Sitio Web del Barcelona

Sitio Web de Bob Marley

Sitio Web de Holocausto Norte

Estos son los primeros ejercicios completos en la creación de un sitio web por los estudiantes, a medida que vayamos explorando nuevos temas los sitios web comenzaran a tomar forma. 

Actividad : 

• Los estudiantes que no terminaron el taller tendrán tiempo en la próxima sección de actualizar sus sitios con las recomendaciones realizadas.

S05T01: Taller Creacion de Sitio Web Libre

Sitio Oficial de Shakira

Taller 03 : 
Creación de sitio web de tema libre

Los estudiantes en grupos de dos personas deben crear un sitio web que tenga :

1. Mínimo 4 paginas web 
2. Mínimo 4 imágenes distintas 
3. Contener un enlaces en cada pagina
4. Cada pagina debe tener un enlace a la pagina principal
5. Deben utilizar CSS para el manejo de estilos 
6. Debe tener la estructura física vista en clase :
   Directorios sitio, imágenes, css
7. Utilizar el bloc de notas para crear el sitio
8. El tema del sitio web es libre
   puede ser un artista, un equipo de fútbol, un personaje, entre otros
9. Enviar al correo del docente al terminar el taller 

S04T01 : Terminar Actividad 05

Actividad 05 : 

• Descargar el archivo de la actividad 5 
  mcpw_actividad_05.zip
• Ir al directorio sitio/css y abrir el archivo style.css 
• Adicionar el color de fondo de la pagina :
  body
  {
      background-color: lightgray;
  }
• Abrir cada archivo HTML y adicionar la definición del estilo 
  <head>
     <link rel="stylesheet" href="css/style.css" type="text/css" />
  </head>
• Hacer que las paginas estén separadas por 100 pixels del borde de la ventana
• Hacer que el contenido de los párrafos estén justificados
• Cambiar el estilo de los encabezados (h1) para que el fondo sea azul, la letra sea blanca y el texto este centrado
• Eliminar el subrayado de los enlaces 
• Hacer que la lista de pregrado se visualice con un cuadrado 
• Hacer que la lista de posgrado se visualice con números romanos

S03T01 : Taller 02 - HTML Basico 2

Taller 02 :

La banda de música electrónica The Chemical Brothers los ha contratado para crear un sitio web especial donde se publicara la información de sus primero tres trabajos, se debe crear un sitio con cuatro paginas : 

• Pagina principal con el logo de la banda y la lista numerada de la discografía
• Una pagina por cada álbum con la lista numerada de canciones
• Descargue el archivo con las imágenes y la información detalla del taller aquí : taller2.zip
• Realizar el taller de forma individual 
• Enviarlo por correo al docente

S02C02 : Taller 01 - HTML Básico

Se  deben crear dos paginas web (index.html y mensaje_bienvenida.html) las cuales deben contener la información suministrada por la Universidad (texto e imágenes) para esto se ha creado un archivo que contiene esta información

1. Descargar el archivo
   taller01.zip
2. Descomprimir y abrir el directorio taller01 
3. Abrir el archivo taller01.pdf y seguir las instrucciones del taller 
4. Comprimir de nuevo el directorio y enviar al correo del docente