WEB DESIGN PROJECTS
Objectives:
207.00 Students will understand production methods used to create advanced web-based digital media.
207.01 Understand advanced pre-production methods for web-based media.
207.02 Understand advanced production methods for web-based media.\207.03 Understand advanced post-production methods for web-based media.
Essential Question:
How do we apply advanced pre-production, production, and post-production methods to plan and create web-based media?
207.00 Students will understand production methods used to create advanced web-based digital media.
207.01 Understand advanced pre-production methods for web-based media.
207.02 Understand advanced production methods for web-based media.\207.03 Understand advanced post-production methods for web-based media.
Essential Question:
How do we apply advanced pre-production, production, and post-production methods to plan and create web-based media?
Code Academy: Learn CSS
Learning Adobe Muse
In order to build your websites later, you will need to understand how to use Adobe Muse. This is a web design software that is all based on WYSIWYG instead of code. Download the Responsive Web Design file to the right and unzip it. Then use the Adobe Muse Tutorial to follow along to build a site like their example using the start files I have provided.
Start by reviewing the responsive website that you can build throughout this tutorial. Examine the web page and see how the responsive elements adapt when viewed across desktop, tablet, and phone browsers. |
|
Your Logo Website
You will be working to design a website using one of the logos you created for your fake for a company during Graphics. You will be creating a 3 page website based around this company. You must include the following:
|
Rubric:
|
Extras:
Deamweaver Tutorials: Use the documents linked here to help you work in Dreamweaver more effectively. Remember that you can create images, buttons, banners, etc...in Photoshop and import these into DW.
|
|