Web Design

Web Design

In today's world, web pages are the main medium for sharing ideas and information. Learning to design websites is an incredibly useful skill for any career path. The Lights Innovation Labs LLC Web Design course is a project-based course that teaches students how to build their own web pages. Students will learn the languages HTML and CSS, and will create their own live homepages to serve as portfolios of their creations. By the end of this course, students will be able to explain how web pages are developed and viewed on the Internet, analyze and fix errors in existing websites, and create their very own multipage websites.

Who is it for?

The Web Design course is designed for complete beginners with no previous background in computer science. The course is highly visual, dynamic, and interactive making it engaging for students new to computer science. The course has a strong focus on creation. Students will be able to use their own personal interests and creativity to drive their development process.

What do you Learn?   Syllabus

Below is a summary of the material covered in each unit:

• What is the web ?

  Lesson - 1

  Students get a high level introduction to the Internet and how it functions, investigate how the Internet has impacted society over time, and set course goals for themselves..

• HTML - Structuring Websites

  Lesson - 2

  In this unit, students learn about the language behind all websites: HTML. Students learn about several different HTML tags as well as the basic structure of a web page. Students use HTML to develop several of their own creative web pages.

• CSS - styling websites

  Lesson - 3

  In this unit, students learn the language CSS and use it to style their web pages. Students learn about the benefits of styling with CSS, and will use CSS to create several styled web pages of their own.

• Project - Create Your Homepage

  Students will build their own website about themselves. This site will be accessible on their own custom domain, and will be continually improved by the student as they continue on in the course. It will serve as a running portfolio of each creative project they create in the course.

• Advanced HTML and CSS

  Lesson - 4

  This unit dives deeper into different things we can do with HTML and CSS. Students practice advanced topics in HTML and CSS, including visibility, image filtering, interaction, and animation, to develop more advanced web sites.

• Project - tell a story

  Students will develop an animated and interactive web page that tells a visual story, and add this web page to their personal portfolio website.

• Bootstrap

  Lesson - 5

  This unit introduces students to Bootstrap, an HTML and CSS framework for developing responsive, professional web sites. Students use Bootstrap to develop several professional, mobile responsive websites.

• Bootstrap - project

  In this project, students work in teams to create a professional, responsive website using Bootstrap..

• Designing User Interfaces

  Lesson - 6

  This unit introduces students to the theory and practice of user interface design. Students learn about what makes an engaging and accessible user interface, and will employ an iterative design process including rapid prototyping and user testing to design and develop their own engaging web pages.

• Final Project

  In this project, students work in teams to design, prototype, test, and develop a final website.

Interactive Tools

Students will learn and explore concepts around designing, creating, and viewing web pages on the Internet. See a few of the ways that students will learn about these concepts. Students will learn the basics of web development with HTML and CSS. Here you can see how students can design web pages using text or blocks.

Interested ?

Interested to learn more about the web design course with Lights Innovation Labs LLC? Tell us more by requesting a quote or write to us at info@lightsinnovationlabs.com and we'll get in touch at the earliest!