CS2413: Web Site Development |
Text: Web Project: pp.243
Web Page Topic Approval - Questions will be answered inside of the LMS
Web Project Site Map - Will be completed using iPlotz
Web Project Layout Design - Will be completed using iPlotz
Downloads: None
Reference: IPlotz: Mock-ups and Wire FramesiPlotz tutorial videos: http://iplotz.com/helpvideo.php
Sileng Video Examples
Errata Sheet: Chapter Updates for Chapter 5 (In new window, click on Chapter 5 and then scroll to the bottom of center column)
- Creating an iPlotz Project: iPlotz Site Layout Example
- Creating a Site Map - Site Layout Chart: iPlotz Site Layout Example
- Pages need country name and file name
- Creating a Web Page Layout - Wire Frame: iPlotz Wireframe Example
- Need title and your navigation should match your site layout
- Get HTML Links for Moodle Submission: iPlotz Hyperlink Example
- The web site will be on a topic of global interest. The site must compare/contrast two countries on this topic. Select one form the following list, or get pre approval from your instructor for another topic of global interest.
- Select a minimum of two countries (your choice on the countries) and one of the following topics.
- Animation
- Architecture
- Authors
- Childcare
- Climate
- Economy
- Education
- Ethnic Music
- Family Dwellings
- Forms of Government
- Gaming
- Global Warming
- Health care
- Highways and Byways
- Imports and/or Exports
- International Business
- Missionary Work
- Modes of Transportation
- Native Foliage
- Native Fruits and Vegetables
- Passports and Visas
- Penal Systems
- Religions
- Technology
- Tourist Precautions
- Vehicles
- Working Conditions
- World Unesco Sites
- The purpose of the site will be to either compare/contrast the two countries or present information that is specific to each country. For example, if the topic of climate was chosen, the site might provide information about the climate in South Africa and the climate in Iceland. Specific examples for each country would be included.
- The final project will be a website consisting of a minimum of 6 pages: a homepage, 2 pages on each of the two countries, and a form* page. Since the site must have meaningful content, this may take a little research so be sure you choose a topic that interests you. Start planning and gathering information (URLs, graphics, background information, etc.). As you create the site throughout the semester, you can incorporate the appropriate information into your site.
- The final project will consists of versions to view using the screen, mobile, and print formats. (One website with three CSS files)
- Web Topic Approval (p. 243)
- In addition to the 6 bullet items, add the following so there will be a total of 9 questions.
- What is the topic for the web site?
- What two countries will be included?
- What is the purpose of the website?
List the reason you are creating the website.- What do you want the website to accomplish?
List the goals you have for the website.
Describe what needs to happen for you to consider your website a success.- Who is your target audience and how will the site be customized to target that group? (p.216-217)
Describe your target audience by age, gender, socioeconomic characteristics, and so on.
List at least three features that will be implemented to dress the needs of the target audience.- What opportunity or issue is your website addressing?
For example, your website might address the opportunity to provide information about a topic to others or create an initial web presence for a company.- What type of content might be included in your website?
Describe the type of text, graphics, and media you will need for the website.- What colors and color scheme will be used on the site? What is the URL for the resource you used for selecting the color scheme?
List the colors, the color scheme name, and the URL of the resource used for selecting the color scheme.
P. 210: Monochromatic, Analogous, Complementary, Split Complementary, Triadic, Tetradic are the possible color schemes.
P. 211 provides URLs for potential resources. Choose from this list.- List the URLs for at least two related or similar websites found on the Web.
- Web Project Site Map - Site Layout Chart (p. 205-206)
- The site map is to be created using iPlotz (http://www.iplotz.com/) The site allows users to create 1 project and 5 wire frames for FREE. This will be sufficient for our purposes, Buying a subscription to this service is NOT required for this class. Again, just use what is available through the FREE version.
- Professor prepared videos - See links above
- Web Project Page Layout Design - Wire frames (p. 225-226)
- Again these will be done in iPlotz A wire frame must be created for the homepage and one of the country pages. One for each page in the web site is not needed at this point.
* http://www.mycontactform.com/samples/web_survey.php provides samples of many types of forms. Begin thinking about what information your web site visitors could submit. Examples: request for more information, evaluation of your web site. Working through Chapter 9 should help with your final decision.
Failure to adhere to and/or include the following items will prevent the assignment from being graded.
Note: If time permits, the assignment can be resubmitted during the late/resubmit period, but there will be a 10% penalty.
- The links do not work making it so the the iPlotz pages cannot be viewed.
- The pages do not open the assignment in a new browser window.
Submitting the URLs within the LMS
- In the LMS, use the submission area located in this week's folder
- In the text box create
- an ordered list with the answers to the eight web approval questions.
- an unordered list consisting of links to the three pages that were created on the iPlotz web site.
- Instructions can be found by viewing IPlotz_SubmittingURL (link located at the top of this page)
- The three URLs are to be: Site Layout Chart (Site Map), and wire frames for Homepage and one country page.
Note: The site map in the example only has two pages, yours will have a minimum of 6. Also the URL will be submitted in the current LMS.