Memoria Entrega
Páginas: 8 (1890 palabras)
Publicado: 13 de abril de 2011
Memoria Práctica Informática de Turismo 2011
ÍNDICE
1. Presentación
1.1 Mapa de Navegación
2. Desarrollo
2.1 Documentación
2.2 Búsqueda recursos
2.3 Desarrollo sitio web con NVU
2.3.1 Desarrollo de plantillas
2.3.2 Desarrollo páginas
2.3.2.1 Modificaciones Generales
2.3.2.2 Home
2.3.2.3 Servicios
2.3.2.4 Donde te llevamos
2.3.2.5 News
2.3.2.6 Meteo
2.3.2.7 Contáctanos2.3.3 Dificultades encontradas 3. Tiempo total
4. Aplicaciones utilizadas
5. Conclusiones
1. Presentación
El sitio web, perteneciente a la Agencia de viajes Scape, permite a los clientes tener un contacto directo con la empresa y viceversa. He incluido aparte del home, 5 paginas web que ofrecen al usuario tanto la información corporativa (servicios, precios, destinos, reservas,contacto) como la información del sector que puede afectar al usuario a la hora de realizar la compra de sus vacaciones (news y meteo).
Con el objetivo de hacer la navegación de los usuarios mas agradable, en su desarrollo, aparte de la importancia que tiene la parte tecnológica, le he dado importancia a la parte visual, que como se puede apreciar busca uniformidad tanto en colores como en tamaños yorganización de los espacios.
1.1 Mapa de Navegación
2. Desarrollo
2.1 Documentación
He realizado una búsqueda de sitios web relacionados al sector a parte de los sitios sugeridos por el equipo docente, con el fin de conocer mejor el sector de este tipo de agencias. En este proceso he observado la clase de servicios que ofrecen, precios, destinos mas comunes y mas solicitados para asípoder definir la estructura del sitio y su contenido informativo y visual.
2.2 Búsqueda de recursos
Una vez definidas las paginas web que harían parte del sitio he buscado recursos por medio del buscador google. En esta búsqueda encontré diferentes ideas para el contenido, como es el caso de la aplicación para la consulta del meteo, herramienta útil al momento de decidirse por un destinoturístico. Del mismo modo he buscado posibles imágenes alusivas a cada sección del sitio y del contenido.
2.3 Desarrollo sitio web con NVU
En principio he creado una carpeta llamada site que contiene los archivos html y una subcarpeta llamada images en la cual he guardado las imágenes utilizadas.
2.3.1 Desarrollo de plantillas
Imágenes: Para modificar y unificar las imágenes a formar partede cada sección he utilizado el programa Paint.Net v 3.5.8.
Como primer paso he creado una plantilla de ancho 970 pixels y alto 153 pixels azul degradado, efecto del uso de una de las herramientas disponibles en el programa, la cual constituye el fondo del banner usado como cabezal en cada sección. Seguidamente y con el mismo programa, he procedido a modificar las imágenes seleccionadas paracada una de las páginas, en este caso usando la varita mágica, herramienta que permite seleccionar el fondo para, en este caso, ser eliminado.
Una vez obtenido el recorte de la imagen, por medio de copia y pega y creando una capa nueva he sobrepuesto la imagen al fondo; para disimular su borde he suavizado con la opción efectos de la parte superior de la pantalla. Para finalizar, creando otracapa he agregado el texto, en principio (como en la imagen head_o) utilizando un solo tamaño y color y posteriormente usando dos tamaños y colores con la idea de dar un efecto de sombra.
Plantilla NVU: Con el fin de crear un estandar, he insertado una tabla formada por 5 filas en las cuales incluí: Fila 1: Banner. Fila 2: Menú de navegación con las 6 secciones (incluido el home). Fila 3: Espaciopara el desarrollo de contenido. Fila 4: Linea de división entre el contenido y pie de página. Fila 5: Pie de página (información de registro de la agencia).
El menú, como parte de la plantilla, incluye ya desde esta los enlaces a cada una de las páginas (creadas en blanco con anterioridad), enlaces creados seleccionando el texto correspondiente a cada entrada, click derecho del ratón, crear...
ÍNDICE
1. Presentación
1.1 Mapa de Navegación
2. Desarrollo
2.1 Documentación
2.2 Búsqueda recursos
2.3 Desarrollo sitio web con NVU
2.3.1 Desarrollo de plantillas
2.3.2 Desarrollo páginas
2.3.2.1 Modificaciones Generales
2.3.2.2 Home
2.3.2.3 Servicios
2.3.2.4 Donde te llevamos
2.3.2.5 News
2.3.2.6 Meteo
2.3.2.7 Contáctanos2.3.3 Dificultades encontradas 3. Tiempo total
4. Aplicaciones utilizadas
5. Conclusiones
1. Presentación
El sitio web, perteneciente a la Agencia de viajes Scape, permite a los clientes tener un contacto directo con la empresa y viceversa. He incluido aparte del home, 5 paginas web que ofrecen al usuario tanto la información corporativa (servicios, precios, destinos, reservas,contacto) como la información del sector que puede afectar al usuario a la hora de realizar la compra de sus vacaciones (news y meteo).
Con el objetivo de hacer la navegación de los usuarios mas agradable, en su desarrollo, aparte de la importancia que tiene la parte tecnológica, le he dado importancia a la parte visual, que como se puede apreciar busca uniformidad tanto en colores como en tamaños yorganización de los espacios.
1.1 Mapa de Navegación
2. Desarrollo
2.1 Documentación
He realizado una búsqueda de sitios web relacionados al sector a parte de los sitios sugeridos por el equipo docente, con el fin de conocer mejor el sector de este tipo de agencias. En este proceso he observado la clase de servicios que ofrecen, precios, destinos mas comunes y mas solicitados para asípoder definir la estructura del sitio y su contenido informativo y visual.
2.2 Búsqueda de recursos
Una vez definidas las paginas web que harían parte del sitio he buscado recursos por medio del buscador google. En esta búsqueda encontré diferentes ideas para el contenido, como es el caso de la aplicación para la consulta del meteo, herramienta útil al momento de decidirse por un destinoturístico. Del mismo modo he buscado posibles imágenes alusivas a cada sección del sitio y del contenido.
2.3 Desarrollo sitio web con NVU
En principio he creado una carpeta llamada site que contiene los archivos html y una subcarpeta llamada images en la cual he guardado las imágenes utilizadas.
2.3.1 Desarrollo de plantillas
Imágenes: Para modificar y unificar las imágenes a formar partede cada sección he utilizado el programa Paint.Net v 3.5.8.
Como primer paso he creado una plantilla de ancho 970 pixels y alto 153 pixels azul degradado, efecto del uso de una de las herramientas disponibles en el programa, la cual constituye el fondo del banner usado como cabezal en cada sección. Seguidamente y con el mismo programa, he procedido a modificar las imágenes seleccionadas paracada una de las páginas, en este caso usando la varita mágica, herramienta que permite seleccionar el fondo para, en este caso, ser eliminado.
Una vez obtenido el recorte de la imagen, por medio de copia y pega y creando una capa nueva he sobrepuesto la imagen al fondo; para disimular su borde he suavizado con la opción efectos de la parte superior de la pantalla. Para finalizar, creando otracapa he agregado el texto, en principio (como en la imagen head_o) utilizando un solo tamaño y color y posteriormente usando dos tamaños y colores con la idea de dar un efecto de sombra.
Plantilla NVU: Con el fin de crear un estandar, he insertado una tabla formada por 5 filas en las cuales incluí: Fila 1: Banner. Fila 2: Menú de navegación con las 6 secciones (incluido el home). Fila 3: Espaciopara el desarrollo de contenido. Fila 4: Linea de división entre el contenido y pie de página. Fila 5: Pie de página (información de registro de la agencia).
El menú, como parte de la plantilla, incluye ya desde esta los enlaces a cada una de las páginas (creadas en blanco con anterioridad), enlaces creados seleccionando el texto correspondiente a cada entrada, click derecho del ratón, crear...
Leer documento completo
Regístrate para leer el documento completo.