|
|
 |
 |
 |
|
|
|
 |
 |
Welcome to Web Design |
The technology applications curriculum has six strands based on the National Educational Technology Standards (NETS•S) and Performance Indicators for Students developed by the International Society for Technology in Education (ISTE): creativity and innovation; communication and collaboration; research and information fluency; critical thinking, problem solving, and decision making; digital citizenship; and technology operations and concepts. |
|
| |
|
|
|
 |
The integration of the global society and the exchange of information through innovative and diverse media that require the effective communication of multiple data elements to display use of high quality and complex media that is created with the dynamic end-user expectations. These adaptations drive the creation of new tools to allow students a selection process of powerful and effective ways through social communication that promotes their competitive development. Therefore, as we focus our insightful vision to the future, students are presented with courses that follow various challenges and changing trends in their productive capacity.
View Course Syllabus and parent letter |
|
 |
| |
|
|
|
 |
Parent Letter |
|
 |
| |
|
|
|
 |
February 6 - 10, 2012 |
The Major Project for the 5th Six Weeks will be the MS BLIINK Contest. See details below.
Imagine a future made better by technology The theme is of Bliink 2011 is 'Imagine a future made better by technology’. What problem can you solve with technology? Imagine the solution to a local, regional or global challenge: Dream big! See technology with a different perspective! Watch this video and get inspired. Here are some ideas to get you thinking:
- Help families meet their needs for nutrition, low cost foods, housing, health care, or education.
- Improve the health of your peers.
- Fight health problems.
- Create healthy yummy snacks to fight obesity and improve health. Improve educational opportunities and provide learning resources for children.
- Develop strategies for teaching acceptance and respect.
- Engage your community in solving problems; reducing crime, creating or maintaining local parks, beautification, and transportation.
- Encourage your community to conserve energy and recycle.
- Design new uses for recycled materials.
- Create safe havens for victims of crime or harassment.
- Help businesses reach new customers or better satisfy their customers’ needs.
- Encourage support of local businesses.
- Develop products or services that satisfy local needs.
- Reduce energy consumption. Improve or develop implementation plans for an existing energy sources.
- Find care/homes for children orphaned by AIDS, disasters, or poverty.
- Reduce the rate of deforestation.
- Protect endangered species.
Complete Lesson Plans for week 6 - 6 wk. 4 |
|
 |
| |
|
|
|
 |
January 30 - Febraury 3, 2012 |
Students will complete a multi-page web site showcasing popular beaches around the world. The lesson is based on an introductory tutorial. Students are to work in teams of 2 to complete the assignment.
Due - Tuesday, January 31 at the end of class.
The second tutorial is modeled after the Beaches; students are expected to complete the tutorial on their own.
Due at the end of class on Friday.
Complete Lesson Plans for week 5 - 6 wk. 4 |
|
 |
| |
|
|
|
 |
January 23 - 27, 2012 |
Introduction to Expression Web
Students will be working as a team of 2. Their job is to complete the Beaches Web Site based on the tutorial instructions. Each team will receive 3 ‘help lines’ that can be used when they have exhausted all resources and cannot accomplish the task explained in the tutorial. My suggestion is to reread the section, study the menu items and backtrack when necessary. I will approve each exercise in the packet. You must complete each successfully BEFORE moving to the next section. Your team will earn the same grade. It will be based on the ‘weakest link’. Each of your jobs is to ensure the other person can manage the software well. This tutorial is a challenge, but is very specific in most areas. Do not just look at the pictures, but actually READ the content carefully. You should practice some of the suggestions even though you may not actually need them to complete the task. Consider this a ‘learning’ experience and a challenge. The next assignment is based on this one, but will be done alone. Learn all you can now.
*note: This tutorial can be viewed online - Expression Web. (Please DO NOT print this, but feel free to review it between classes if you are confused or need a bit more time to review the process. The assocaited files needed for the tutorial are in the @pickup folder.
Complete Lesson Plans for week 4 - 6 wk. 4 |
|
 |
| |
|
|
|
 |
January 16 - 20, 2012 |
Setting Margins HTML automatically adds space around the objects on a web page. Without using style sheets, there is not much that can be done to modify this space. Style sheets provides the margin property which allows for specific margin sizes to be set around various objects on your document, including images, paragraphs, tables, headings, etc. Using the margin properties, you can add precise margins to all four sides of an object, or to specific sides. Style sheets also allow you to use specific units of measure so that you have more control the placement of the objects on your page.
Borders
Borders may also be added around objects. Borders are applied in much the same way as margins. They may be applied to all four sides of an object, or they may be applied to a single side. There are various types and styles of borders that are available. There are three basic border properties, the border-style, border-color, and border-width. All three of border properties may be applied to a single object.
Complete Lesson Plans for week 3 - 6 wk. 4 |
|
 |
| |
|
|
|
 |
January 9 - 13, 2012 |
Introduction to Expression Web
Expression Web is an Application that delivers standards-ompliant Web experiences with Expression Web 4.
Student will complete their second web site based on their Fun Photo and will be introduced to the Web Application - Expression Web 4.
See Complete Lesson Online (note that these are in Word format. Please contact me if you cannot open the file).
|
|
 |
| |
|
|
|
 |
Second Semester Web Mastering |
January 2 - 6, 2012
This semester will focus on applications used to create HTML as well as developing animations using Flash.
This first week, we will complete the fun photo assignment from last semester to review the concepts covered on the exam. Students will create a two page website describing the mechanics used to create their Fun Photo. A brief description of the photo will be included on the homepage.
Students will begin work on their Portfolios and this semester will focus on adding content including links to all major projects.
Complete Lesson Plans for week 1 - 6 wk. 4 |
|
 |
| |
|
|
|
 |
December 12 - 16, 2011 |
Web Mastering Mid-Term 2011
I. Objective Portion of Exam -- 50%
Review for the Objective Portion of the Exam - check your answers
II. Photoshop Portion of Exam-- Create an image using given images.-- 35%
Create an lastnamefirstinitialmideterm folder in your folder on the student server (top level). These images can be copied from the Web Mastering lessons (they'll be 'live' the day of the exam). Save these images to your folder .
– this should take about 30 minutes – watch the clock.
III. HTML Portion of Exam -- 15%
All files must be saved to your lastnamefirstinitialmidterm folder on the student server.
The objective of this portion of the exam is showcase the holiday image you created and link to two other pages. Use your knowledge of reading code to modify the pages. You must have all files in your lastnamefirstinitialmidterm folder. Go the @pickup folder on the student server. Highlight all of the files in the folder and hit Ctrl+C to copy them. Access the lastnamefirstinitialmidterm you created in the Photoshop portion of the exam and hit Ctrl+V to paste them to the folder. Read the prompts carefully.
Complete Review will earn +5 on your final exam. FINAL EXAM SCHEDULE
|
|
7:55 - 9:55 AM |
10:05 AM - 12:05 PM |
Dismissal |
|
Tuesday, Dec. 15 |
1st Period Final |
2nd Period Final |
at 12:05 PM |
|
Wednesday, Dec. 16 |
3rd Period Final |
4th Period Final |
at 12:05 PM |
|
Thursday, Dec. 17 |
5th Period Final |
6th Period Final |
at 12:05 PM |
|
Friday, Dec. 18 |
7th Period Final |
0 or 8th Period Final |
after last exam |
|
|
| |
|
| |
|
|
|
 |
December 5 - 9, 2011 |
Objective: Create a multi-layer, creative image using Photoshop. The final image should create a imaginary scene that looks very real. You can include a creature that does not exist in the real world. It might be a human with cat’s eyes, or a fish with gorgeous human lips. You can create an imaginary being, or modify your image with other animal features. You should add a background that suits the image. The final image must contain a remarkable ‘likeness’ of YOU. Be sure that ONE of your images include your image.
Review for the Web Mastering Final Exam - (link) Complete Review will earn +5 on your final exam. FINAL EXAM SCHEDULE
|
|
7:55 - 9:55 AM |
10:05 AM - 12:05 PM |
Dismissal |
|
Tuesday, Dec. 15 |
1st Period Final |
2nd Period Final |
at 12:05 PM |
|
Wednesday, Dec. 16 |
3rd Period Final |
4th Period Final |
at 12:05 PM |
|
Thursday, Dec. 17 |
5th Period Final |
6th Period Final |
at 12:05 PM |
|
Friday, Dec. 18 |
7th Period Final |
0 or 8th Period Final |
after last exam |
|
|
| Complete Lesson Plans for week 5&6 - 6 wk. 3 |
|
 |
| |
|
|
|
 |
November 28 - December 2 |
Students will continue their work in Photoshop to create a combined image reflecting their skill with the selection tool.
Complete Lesson Plans for week 4 - 6 wk. 3 |
|
 |
| |
|
|
|
 |
November 14 - 22, 2011 |
First Web Site Students will complete their first web site based on their original design using the skills learned in the CSS unit.
All content for the pages was to be completed at the beginning of class on Monday, November 14. The content will be entered into the web site during class.
Students need to bring at least one picture for their website. (preferably digital) The required Tech Fee ($5) -- See parent letter linked above is necessary to obtain a whstech account to publish this website. Publishing is a requirement for the course. Please encourage your son/daughter to take care of this requirement if they have not done so.
Complete Lesson Plans for week 2 & 3 - 6 wk. 3 |
|
 |
| |
|
|
|
 |
November 7 - 11, 2011 |
Cascading Style Sheets (CSS) is simple, but powerful, tool for controlling the styles of a web site. CSS allows the designer to separate out the look and feel of the page from its structure. By removing the style (colors, font sizes, faces, margins, layout, etc), the designer can focus on content when creating the individual pages of the site. The style definitions can be written in separate files. This can be especially helpful with large web sites. For example, if you were to modify the background color of a large web site without style sheets, you would have to modify the code on every page of the site. Cascading style sheets allow you to simplify this process and make the change on a single style sheet file which will update the background of all pages on the site.
Is Your Tech Fee Paid?
You will be getting the whstech account this unit.
Complete Lesson Plans for week 1 - 6 wk. 3 |
|
 |
| |
|
|
|
 |
October 31 - November 4, 2011 |
End of Six Week 2 - November 4
Basic Concepts on Web Graphics
There are two basic image formats, raster and vector. Raster, sometimes called bitmap, images are made up of a bunch of small colored dots called pixels. A Pixel is an abbreviation of "picture element". A pixel is the smallest measurable unit of an image on the screen. When you increase the size of a raster image, you lose quality because you are just increasing the size of each pixel that makes up the image so the image appears with jagged edges and little detail, sometimes called pixilated. A procedures sometimes used to reduce the appearance of the individual pixels in an images is called antialiasing. Antialiasing is the process of softening hard edges in an image so it appears smoother.
Complete Lesson Plans for week 5 - 6 wk. 2 |
|
 |
| |
|
|
|
 |
October 24-28, 2011 |
Students have been assigned an account in IEClass - www.ieclass.com/ I encourage parents to review this material with your student. We are beginning to create web pages and students will be working with their own individual content and design soon.
Note: Retakes for the List Test from Last Friday will be Tuesday after school or Wednesday at lunch.
Introduce three types of links: relative, absolute and mailto. Define link. Read the lesson and answer the questions on the handout. Go over the questions. View the link video from IEClass and have students practice creating links in IE Editor. By the end of this week, students will have create two, four page web sistes. They should start thinking about the content they want for their first published site.
Complete Lesson Plans for week 4 - 6 wk. 2 |
|
 |
| |
|
|
|
 |
October 17-21, 2011 |
NOTE: Progress Report grading deadline is Tuesday, October 18.
Lists are used to present information in an easy to read format. There are three types of lists: bulleted, called Unordered lists; numbered, called Ordered lists; and Definition lists, which are primarily used to set off and define terms. The definition list does not use bullets or numbers, but uses indentations.
Complete Lesson Plans for week 3 - 6 wk. 2 |
|
 |
| |
|
|
|
 |
October 10-14, 2011 |
Basic Tags and Structure: This lesson will introduce students to various web based coding languages used. Students will learn the basic HTML tags and page structure. Students will learn to create and save basic web pages and how to view them in their web browser. The importance of cross-browser compatibility will also be discussed.
Test on Wednesday, Thursday or Friday (check schedule) over Basic Tags
Complete Lesson Plans for week 2 - 6 wk. 2 |
|
 |
| |
|
|
|
 |
October 3 - 7, 2011 |
This is a short introduction to writing XHTML. What is XHTML? It is a special kind of text document that is used by Web browsers to present text and graphics. The text includes markup tags such as to indicate the start of a paragraph, and to indicate the end of a paragraph. HTML documents are often referred to as "Web pages". The browser retrieves Web pages from Web servers that thanks to the Internet, can be pretty much anywhere in World.
Complete Lesson Plans for week 1 - 6 wk. 2 |
|
 |
| |
|
|
|
 |
September 26-30, 2011 |
Learning Objectives
- Identify the basic principles of design.
- Create samples that demonstrate design principles.
- Apply design principles for effective communication for target audiences.
- Write content to fit the intended user.
- Evaluate Web sites based on their design and usability.
- Evaluate Web sites on the effectiveness of communication.
- Apply Web design patterns and site organization to Web site design.
Complete Lesson Plans for week 6 - 6 wk. 1 |
|
 |
| |
|
|
|
 |
September 19 -23, 2011 |
Students will be developing the End Result of Web Design.
Communication is something that we do every day. It is the transfer of information from one individual to another. One individual sends the information with the expectation that another individual or group will receive the information. Many times you will see these individuals defined as a sender and a receiver.
From infancy, people use communication in their daily lives. Since communication is used daily, you might expect that it would be easy for everyone. This isn’t the case. Many times through our communication, we can send mixed messages. Two individuals may get completely different messages from the same statement.
This section will provide you with ideas on how to make your Web message a little less misleading for the receiver. In this section, you will learn:
The basic mechanics of the human eye;
How the human brain processes the information that is received from the eye;
The basics of design elements;
How design principles are used in a Web design.
The first half of this section will cover the mechanics of how the human body receives and processes information. We will look at how the human eye processes the light that it receives and then how that information is processed by the brain. The second half of this section will delve into the basics of design elements and principles. We will explore the elements of color, shape, line, texture, and typography. We will also explore the principles of movement, balance, proximity, repetition, and unity.
Complete Lesson Plans for week 5 - 6 wk. 1 |
|
 |
| |
|
|
|
 |
September 12 - 16, 2011 |
Elements and Principles of Designn Confusion...
...I will give you my current take on what is an element and why principles cause so much confusion.
Space as a visual element is difficult to conceptualize and hard to explain. Is it worth it? Who needs to know it? I find it easier if we put some time into ways artists create an Illusion of Space (depth) (a visual effect). I have added a category.
1. Visual Elements (the basic things that can be seen)
2. Design and Composition Principles (arranging the basic things better)
3. Visual Effects (ways to fool the eye - make an impression)
Complete Lesson Plans for week 4 - 6 wk. 1 |
|
 |
| |
|
|
|
 |
September 5 - 9, 2011 |
The Web offers a rich array of content and services. Learn how to make the most of your surfing experience. The Web at a Glance - see the lessons online!
Students will Summarize the technical needs of a World Wide Web (WWW) server including Random Access Memory (RAM), hard disk capacity, Central Processing Unit (CPU) speed, methods of connectivity, and appropriate software. Finally, on Friday they will have the opportunity to view the components of actual computers.
View Complete Lesson Plans for week 3 - 6 wk. 1 |
|
 |
| |
|
|
|
 |
August 29 - September 2, 2011 |
Students will complete a Pre-Assessment of skills that will be covered in the first semester of Web Mastering.
Students now have access to a secure student server and a class gmail account.
The class will take most objective assessments using an online application (QuizStar) and are expected to check email on a regular basis.
Complete Lesson Plans for week 2 - 6 wk. 1 |
|
 |
| |
|
|
|
 |
August 22 - 26, 2011 |
Students have been given copies of the syllabus and parent letter containing necessary supplies for the class as well as an explanation of a required Technology Fee. Please review and make sure your daughter/son is prepared for class in a timely manner.
Complete Lesson Plans for week 1 - 6 wk. 1 |
|
 |
| |
|
|