1. 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

2. 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

3. 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

4. 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

5. 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

6. 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

7. 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

8. 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

9. 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

10. 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

11. 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

12. 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

13. 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

14. 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

15. 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

16. 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

17. 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

18. 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

19. 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

20. 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

21. 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

22. 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

23. 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

24. 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

25. 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

26. 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

27. 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

28. 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

29. 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

30. 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

31. 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

32. 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

33. 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

34. 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

35. Deliverables (cont.) 2.You can use a free website, such as Angel Fire (www.angelfire.lycos.com/),www.angelfire.lycos.com/ 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

36. INSTRUCTOR CONTACT INFORMATION eMail: 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