This document outlines the assignments for an introductory web design course. It includes assignments to create a website plan with the site purpose, target audience, and message. Students will design page layouts, add navigation and graphics, incorporate copyright principles, and prototype a two-page website using CSS and Dreamweaver. The final assignment is a paper analyzing an existing website and providing redesign recommendations.
How to Add a New Field in Existing Kanban View in Odoo 17
It 236 it236
1. IT/236
INTRO TO WEB DESIGN I
The Latest Version A+ Study Guide
**********************************************
IT 236 Entire Course Link
https://uopcourses.com/category/it-236/
**********************************************
IT 236 Week 1 Web Design Terminology
Resources: Associate Program Material: Appendix B
Complete the Web Design Key Terms matching table in Appendix B.
Click the Assignment Files tab to submit your assignment.
Appendix B
Web Design Terminology
Part One
Match the following web design key terms with their correct definitions. Use the Principles of
Web Design Week One readings as a resource.
1) CSS
2) DTD
3) HTML
4) Search engine
5) URL
6) W3C
7) Cookie
2. Definition Term
1 A set of rules that contains all the elements, attributes, and usage rules for the
markup language used in a web page
2 The markup language that defines the structure and display properties of a web
page
3 The global address of documents and other resources on the web
4 A style language, created by the W3C, that allows for the complete specifications
of style for HTML documents
5 A software program that searches out and indexes websites in a catalog
Part Two
Match the following web design key terms with their correct definitions. Use the Principles of
Web Design Week One readings as a resource.
1) Style Sheet
2) FTP
3) Search engine
4) Valid Code
5) Web server
6) W3C
7) XHTML
Definition Term
6 An organization that sets standards for markup languages and provides an open,
nonproprietary forum for industry and academic representatives to add to the
evolution of HTML
7 Markup code that conforms to the usage rules of the W3C.
8 A set of style rules that describes a document’s display characteristics. There are
two types of style sheets: internal and external.
9 A computer connected to the Internet that runs server software: The software lets
the computer use the Hypertext Transfer Protocol to serve an HTML file to web
browser clients.
10 A reformulated as an application of XML based on HTML 4.01
Part Three
Match the following web design key terms with their correct definitions. Use the Principles of
Web Design Week One readings as a resource.
1) Style Sheet
2) FTP
3) XHTML
3. 4) JavaScript
5) ISP
6) Cookie
7) Plug-in
Definition Term
11 A company that provides Internet access and website hosting services to
individuals and organizations
12 A standard communications protocol for transferring files over the Internet
13 A small piece of text-based data that a Web page stores on the user’s machine.
14 A helper application that assists a browser in rendering a special effect
15 A client-side scripting language used with HTML forms
IT 236 Week 2 Website Plan Part One
Resource: Associate Program Material: Appendix A
Create the first section of a website plan. The plan must include the site purpose, target
audience, and message.
Click the Assignment Files tab to submit your assignment.
Appendix A
Final Project Overview and Timeline
Final Project Overview
Project Proposal
Final Project Timeline
You should budget your time wisely and work on your project throughout the course. As outlined
below, some assignments in the course are designed to assist you in creating your final project. If
you complete your course activities and use the feedback provided by the instructor, you will be
on the right track to successfully complete your project.
Suggested in Week One:
Decide on the website topic and theme for your project. You design the project plan for a 5- to
7-page website throughout the course. Once your topic and theme have been decided on, they
may not be changed; thus, place considerable thought into this decision.
4. Possibilities include developing a website plan for your favorite charitable organization, your
professional portfolio, a small business in need of a web presence, or your choice.
Suggested in Week Two:
CheckPoint: Website Plan, Part One
Begin a professionally written website plan consistent with APA guidelines. This plan must
include the following:
A title page
The site purpose: a short paragraph to describe the purpose of the website
The target audience: bulleted list of your target audience
A message: Create a slogan for the site. It must be 10 words or fewer, but must drive the
site’s purpose to the audience. Write two to three sentences explaining how the slogan
will drive the website content.
Examples include “Drivers Wantedsm
” by Volkswagen®
, “Just do it™” by Nike®
, “They're
gr-r-reat!®
” by Kellogg's Frosted Flakes®
, or “Breakfast of champions™” by Wheaties®.
Assignment: Project Proposal: Site Structure
Submit the second section of a website plan illustrating the site structure to define the page
content, file names, and relationships among the pages. Your home page will be named
index.html. The site architecture map, or storyboard, may be accomplished using Microsoft®
Word or PowerPoint®
, Microsoft®
Visio®
, or Adobe®
Photoshop®
. Include the following:
Page content section: This is a short paragraph for each web page describing its content
and purpose. Include each page name. Do not include spaces or special characters in the
page names. The underscore character ( _ ) is acceptable; for example, home page:
index.html or resume page: LName_Resume.html.
Site structure type section: List the structure type you will use with a short paragraph of
why you selected this type; see pp. 75-78 of Principles of Web Design.
Storyboard: Create using your choice of Microsoft®
Word or PowerPoint®
, Microsoft®
Visio®
, or Adobe®
Photoshop®
; see pp. 75-78 of Principles of Web Design.
Suggested in Week Three:
CheckPoint: Project Proposal: Page Design
Continue building your Project Proposal. Visualize the page design for your site by creating
two different page layouts for the home page and two different page layouts for a secondary
5. page. Include the following components:
Modifications made to your proposal as recommended by your instructor in
Week Two
Placement of headings, navigational menu, text areas, and images in each page
layout: Color and font choice should also be indicated. Create layouts using your choice
of Microsoft®
Word or PowerPoint®
, Microsoft®
Visio®
, or Adobe®
Photoshop®
.
Suggested in Week Seven:
CheckPoint: Project Proposal: Graphic Design
Complete your Project Proposal. Finalize the page design for your site by finding images and
multimedia for your website. Include the following components:
Modifications made to your proposal as recommended by your instructor in Week Three
Any media formats and plug-ins that 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: Pay attention to copyright restrictions.
A description of how usability and accessibility are considered in the site design
IT 236 Week 2 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.
Click the Assignment Files tab to submit your assignment.
6. IT 236 Week 3 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 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.
Submit both layouts.
Click the Assignment Files tab to submit your assignment.
IT 236 Week 3 Toolwire ® Lab: Create a Web Page
Resource: Toolwire®
lab
Complete the Toolwire®
tutorials.
Complete the Toolwire®
Lab: Create a Web Page.
Click the Assignment Files tab to submit your assignment.
IT 236 Week 4 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:
Press Alt + Print Screen on your computer keyboard to create a screenshot.
Opena blank Microsoft®
Word document.
7. Press Ctrl + V on your keyboard to paste the screenshot into the document.
Format your paper consistent with APA guidelines.
Click the Assignment Files tab to submit your assignment.
IT 236 Week 4 Toolwire ® Lab: Site Structure
Resources: Toolwire®
Use the Toolwire®
Lab: Create a Site with Navigation as a learning tool. Do not submit this
week’s Toolwire®
Lab to your instructor.
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.
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.
Ensure thatthe folders and new pages are saved in the IT236-Name folder, and
compress (zip) the folder (Maximum file size is 10 MB).
Click the Assignment Files tab to submit your assignment.
IT 236 Week 5 Insert Graphics
Resource: Toolwire®
Complete the Toolwire®
Lab: Adding Graphics for practice. Do not submit this week’s
Toolwire®
lab to your instructor.
Complete the following:
8. 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”,
ofPrinciples of Web Design.
Click the Assignment Files tab to submit your assignment.
IT 236 Week 6 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.
Click the Assignment Files tab to submit your assignment.
IT 236 Week 6 Toolwire ® Lab: Page Content
Resource: Toolwire®
Complete the Toolwire®
Lab: Textual Content and Tables for practice. Do not submit this
week’s Toolwire®
lab to your instructor.
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”,
ofPrinciples of Web Design.
Click the Assignment Files tab to submit your assignment.
IT 236 Week 7 Project Proposal: Graphic Design
Resource: Assignment Program Material: Appendix A
9. Submit the third section of the website plan.
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
Click the Assignment Files tab to submit your assignment.
IT 236 Week 8 Toolwire ® Lab: Add Style to Pages
Resources: Toolwire®
Complete the Toolwire®
Lab: Add Style to Page Content.
Click the Assignment Files tab to submit your assignment.
IT 236 Week 8 Website Prototyping
Resources: Toolwire®
and Master Visually
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.
Click the Assignment Files tab to submit your assignment.
IT 236 Week 9 Website Analysis Paper
Analyze the website you selected for the Capstone Discussion question.
10. 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.
Click the Assignment Files tab to submit your assignment.