WEB DESIGN PROJECTS
Objectives:
107.00Understand concepts and methods used to create web-based digital media. 107.01 Understand concepts used to create web-based digital media. 107.02 Understand web-based digital media production methods, software, and hardware. |
Essential Questions:
What are the basic concepts used to create Web-based digital media? What are web-based digital media production methods, software, and hardware? |
Website Review: Good vs. Bad
Go online and surf around, starting looking at websites. You need to find 1 GOOD Website and 1 BAD Website. Don't just pick the first 2 sites you go to.
Next download the worksheet to the right, Good vs Bad Websites. This will open as a Word Document for you to answer the questions. When you have finished, make sure to save your file as last name + first name + period + websites. You will turn this in via AirDrop to your teacher when you are finished. Then you will get with a partner to explain your website choices to your partner and why! |
Worksheet:
|
Portfolio Web Design Project
You are creating a web site using Weebly. You will create a home page that is a welcome to your site that includes an introduction to yourself. You MUST include a photo (selfie or otherwise), and an About Me section on this page that introduces you to your target audience. Introduce yourself as if the audience knows nothing about you.
Your portfolio website should include...
Your work page can be set up in any organizational structure you prefer, but each project must include a written descriptions including the following information...
Domain Name: (Use the FREE Weebly option) Use some combination of your name and portfolio or digital media portfolio Each page should have the same look and feel as the previous page. You will create a top banner for each page that is a visual representation of the topic. You will need to decide on your banner size based in the layout of your website. You will create this in Photoshop or Illustrator with at least 2 banners on your site, but you can create more. You will add navigation to your site. This navigation should appear in the same place on each page (either along the side or at the top below the banner). Make sure to spell check all words - points will be counted off for spelling and grammar. You must publish your site in order for it to be seen!! To post Animations:
1. File > Export Movie> as a SWF > Then use Flash App in Weebly (will not display stage color) 2. File > Export > Export Video > Post on Youtube > Then use Youtube App in Weebly |
TAKE OUT YOUR PHONE AND SAVE YOUR USERNAME AND PASSWORD FOR YOUR WEEBLY SITE!!!
|
EXTRAS:
Learn HTML
US Image Map
Download the image to the right. Go to Dreamweaver and create a new HTML page. Insert the image to your page. You will be creating a US Image map of websites of the states listed below. Use the internet to copy and paste the states official website for your map. When you have finished, ask your Teacher to come and check it.
States to Map: |
|
|
|
EXTRA:
History of the InternetUsing the PowerPoint to the right, you are going to make a timeline of the events that helped create the internet. You can use Illustrator, Photoshop, or free online timeline builder, Time Graphics. Link is below. You should have a minimum of 20 entries. Make sure your entries are concise and clear.
|
|