How to design a beautiful and functional website. Students will learn how to take their design and translate it into a live website using Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) programing languages. HTML5 and CSS3 will be the standard versions used in the class. Students will understand design components of websites, including the use of color, layout and when to use different techniques, typography rules, and the importance of imagery. At the conclusion of the course, students will present a website to the class. Upon completion of this course, each student will have hands-on experience creating a fully functioning website.
Prerequisites:None. Students do not need to have a previous technical background with HTML or CSS prior to taking this course.
Course Objectives: Upon completion of this course, students will be able to...
Recognize and understand HTML web page elements.
Know how to write basic HTML code.
Understand and apply effective web design principles.
Enhance web pages using text formatting, color, graphics, images, and multimedia.
Understand and apply CSS to format web page elements.
Apply accessibility standards.
Plan, design, and publish a multi-page website.
Course Outline:
Module 1: Intro to Web Design
Module 2: Layouts and Function
Module 3: Beautification
Module 4: Dynamic Layouts
Module 5: Audio and Video
Module 6: Final Project
Resources Included: Online lesson instruction and activities, opportunities to engage with a certified, online instructor and classmates, when appropriate, and online assessments to measure student performance of course objectives and readiness for subsequent academic pursuits.
Additional Costs: None.
Scoring System: Michigan Virtual does not assign letter grades, grant credit for courses, nor issue transcripts or diplomas. A final score reported as a percentage of total points earned will be sent to students upon completion of a course. Your school mentor is also able to access this score within the Student Learning Portal. Schools may use this score for conversion to their own letter grading system.
Time Commitment: Semester sessions are 18-weeks long: Students must be able to spend 1 or more hours per day in the course to be successful. Summer sessions are 10 weeks long: Students must be able to spend a minimum of 2 or more hours per day, or about 90 hours during the summer, for the student to be successful in any course. Trimester sessions are 12-weeks long: Students must be able to spend 1.5 or more hours per day in the course to be successful.
Technology Requirements: Students will need a computer or laptop for this course; tablets are not sufficient.
HTML Text Editor(choose one):
- TextEdit – For use on Mac – comes with Mac Operating System
- Notepad – For use on Windows – comes with Windows Operating System
- Text – For use on Chromebook – free app download from the Google Store
Image Editing Software (choose one):
- Pixlr (browser-based software)
- GIMP(downloadable program)
Web-hosting and basic in-browser FTP: Neocities – https://www.neocities.org
Students will require a computer device with headphones, a microphone, webcam, up-to-date Chrome Web Browser, and access to YouTube.
Please review the Michigan Virtual Technology Requirements: https://michiganvirtual.org/about/support/knowledge-base/technical-requirements/
Instructor Support System: For technical issues within your course, contact the Customer Care Center by email at [email protected] or by phone at (888) 889-2840.
Instructor Contact Expectations: Students can use email or the private message system within the Student Learning Portal to access highly qualified teachers when they need instructor assistance. Students will also receive feedback on their work inside the learning management system. The Instructor Info area of their course may describe additional communication options.
Academic Support Available: In addition to access to a highly qualified, Michigan certified teacher, students have access to academic videos and outside resources verified by Michigan Virtual. For technical issues within the course, students can contact the Michigan Virtual Customer Care by email at [email protected] or by phone at (888) 889-2840.
Required Assessment: Online assessments consist of formative and summative assessments represented by computer-graded multiple choice, instructor-graded writing assignments including hands-on projects, model building and other forms of authentic assessments.
Technical Skills Needed: Basic technology skills necessary to locate and share information and files as well as interact with others in a Learning Management System (LMS), include the ability to:
- Download, edit, save, convert, and upload files
- Download and install software
- Use a messaging service similar to email
- Communicate with others in online discussion or message boards, following basic rules of netiquette
- Open attachments shared in messages
- Create, save, and submit files in commonly used word processing program formats and as a PDF
- Edit file share settings in cloud-based applications, such as Google Docs, Sheets, or Slides
- Save a file as a .pdf
- Copy and paste and format text using your mouse, keyboard, or an html editor’s toolbar menu
- Insert images or links into a file or html editor
- Search for information within a document using Ctrl+F or Command+F keyboard shortcuts
- Work in multiple browser windows and tabs simultaneously
- Activate a microphone or webcam on your device, and record and upload or link audio and/or video files
- Use presentation and graphics programs
- Follow an online pacing guide or calendar of due dates
- Use spell-check, citation editors, and tools commonly provided in word processing tool menus
- Create and maintain usernames and passwords
Additional Information: Students will need a computer or laptop for this course; tablets are not sufficient. See Technology Requirements section for details on required software.