Web Design (1 of 4): Introduction to Web Design

Part One of Two - Videos

Source: https://pixabay.com/p-386614/?no_redirect

The platform used for the videos is EdPuzzle. You can download the EdPuzzle app if you are using a smartphone (Android and iOS). CLICK HERE for more information.

Below are two videos. The first one explains a bit about HTML (Hyper Text Markup Language) and the second video explains what a web developer does. 

Watch the videos carefully as you are required to answer some questions. If you are not sure of an answer, you can watch the section again before you answer. 

Remember to make sure you log in to view the videos and make sure it is you logged in and not someone else. 

Web Design (2 of 4): Exploring Website Elements

PART ONE OF TWO

Watch the video below on the anatomy of a website (elements that are included and common in most website design). Make sure you are logged in under your name and not another student's name. 

The elements that the video discusses are:

• Header and Navigation
• Call to Action
• Primary Content 
• Secondary/Tertiary Content
• Sidebar
• Footer

Web Design (3 of 4): Web Design Principles

PART 1 of 2 - Web Design Principles

Below are videos that explore different web design principles, particularly the following:

• Graphic Design - The aesthetic principles related to colour, layout, typography and graphics.
• Interface Design - Elements related to how the user interacts with the site, primarily related to the navigation menu.
• Information Design - How content can be organized logically throughout the site and on each page. 

Make sure you are logged into your account and not another student's account as you watch the videos. 

Answer the questions and remember that you can view a section again if you are not sure of the answer. 

(Web Design 4 of 4): Designing Your Website

The Purpose of Your Website

The first thing you will need to do is create a purpose for the website. You will have to come up with some "topic" that you can explore and will give you enough information (content) to create a website. If you are not sure about a topic, consider the following suggestions:

• Some type of fictional business (you can model it from a real business) 
• Some type of fictional non-profit organization (you can model it from a real one)
• A topic you have an interest in and enough knowledge and/or experience you could share in a website
• A how-to website that explains in great detail on how to make something or what steps to take to purchase an item, etc. 
• Your magazine topic could become your website, depending on your knowledge and interest. 
• A portfolio of yourself, describing who you are, displaying some school work, describing extra curricular involvement, interests, etc.