CSCI-115 Web Design
SYLLABUS & SUPPLEMENTS
Link to Semester Project
- Due Date Reminders:
- Feb 28, Topic Approval
- March 16, Planning Analysis
- April 6, Site Map and Wireframe
- Final Project
May 2, 09:30 class
April 30, 10:30 class
COURSE NOTES
- Chapter 1
- Chapter 2 —
- Chapter 3 —
- Chapter 4 —
- Chapter Notes
- Examples of branding pages
- Day 1 of 3 Class Assignment
- Day 2 of 3 Class Assignment
- Day 3 of 3 Class Assignment
- Chapter 5 —Web Design
- Chapter notes, Sec 1-4
- Chapter notes, Sec 1-4
- Chapter 6 — Page Layout
- Chapter Notes
- Chapter 6 webpage example
- Chapter 7
- Part 1 - Media Queries
- Part 2 - Flexbox
- Part 3 - Grid Layout
- Part 4 - Combo, hands on 7.9
- Visual Studio Stuff
- Agenda April 4 & Videos
- Chapter 8
- Introduction
- 1st Video on Tables (Youtube)
- 2nd Video on Tables (Youtube)
- Chapter 9 Forms
- Special Topics
.
Day-to-Day links & Resources
Some quick code for css. Change to make it 'your own'
* { box-sizing: border-box; } body { background-color: dimgray; } #wrapper { background-color: white; width: 930px; margin: auto; } #col1,#col2,#col3 { float: left; min-height: 220px; width: 300px; margin: 5px; padding: 10px; background: #ff7050; } footer { clear: both; text-align: center; background: salmon; }
- About the Test on March 16th
-
Test #1 will focus on efficiency, accuracy, and knowledge of coding. You will not have to worry about creativity such as color schemes or layout. Everything will be specified step-by-step. Also, I will provide the images of the right sizes as well. For practice, it would be good to practice creating a page such as the one linked below. The test WILL NOT BE EXACTLY like the one below, but it is good practice. You may use placeholder text and image to simulate it.
The test wil be hands-on, open book, and a time-limit of 50-minutes.
Download the PDF for your practice. - March 3 Text File
- Jan 19 CofC gifs || The full article
- Jan 19 HTML Template video tutorial
Test 1 study guide
HOW TO UPLOAD HOMEWORK
RESOURCES
- Data Files, 10th Edition of book
- Another textbook website (open to all)
- Companion Site Requires registration and login
FREE SOFTWARE
- Web Resources (of all kinds)
- Text Editors
- Visual Studio Code
- Notepad++ (Windows)
- Atom
- FTP:
Filezilla Windows
Filezilla Mac
- Online Graphic Editors
- Pixlr.com
- Photopea