Welcome to CITS F222 Website Design
This course available online Spring and Summer semestersThe Spring semester is complete. This class and cohort has been amazing. Summer 2018 materials are located on: https://summerwebdesign.community.uaf.edu/. I intend to revamp this Spring course for 2019. Thank you to everyone! Have a great summer.
Week 1: Welcome & Getting Started
Review the course syllabus.
- READ Blackboard Getting Started contents, HTML & CSS book intro & Ch 1: Structure
- SUBMIT Bb Discussion #01: Hello World – 15 points (3%)
{ module link }
Week 2: HTML & EDITORS (January 21 - 27)
- READ Chapters 2: Text & 3: Lists
- SUBMIT HTML #01 – Required Structure 20 points (4%)
- EVALUATE editors
{ module link }
WEEK 3: REGISTRARS & DOMAINS (January 28 - February 3)
- READ Chapters 4: Links & 6: Tables; READ and RESEARCH about domains & registrars
- SUBMIT HTML #02: Links & Tables – 20 points (4%)
- OBTAIN your own DOMAIN and PARTICIPATE in Blackboard Discussion “Got My Domain” – 20 points (4%)
{ module link }
WEEK 4: DNS & IMAGES
- READ chapters 5: Images, 7: Forms & 8: Extra Markup
- UPDATE your DNS – 15 points (3%)
- CREATE and SUBMIT HTML #03: Images – 15 points (3%)
{ module link }
WEEK 5: FTP, File Names & CSS (February 11 - 17)
- READ Chapters 9: Flash, Audio & Video and 10: Introducing CSS
- VIEW “Part of Lecture” inside of Blackboard in the Getting Started folder
- DOWNLOAD FTP application(s) and practice uploading materials to your space on the CITS server
- PARTICIPATE in ONLINE DISCUSSION “Why do we need CSS?”
{ module link }
Week 6: Color & Client Project Introduction (February 18 - 24)
- READ HTML & CSS chapters 11: Color & 12: Text
- READ every portion of the course page for week 6
- UPLOAD HTML #04 “Colorblocking” to your web space
- DECIDE and share your path
{ module link }
Week 7: Images II (February 25 - March 3)
- READ HTML & CSS chapters 14: Tables, Lists & Forms & 16: Images; read how to create images with CSS; read how to alter the presentation of images with CSS
- READ every portion of the course page for week 7
- UPLOAD HTML #05 “Portfolio or Services” to your web space
- FILL OUT 1. Google Form A for your client project 2. AirTable Form for chosing track B
{ module link }
Week 8: Accessibility & Navigation (March 4 - 10)
- READ HTML & CSS chs 12: Text and 13: Boxes, the W3.org materials on Accessibility, a “Brief Check” article [old but still good] and the University of Washington IT Accessibility Guidelines
- READ every portion of the course page for week 8
- UPLOAD HTML #07 “Navigation”
- Participate in FORUM #03: Testing Accessibility
{ module link }
Spring Break
- Spring Break
- March 13 – 17 nothing is due.
Week 9: Responsive Web Design (March 18 - 24)
- READ Chapters 15: Layout & 17: HTML5 Layout. ALA article and
- articles on responsive web design
- RECREATE & UPLOAD Liquid Layout from Chapter 15
- CREATE Skeleton Layout ANDwrite about the differences between the layouts in the Bb Discussion Board
{ module link }
Week 10: Capstone I - Wireframes (March 25 - 31)
- Our focus this week is working with a full fledged project, becoming more skilled at developing your own layout.
- READ Minimalist web design: When less is more https://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/
- Discover what works best for your own layout: wireframes and/or sketching.
- You should be actively working with your client or on your track b project.
- PRACTICE making your page accessible with appropriately sized (dimensions and file size) images.
{ module link }
Week 11: WordPress I (April 1 - 7)
- Sign up for a free account at WordPress.com; to WordPress.com
- READ https://codex.wordpress.org/Posts and https://en.support.wordpress.com/posts/categories/
- READ 1 – WordPress Now Powers 22 Percent Of New Active Websites In The U.S.; 2 — How Many People Use WordPress: Statistics, Percentages, and Comparisons; 3 — With 60 Million Websites, WordPress Rules The Web. So Where’s The Money?
- CREATE a WordPress page
- PARTICIPATE in Bb Discussion
{ module link }
Week 12: WordPress II & Fonts (April 8 - 14)
- READ 1 – WordPress — Menu Guide on the codex & About Widgets 2 – Using Google Fonts 3 – Are you new to Google Fonts?
- Additional recommended reading about fonts
{ module link }
Week 13: jQuery & Javascript (April 15 - 21)
- Explore information about jQuery and JavaScript
- Practice with two widgets on the same page; demonstrate your ability to use web-safe fonts.
{ module link }
Week 14: Capstone II & HTML5 (April 22 - 28)
- You are almost done with (or you are done) your Capstone project
- Finish researching final items and testing them.
- Spend some time on W3 Schools and the HTML5 Intro through HTML5 Elements
- Assignments: Use jQuery or javascript to enhance your own or your client’s site
- PARTICIPATE in “Draft Client Site” discussion. THIS IS a great opportunity to get help and suggestions!
{ module link }
Week 15: Capstone III (April 29 - May 5)
This is the final week of the class.
Your assignment cannot be late. It is the last part of your capstone assignment. You have no final exam.
When turning in your final project you must also be sure to thank your client and see to it that he or she fills out the second Google form. No client? Thank your fellow students for their assistance.
{ module link }
SPRING 2018
*** Each Friday except during Spring Break (3/16/2018) and Friday, April 27 from 12 (noon) – 1:00pm using appear.in/CITS222
*** Each Friday except during Spring Break (3/16/2018) and Friday, April 27 from 12 (noon) – 1:00pm using appear.in/CITS222
SPRING 2018
Almost every assignment is due that week by 11:59pm (end of day Alaska time) Saturday.
Almost every assignment is due that week by 11:59pm (end of day Alaska time) Saturday.
See the syllabus for policies on turning your work in on time.
New resource for CSS?
In case you need a pop of color inside one of your DIVs or buttons. Check out
You can grab the CSS quite easily! background-image: linear-gradient( 135deg, #52E5E7 10%, #130CB7 100%);