Travel Exotic India Site designed and implemented by: Krishnan Ayyer

Slides:



Advertisements
Similar presentations
Website Development Scott Hastings. Website Development: How to help yourself. Fundamental Computer Techniques Find the Bigger Buttons Modifiers + [Mouse.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
1 Chapter 12 Working With Access 2000 on the Internet.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Introduction to the CDISC Website John Brega, PharmaStat LLC Bay Area CDISC Implementation Network 2 April 2009.
WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.
@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,
A guide for UICET for using Wikispaces.  A wiki is a web page or collection of web pages that can be linked together as a website.  Wikis are often.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Internet Marketing M. Ali Nawaz Adil Web Marketing Consultant
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
Interactive Client-Side Technologies MMIS 656 Web Design Technologies Acknowledgements: Estrella, S. (2003). The Web Wizard’s Guide to DHTML and CSS.
Hélène kay Webdiva Consultants Dreamweaver Week 8 hélène kay hélène kay.
Creating a Syllabus on the ADX System Created by Larry Rowell and Bill Bolton.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.
Web design Guidelines to design your own website..
School of Information – (Current Student Section) By: Amit Sharma | inf 385e Fall iSchool, UT- Austin
Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
Creating a Google Site For a Digital Portfolio Purpose.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
AVIOS new flight selection page. Process to follow Step 4 Test and Refine Step 3 Prototype Step 2 Rough Wireframe Step 1 Card Sort Card Sort Balsamiq.
Library Instruction Services Redesign Danielle Skaggs Fall 2006.
visit or call to enroll now..
We will begin at 9 PM This is an Audio Seminar. Please be sure to adjust your audio. When reviewing the archived seminar this document will provide the.
How to Apply PDF in Flipbook on Website. Description If you are finding solution for applying PDF in flipbook mode on website, and adding multimedia items.
Working with Links and Navigation
Kathryn Pierce INF 385E Fall 2006 IA Project
About.
Working with Links and Navigation
Project Objectives Publish to a remote server
BEST SEO COMPANY IN UDAIPUR
School of Business Administration
LESSON 4 Module 4: Working with Images Navigation Tools.
Web software.
Getting Started with Dreamweaver
Zhi Liu Dec.7th IA and Design
My Personal Photo Website --Final project
Creating a Successful Web Presence
UTASIS&T Brian Lewis December 6, 2005.
IA Final Project Valeria E. Molteni Portfolio (Bilingual Site)
Rollover Buttons UNIT 2.
Unit 2 – Webpage Creation
Overview of Dreamweaver
Create and edit web pages 2
Yi-Hsuen Shih’s personal Web site
Adobe PDFs Amy Willis HCI 594 Winter 2008.
Sunshine Gardens Min Yao December 6,2005.
About Multimedia Files
Creating a Website.
Basic Web Page Creation
The Technologies.
Internet Skills ELEC135 Alan Noble Room 504 Tel:
Presentation transcript:

Travel Exotic India Site designed and implemented by: Krishnan Ayyer Course: Information Architecture and Design Fall 2005

Travel Exotic India Website about traveling to India. Information about places to see, cities to visit, travel tips and other information about traveling in India. The site is not meant to be exhaustive, but provides just a glimpse of the places to visit.

Tools Used Macromedia Dreamweaver – used for site development and management. Microsoft Visio- used in site design process to create wireframes. Java Script- used to run the image slideshow on the main page and to make the drop down menu on the main page function. Adobe Photoshop for image manipulation.

Before and After Views of Website Final site URL http://www.ischool.utexas.edu/~krishnan/index.html http://www.ischool.utexas.edu/~krishnan/information%20architecture/IA%20project%20timeline.htm

Site Organization and Navigation Global site navigation is provided. Three main ways to browse the site for information Through the interactive clickable map on the main page. Through the drop down menu Browse by state. Through the drop down menu Browse by city.

Site Statistics Number of pages- 28 One style sheet used for entire site. Site validated on the CSE HTML Validator Lite http://www.htmlvalidator.com/ The website passed the Web XACT Watchfire priority1 accessibility guidelines validator.

Some Design Decisions made http://www.ischool.utexas.edu/~krishnan/index.html (Final site) http://www.ischool.utexas.edu/%7Ekrishnan/information%20architecture/indexversion1.html (Earlier version) Web pages named based on content and keeping the bookmarking habits of users in mind. Travel by theme present in earlier version removed based on feedback from label card sorting exercise. Order of links changed on global navigation panel. Videos and blog labels removed.

Post Mortem Methodology review Would have liked to include a search box. Include a start and stop button to allow users to stop the moving image slideshow on the main page if they desire to. Better site management techniques. More cities included in the browse by city dropdown menu. More contextual information like driving directions between states.

Questions????