Basic Web Design: HTML & CSS

Enrollment Message:

Tablets are not a compatible device for this course. Students will need access to an HTML editor, image editing software, and web-hosting and basic in-browser FTP. See the full syllabus for details regarding technical requirements.

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) programming 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...

  • Apply concepts of Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) programming languages
  • Design and create a fully functioning website
  • Analyze document structure
  • Apply concepts of copyright and fair use to the text and images
  • Synthesize design components of websites, such as color, layout, typography rules, and imagery
  • Synthesize multimedia elements such as audio and video into a website

Course Outline:

Module 1: Intro to Web Design

Module 2: Structure and Function

Module 3: Beautification

Module 4: Advanced Layouts

Module 5: Multimedia

Module 6: Course Review and Exam

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 diplomas. A final score out of total points earned will be submitted to your school mentor 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 require a computer device with headphones, a microphone, webcam, up-to-date Chrome Web Browser, and access to YouTube. Students will need a computer or laptop for this course; tablets are not sufficient.

Students will also need access to the following software on their device.

Image Editing Software (choose one):

  • Pixlr (browser-based software)
  • GIMP(downloadable program)

Web-hosting and basic in-browser FTP (choose one):

Optional Alternative HTML Text Editor(choose one, optional):

  • Sublime Text (requires download)
  • 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

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: None

Details


School Level: High School
Standards: Michigan K-12 Computer Science (CS) Standards
NCAA Approved: N/A - Non-Core
Alignment Document: Document
Course Location: Michigan Virtual (Brightspace)
NCES Code: 10201
MDE Endorsement Code: NR - Computer Science
MMC Minimum Requirements: EDP/Career Interest Elective

When Offered: (24-25) Semester 1 - Traditional/Delayed Start

Content Provider: Accelerate Education
Instructor Provider: Michigan Virtual

Course Type: Plus