Web 1 - Distance Learning
Packets available on the CHS Distance Learning website
Week 1
Setting Up Your Macbook
| Time | Topic Covered |
|---|---|
| Install VS Code, Dreamweaver, and Photoshop | |
| 03:17 | VS Code Install |
| 07:56 | VS Code Extensions |
| 05:13 | Dreamweaver Install |
| 04:45 | Dreamweaver Site |
| 04:09 | Photoshop Install |
| 07:47 | Div Build |
| 33:07 |
Week 2
Please complete the assignments on my website. I have provided the most important videos below, but there is additional information on my website. Go to Web Page Design 1 Quarter 3.
To turn in your assignments, please compress (zip) your assignment folders and email them to mchagoyan@chusd.org. Make sure to send separate emails for each assignment. Here is a video demonstrating how to compress a file and attach it to an email: Turn In Work.
Make sure to follow the code in the assignment source code, not the demo video below. Learn from the demo video. It is not the assignment, but it is close. Apply what you learn from the demo videos on the assignments available on my website.
Assignment007 and Assignment008
| Time | Topic Covered |
|---|---|
| Assignment007 - Link Styling | |
| 022:43 | The Code |
| The Image (optional) | |
| Overview (optional) | |
| Assignment008 - Classes and IDs | |
| IDs Review (optional) | |
| 07:01 | Classes |
| 29:44 |
Week 3
Please complete the assignments on my website. I have provided the most important videos below, but there is additional information on my website. Go to Web Page Design 1 Quarter 4.
To turn in your assignments, please compress (zip) your assignment folders and email them to mchagoyan@chusd.org. Make sure to send separate emails for each assignment. Here is a video demonstrating how to compress a file and attach it to an email: Turn In Work.
Make sure to follow the code in the assignment source code, not the demo video below. Learn from the demo video. It is not the assignment, but it is close. Apply what you learn from the demo videos on the assignments available on my website.
Assignment009B2 and Assignment009C0
| Time | Topic Covered |
|---|---|
| Assignment009B2 - Nested Div Structure | |
| 02:33 | Div within Div Intro |
| 12:28 | Div within Div |
| Assignment009C0 - Nested Div Structure + Header | |
| 03:19 | Div within Div Intro + Header |
| 10:25 | Nested Divs + Header |
| 28:45 |
Week 4
For Week 4, please complete assignment009C3 and assignment009C3A. I have provided the most important videos below, but there's additional information on my website. Go to Web Page Design 1 Quarter 4.
To turn in your assignments, please compress (zip) your assignment folders and email them to mchagoyan@chusd.org. Make sure to send separate emails for each assignment. Here is a video demonstrating how to compress a file and attach it to an email: Turn In Work.
Make sure to follow the code in the assignment source code, not the demo video below. The demo video is an example to learn from. The demo video is not the assignment.
Assignment009C3 and Assignment009C3A
| Time | Topic Covered |
|---|---|
| Assignment009C3 - Flexbox Layouts 1 | |
| 16:13 | Flexbox Layout 1 - Simple |
| Assignment009C3A - Flexbox Layouts 2 | |
| 18:47 | Flexbox Layout 2 - Complex |
| 35:00 |
Week 5
For Week 5, please complete assignment009C and assignment009D. I have provided the most important videos below, but there's additional information on my website. Go to Web Page Design 1 Quarter 4.
To turn in your assignments, please compress (zip) your assignment folders and email them to mchagoyan@chusd.org. Make sure to send separate emails for each assignment. Here is a video demonstrating how to compress a file and attach it to an email: Turn In Work.
Make sure to follow the code in the assignment source code, not the demo video below. The demo video is an example to learn from. The demo video is not the assignment.
Assignment009C and Assignment009D
| Time | Topic Covered |
|---|---|
| Assignment009C - Minimum Height | |
| 09:00 | Minimum Height |
| Assignment009D - Flexbox Layout | |
| 03:20 | Flexbox Layout Overview |
| 05:40 | Flexbox Layout CSS |
| 10:31 | Flexbox Layout HTML |
| 28:31 |
Week 6
For Week 6, please complete assignment017B and assignment17C. I have provided the most important videos below, but there's additional information on my website. Go to Web Page Design 1 Quarter 4.
To turn in your assignments, please compress (zip) your assignment folders and email them to mchagoyan@chusd.org. Make sure to send separate emails for each assignment. Here is a video demonstrating how to compress a file and attach it to an email: Turn In Work.
Make sure to follow the code in the assignment source code, not the demo video below. The demo video is an example to learn from. The demo video is not the assignment.
Assignment017B and Assignmen017C
| Time | Topic Covered |
|---|---|
| Assignment017B - Flexbox Fix and Link Styling | |
| 08:37 | Flexbox Fix |
| 04:26 | Section Link Styling |
| Assignment017C - Flexbox Menu | |
| 00:08 | Flexbox DisplayFlex Animation |
| 13:22 | Flexbox Unordered List Menu |
| 26:33 |
Week 7
For Week 7, please complete assignment017D and assignment17E. I have provided the most important videos below, but there's additional information on my website. Go to Web Page Design 1 Quarter 4.
To turn in your assignments, please compress (zip) your assignment folders and email them to mchagoyan@chusd.org. Make sure to send separate emails for each assignment. Here is a video demonstrating how to compress a file and attach it to an email: Turn In Work.
Make sure to follow the code in the assignment source code, not the demo video below. The demo video is an example to learn from. The demo video is not the assignment.
Assignment017D and Assignmen017E
| Time | Topic Covered |
|---|---|
| Assignment017D - External Style Sheets | |
| 09:21 | External Style Sheets |
| Assignment017E - Transitions | |
| 13:03 | Transitions |
| 22:24 |