Web Page Design Model
Units:
- Introduction to the Internet and the World Wide Web
- Portable Whiteboard
- Copyright Laws- Ethical Content Use
- Art and Web Design Principles
- Boolean Logic
- Internet Navigation Tools
- Web 2.0
- Intro to Blogging
- Creating Your Own Blog Site
- The Generator Blog
- Teacher Intro
- Creating an Avatar
- Creating a blog on Blogger
- Customizing Blog Appearance
- Customizing the Color/Appearance of your Blog.
- Posting to your Blog
- Creating a Blog Post
- Assessment of 1st blog post
- Posting images and videos
- Adding Your Avatar
- Using Widgets
- Adding Widget/Gadgets
- Presenting Blogs to the class
- Podcasting- Let Your Voice Be Heard
- Wikis- What?s a wiki?
- Videoconferencing- Say it with Skype!
- File Management
- HTML/CSS
- Introduction to Cascading Style Sheets (CSS)
- Introduction to Basic HyperText Markup Language (HTML) Tags
- CSS Rules and Browsers
- Creating Hyperlinks with HTML
- Using HTML Table Format
- Creating Lists within a Web Page
- Working with Images
- Text, Divisions, Borders and Rounds with CSS
- Make 3 web pages from one and manage with External CSS
- Adding Text To AP Div Tags
- Creating A Basic Layout Using AP Div Tags
- Formatting Images Using HTML Coding
- Text formatting with HTML
- A Polish to Your Site
- Site Development Planning
- Analyzing Websites
- Brainstorm First
- Organizing Brainstorming Ideas
- Introducing Layouts for Web Site Planning
- The Outline Approach to Web Site Planning
- Introducing Storyboards for Web Site Development
- Introducing Wireframing for Web Site Development
- Hook
- Lecture
- Checking for Understanding
- Demonstration
- Checking For Understanding
- Guided Practice
- Quick Independent Practice to Check for Understanding
- Closure Lecture Day
- "About Me" Wireframing Project Day 1
- Check for Understanding
- Closure Day 1
- Overview of Project -- Day 2
- Checking for Understanding
- Closure Day 2
- Overview of Project -- Day 3
- Checking for Understanding
- Closure Day 3
- Introducing Accessibility
- Intro to Art Theory and Fundamentals
- Web Portfolio
- What is this, the olden days? Different websites for different times
- Portfolio Understanding/Preparation
- Sample Student Portfolios
- Content/Organization of a Web Portfolio
- Organization of Student Web Portfolio
- Group Critique of Web Portfolio
- Student Presentation of Web Portfolio
- Scanning Images for Web Design
- Digital Camera for Web Design
- Planning a Logo for Web Design
- Building a Logo for Web Design
- Logo Review and Redesign for Web Design
- Web Portfolio
- Multimedia Web Page Development
- Web Development Applications
- Prepare Your Class/Club/Activity Web Site
- Publishing Content to the Internet
- How To Secure A Domain Name For Your Web Site
- How To Find A Hosting Server On The Web
- How To Upload And Update Your Web Site Using Dreamweaver
- "The files are INSIDE the computer!!!"
- Background information
- Demonstration #1, setting up the site in Dreamweaver
- Students Perform The First Task, Setting Up Remote Site
- Demonstration #2, Next Step, How To Upload Your Files To The Remote Host
- Students Perform The Second Task, Put Their Files To The Remote Site
- Employment Portfolio
Tags
Activity Originally Created By:
Janice Carter
What is this, the olden days? Different websites for different times
Part of Lesson Plan: Web Portfolio
Activity Overview / Details
Upon entering the class, hand students a Website Questionnaire. They need to answer the questions as completely as possible even if they’re not sure of the final outcome. Allow approximately 10-15 minutes to complete.
Handout-Website Questionnaire-See Below
Review with the class what the purpose of a web portfolio is. Ask them, "Has anyone every completed a portfolio for any class.?" Chances are somebody will have written a porfolio in one of their classes. Discuss the purpose of the web portfolio. State, "The main reason for a web portfolio is to show the quality of your work to either other teachers, perspective employers or potenial customers to hire you as a web designer.
Discuss with the class the following concepts of a portfolio; its purpose and its audience. Go through each point asking for input from the class. Ask each one of the points with "What do you think..."
• What is a portfolio?
• What are the goals of a particular portfolio?
• What does a portfolio contain?
• What could you use to communicate these ideas
For example: images, text, design of homepage, organization of the portfolio?
• What are the long-term and short-term goals of a
portfolio?
• Who is the audience for the portfolio?
Materials / Resource
Portfolio Website Questionnaire
[
Download
]
Handout - Questionnaire




