COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

STUDENT SCENARIO: WEB DESIGN PROJECT In this scenario, you will be designing a website that is related to your major, a hobby or a personal project. Kevin Atwood will be your virtual guide for this project. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

OBJECTIVES MISSING OBJECTIVES This course will enable you to develop logical thinking skills, including: Asking probing questions to uncover details of a problem Clearly defining a problem Defining clear success criteria for the project including measurable objectives HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Hello, I’m Kevin. I’ll walk you through the tasks for this project. Good luck! HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

PROJECT OVERVIEW You are required to create a website that is related to your academic major, a personal project or a hobby. (For example: you may want to create a website for a business that you currently own or want to own.) You will work on portions of the website project using the guidelines under the 7 project tasks. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Ready to get started? Task 1 is waiting for you! HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

TASK 1: DESIGN PROPOSAL For this task, you will create a design proposal for your website. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Deliverables This week, you will submit the web site proposal. The web site proposal will include the following: Website topic Brief description of website topic Intended audience Storyboard (You can use Microsoft Word’s drawing feature) HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Action Plan 1.Type the proposal using a word processing program 2.Save the web site proposal using this filename: Proposal-YourLastName (where YourLastName is your last name) HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

You are doing great. It’s time for your next task. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

TASK 2: IMAGES For this task, you will create the home page and locate images for the website. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Deliverables Create the home page for your website using the basic XHTML codes to create a web page: Name the homepage index.html Use the information in your website proposal to add the basic content to your home page Save the content pages using appropriate filenames HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Notes You will continue to add to the home page throughout the course. You can also create the website content pages using basic XHTML codes Create a folder on your computer named Images. Store the images in the Images folder that you created on your computer. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Action Plan Your website should include least one of the following on the content pages: 1.Original artwork created by you in Adobe Illustrator, Photoshop, MS Paint or other graphics software. A single colored or plain gif or jpeg does not satisfy this requirement. Using this gif or jpeg as a background gif will not satisfy this requirement. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Action Plan (cont.) 2. Digital photograph (you have taken yourself) and is relevant to the topic. The digital photograph file must be in a gif or jpeg format. 3.Public domain (or freeware) clipart (e.g., gif image). Be sure to get permission from the owner of the clipart/pictures before including clipart/pictures that are copyrighted. Note: On the web, if it does not say the image is free, you must consider the image to be copyrighted and thus, you need to have permission to use the image/picture in your website. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Action Plan (cont.) You should insert clipart appropriately throughout your project pages. At least one clipart must be on one of the content page Search the Internet for images to use for your website project. You can also use personal digital photographs and images that you create HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Ready to move on to your next task? HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

TASK 3: INTERNAL AND EXTERNAL LINKS For this task, you will internal and external links to the web pages. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Adding Internal Links Navigation menu: Add links at the top of each page OR along the left side of each page that contains links to every page in your project. When you perform your next task, you will add the links to a table to complete the navigation menu. Make sure that you test the links. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Top Navigation Example (links on top of page) Home PageWomen’s ClothingMen’s ClothingChildren’s ClothingCheckout Home Page Women’s Clothing Men’s Clothing Children’s Clothing Checkout Side Navigation Example (links on left side of page) HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Adding External Links The content pages should include at least three links to external websites that relate to your website topic. Make sure that you test the links. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Now you’re ready for your next task. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

TASK 4: TABLES In this task, you will add a table with links. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Adding Internal Links/Navigation Insert an XHTML table at the top of each page OR along the left side of each page that contains links to every page in your project. The borders of the cells must be visible. The same navigation menu should be included on all content pages. Insert the links to the web pages in a cell of the table. The navigation menus on the content pages should also include a link to the home page. Use of FRAMES is not permitted. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Top Navigation Example (within table) Home PageWomen’s ClothingMen’s ClothingChildren’s ClothingCheckout Home Page Women’s Clothing Men’s Clothing Children’s Clothing Checkout Side Navigation Example (within table) HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Good job on the links. Now you’re ready for the next task. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

TASK 5: FORMS In this task, you will add a form to the website. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Deliverables Add a form to at least one of the web pages. The borders of the cells must be visible. The form will include: Submit button – button will not work when clicked. Reset button – button will work when clicked. At least four different form elements such as a textbox, radio buttons, etc. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

OK, let’s move on to the next task. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

TASK 6: CSS STYLE SHEETS In this task, you will add a style sheet to your website. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Deliverables Add Cascading Style Sheets with at least the following formatting elements. (Your website should include at least one external style sheet) Text color Background color Text formatting (ex. Italics, Bold) Headings HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

One more task to go… Let’s move on! HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

TASK 7: UPLOAD TO SERVER In this task, you will upload the web site files to a web server. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Deliverables You have several options for storing your web pages: 1. If you have access to a server, you may have to contact the IT Help Desk for assistance on how to upload the web pages. You can use a free FTP (File Transfer Protocol) program, such as Core FTP to upload the files. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

Deliverables (cont.) 2.You can use a free website, such as Angel Fire ( to upload your web pages. 2.You can access your Internet provider and ask if you have access to web space. HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP

INSTRUCTOR CONTACT INFORMATION Phone: Office location: Office hours: Other info: HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK 1TASK 2TASK 3TASK 4TASK 5TASK 6TASK 7HELP