IT236 IT 236.doc
28
IT 236 Entire Course Click me for more info Document List: Set 1
Transcript of IT236 IT 236.doc
IT 236 Entire Course
Click me for more info
Document List:
Set 1
Set 2
Week One Discussion Questions
List three things that a web designer must consider and understand about the purpose or target audience prior to site development. Why do you think each of these is important to a successful plan?
List the reasons why a website would need to be redesigned. Why do you think it is important to always be planning the next site redesign for a company?
Week Three Discussion Questions
Compare the advantages and disadvantages of using a web authoring application, an HTML editor and a text editor for developing websites. List an example of each tool.
What have you chosen as the focus of your final project website? Describe the preliminary design and navigation goals you aim to achieve and why. Respond to your classmates with additional design goals they might consider.
Week Five Discussion Questions
Based on the assigned readings and Internet research, what are the differences between the graphic formats of JPEG, GIF, and PNG? Provide an example of when you would use each.
Research a good design technique for integrating multimedia into a website design. Share your findings including the type of multimedia and what plug-in is needed for successfully viewing this type of multimedia on a website?
Week Seven Discussion Questions
Using the library, research an article that describes the importance of usability when designing a website. Provide a summary of the article and explain the qualities and importance of effective design.
Based on this week’s assigned readings and your own research, how might CSS be used for developing a unique website style? Find a website that includes CSS to enhance their website appearance and functionality. Explain why you think this.
Week One: Website Planning
Details Due Points
Objectives 1.1 Identify how the purpose, target audience, and intended message drive website development.
1.2 List reasons for and importance of a website design.
1.3 Define fundamental web design terminology.
Course
Preparation
Read the course description and objectives.
Read the instructor’s biography and post your own.
Reading
Read Associate Program Material: Appendix A.
Reading
Read Associate Program Material: Appendix B.
Reading
Read Ch. 1 of Principles of Web Design.
Reading
Read Ch. 2 of Principles of Web Design.
Reading
Read Ch. 3 of Principles of Web Design.
Reading
Read this week’s Electronic Reserve Readings.
Participation
Participate in class discussion.Day 7 20
Discussion
Questions Respond to weekly discussion questions.Days 2
& 4
20
CheckPoint
Web Design
Terminology
Resources: Associate Program Material: Appendix B and Glossary of Principles of Web Design
Complete the Web Design Key Terms matching table in Appendix B. Use the Glossary section of the text as a resource.
Post the completed Appendix B as an attachment.
Day 5 30
Week Two: Project Proposal
Details Due Points
Objectives 2.1 Identify site purpose, target audience, and intended message.
2.2 Draw a site navigation map.
2.3 Create a project proposal.
CheckPoint
Website Plan
Resource: Associate Program Material: Appendix A Day 3 30
Part One
Create the first section of a website plan. The plan must include the site purpose, target audience, and message.
Post your file as an attachment.
Individual
Project Proposal:
Site Structure
Resources: Associate Program Material: Appendix A
Submit the second section of a website plan illustrating the site structure.
Define the following:
Page content
File names
Relationships between page
Name the home page index.html.
Create the site architecture map or storyboard using Microsoft® Word or PowerPoint® programs, Microsoft ® Visio® software, or Adobe® Photoshop® software.
Post your file as an attachment.
Day 7 90
Week Three: Web Design Concepts and Techniques
Details Due Points
Objectives 3.1 Identify popular web design tools and their applications.
3.2 Create a web page using Adobe® Dreamweaver®.
3.3 Explain design principles for effective website navigation.
3.4 Prototype various layouts of a home page and secondary pages.
Reading
Read Ch. 4 of Principles of Web Design.
Reading Read Starting Up of Dreamweaver CS5 Digital Classroom.
Reading Read Lesson 1 of Dreamweaver CS5 Digital Classroom.
Reading
Read Lesson 2 of Dreamweaver CS5 Digital Classroom.
Reading
Read Lesson 3 of Dreamweaver CS5 Digital Classroom.
Reading
Read this week’s Electronic Reserve Readings.
Participation
Participate in class discussion.Day 7 20
Discussion
Questions Respond to weekly discussion questions.Days 2
& 4
20
CheckPoint
Project Proposal:
Page Design
Resource: Week Two Project Proposal
Build a page design using your Week Two Project Proposal.
Visualize the page design for your site by creating two different page layouts for the home page and two different layouts for a secondary page.
Identify the placement of headings, navigation, text areas, images, and so forth.
Create both layouts using Microsoft® Word or PowerPoint® programs, Microsoft® Visio® software, or Adobe® Photoshop® software.
Day 5 30
Submit both layouts.
Exercise
Toolwire® Lab:
Create a Web
Page
Resource: Toolwire® lab
Complete the Toolwire® tutorials.
Complete the Toolwire® Lab: Create a Web Page.
Day 3 20
Week Four: Website Structure and Navigation
Details Due Points
Objectives 4.1 Create a site (file) structure using Adobe® Dreamweaver®.
4.2 Explain the importance of file organization for a website.
4.3 Research and identify best practices for site navigation.
4.4 Create usable navigation.
CheckPoint
Navigation Paper
Research the best practices for site navigation.
Search the Internet for examples of effective site navigation.
Identify examples of how you would like your site navigation to work and function.
Write a 350- to 700-word paper explaining the effective design features.
Include a screenshot of at least one your examples. Use the following instructions to capture a screenshot:
1. Press Alt + Print Screen on your computer keyboard to create a
screenshot.
2. Open a blank Microsoft® Word document.
Day 3 30
3. Press Ctrl + V on your keyboard to paste the screenshot into the
document.
Format your paper consistent with APA guidelines.
Post your paper as an attachment.
Individual
Toolwire® Lab:
Site Structure
Resources: Toolwire®
Part I: Use the Toolwire® Lab: Create a Site with Navigation as a learning tool. Do not submit this week’s Toolwire® Lab to your instructor.
Part II: Complete the following:
Use Adobe® Dreamweaver® CS5 software on the Toolwire® desktop.
Create a new site structure.
Save the site in a folder called IT236-Name, where Name is the first initial of your first name and your last name. Make sure your folder name does not include spaces.
Add a folder called “Images” to the IT236-Name folder.
Add two new HTML pages to your IT236-Name folder.
Day 7 90
Name the homepage index.html.
Name the secondary page a short meaningful name that describes the future page content. For example, products.html; aboutUs.html; and so forth.
Create the navigation menu that includes navigation from each page to both pages. For example, a menu that includes home and products will be added to both pages.
Be sure the folders and new pages are saved in the IT236-Name folder, and
compress (zip) the folder (Maximum file size is 10MB).
Submit the final files to your instructor.
Week Five: Website Graphic Content
Details Due Points
Objectives 5.1 Recognize advantages and disadvantages of common graphic formats.
5.2 Explain good design techniques for integrating multimedia into a website.
5.3 Identify a plug-in for multimedia.
5.4 Add images to a website using Adobe® Dreamweaver®.
Reading
Read Ch. 5 of Principles of Web Design.
Reading
Read Ch. 8 of Principles of Web Design.
Reading
Read Lesson 7 of Dreamweaver CS5 Digital Classroom.
Reading
Read this week’s Electronic Reserve Readings.
Participation
Participate in class discussion.Day 7 20
Discussion
Questions Respond to weekly discussion questions.Days 2
& 4
20
CheckPoint
Insert Graphics
Resource: Toolwire®
Part I: Complete the Toolwire® Lab: Adding Graphics for practice. Do not submit this weeks Toolwire® lab to your instructor.
Part II: Complete the following:
Find and save two JPG or GIF images to your IT236-Name/Images folder in Toolwire®.
Use Adobe® Dreamweaver® CS5 on the Toolwire® desktop.
Insert the two images to your current web pages.
Incorporate the design principles you learned in Ch. 8, “Graphics and Color”, of Principles of Web Design.
Submit the final files to your instructor.
Day 5 30
Week Six: Website Content and Layout
Details Due Points
Objectives 6.1 Discuss the implications of copyrights on the usage of content on a website.
6.2 Explain how to optimize text content for search engines.
6.3 Add textual content to a web page using a table.
CheckPoint
Copyright
Implications
Paper
Research and discuss copyright implications related to website development.
Write a minimum of 350 words discussing the implications of copyrights on the usage of content on a website.
Include how these implications may be overcome.
Format your paper consistent with APA guidelines.
Post your paper as an attachment.
Day 3 30
Individual
Toolwire® Lab:
Page Content
Resource: Toolwire®
Part I: Complete the Toolwire® Lab: Textual Content and Tables for practice. Do not submit this weeks Toolwire® lab to your instructor.
Part II: Complete the following:
Use Adobe® Dreamweaver® CS5 on the Toolwire® desktop.
Add at least 200 words of textual content to both of your pages.
Manipulate the page layout on one of your pages using a table.
Incorporate the design principles you learned in Ch. 5, “Working with Tables”, of Principles of Web Design.
Day 7 90
Submit the final files to your instructor.
Week Seven: Website Effectiveness
Details Due Points
Objectives 7.1 Identify how CSS can be used to create a unified website style.
7.2 Explain the importance of usability when designing a website.
7.3 Recognize design principles of basic website appearance and functionality.
Reading
Read Ch. 6 of Principles of Web Design.
Reading
Read Lesson 4 of Dreamweaver CS5 Digital Classroom.
Reading
Read Lesson 5 of Dreamweaver CS5 Digital Classroom.
Reading
Read Lesson 6 of Dreamweaver CS5 Digital Classroom.
Reading
Read this week’s Electronic Reserve Readings.
Reading
Review Associate Program Material: Appendix A.
Participation
Participate in class discussion.Day 7 20
Discussion
Questions Respond to weekly discussion questions.Days 2
& 4
20
CheckPoint
Project Proposal:
Graphic Design
Resource: Assignment Program Material: Appendix A
Submit the third section of the website plan.
Be sure to include the following topics:
Any media formats and plug-ins which will be necessary in the site
A description of how graphics will be used in the site
A description of the content to be included in the site and how this content will be acquired –Give attention to copyright restrictions.
A description of how usability and accessibility are considered in the site design
Post your paper as an attachment.
Day 5 30
Week Eight: Website Prototyping
Details Due Points
Objectives 8.1 Apply effective design concepts and techniques to a prototype homepage and secondary pages.
8.2 Use CSS with Adobe® Dreamweaver® CS5.
Reading
Read Ch. 7 of Principles of Web Design.
CheckPoint
Toolwire® Lab:
Add Style to
Pages
Resources: Toolwire®
Part I: Complete the Toolwire® Lab: Add Style to Page Content.
Submit the final files to your instructor.
Day 3 30
Individual
Website
Prototyping
Resources: Toolwire® and Master Visually
Part II: Complete the Index.html and your secondary page.
Use the Adobe® Dreamweaver® CS5 software on the Toolwire® desktop.
Add style and color to your content using CSS.
Embed CSS style into your web pages to enhance the content and color of your page.
Include at least four different HTML tags in your embedded style.
Make final adjustments to complete your two-page design.
Submit the final files to your instructor.
Day 7 90
Week Nine: Website Redesign Recommendations
Details Due Points
Objectives 9.1 Evaluate web page layouts, navigation, and performance.
9.2 Develop recommendations for redesign.
Participation
Participate in class discussion.Day 7 20
Capstone
Discussion
Respond to the capstone discussion question. Day 2 40
Question
Select a business or e-business website from the Internet. Evaluate the page layout, navigation, and performance based on your knowledge from the past 9 weeks.
Final Project
Website Analysis
Paper
Analyze the website you selected for the Capstone Discussion question.
Use your knowledge gained from the past 9 weeks.
Evaluate the current design of the site.
Identify recommendations for redesign.
Write a 750- to 1,050-word page paper providing your evaluation and recommendations for redesign.
Format your paper consistent with APA guidelines.
Post your paper as an attachment.
Day 7 160
