Web For Business - Bundle 3 CSS

Web For Business - Bundle 3 CSS
Web For Business - Bundle 3 CSS
Web For Business - Bundle 3 CSS
Web For Business - Bundle 3 CSS
Web For Business - Bundle 3 CSS
Web For Business - Bundle 3 CSS
Web For Business - Bundle 3 CSS
Web For Business - Bundle 3 CSS
Common Core Standards
Product Rating
File Type

Compressed Zip File

Be sure that you have an application to open this file type before downloading and/or purchasing.

n/a
Share
5 Products in this Bundle
5 products
  1. Tutorial: Introduction to CSS allows the student to experiment with the essential concepts that make up Cascading Style Sheet code. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO OBJECTIVES: This tutori
  2. Tutorial: External CSS is an coding lab that allows the student to discover the relationship between the three layers of CSS coding. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO OBJECTIVES: This tutor
  3. Tutorial: CSS Grid Layout is an interactive lab that teaches the student the basic elements of CSS Grid for page layout. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO OBJECTIVES:This tutorial covers th
  4. Tutorial: CSS Flexbox Menu is an interactive lab that shows the student how to use CSS Flexbox building a simple menu system. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO Lesson Objectives:Use CSS Flexbo
  5. Tutorial: CSS Responsive Design is an interactive lab showing students how to make pages automatically adjust to any device.This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE
Bonus
1 file
Web For Business - Bundle 3 Bonus materials
Bundle Description

Web For Business - Bundle 3 CSS

The Web For Business Course - Students learn programming skills while developing their own resumé website.

This bundle includes learning/assessment activities teaching students how to style their web pages using CSS (Cascading Style Sheets).

The bundle includes:

  • Five interactive tutorials
  • 2 quiz banks (74 questions)
  • 3 Classroom Labs with PowerPoint and code.
  • Specifications for Project: CSS
  • Class support documents (syllabus, assignment map, course requirements)

Learning Objectives for this bundle:

  • Use CSS to format standard HTML elements.
  • Utilize CSS Grid Layout to position content on a page in rows and columns.
  • Utilize CSS Flexbox to control elements inside a grid block.
  • Add background images to pages and buttons.
  • Demonstrate setting up divisions on the page using the <div> and <span> elements.
  • Determine when to use the id=" " attribute and the class=" " attribute when naming particular elements on the page.
  • Design responsive web pages using @media queries.

This bundle covers 3 weeks of student activities.


Tutorial: Introduction to CSS - Students learn how CSS is written and how to change the appearance of any HTML element on the page. Color schemes and style guides are also covered.

Tutorial: External CSS - Students learn how to include CSS code in a single file that is shared by multiple web pages. The three levels of “cascading” is also demonstrated. Using code, students experience which level has precedence over the others.

Tutorial: CSS Grid Layout - Students learn how to design a page layout using a grid. This is the most modern way to display elements on the page and replaces tables or other out-of-date layout methods.

Tutorial: A CSS Flexbox Menu — Menus are one of the most requested items as students begin adding more pages to their site. This tutorial helps them build a responsive menu while learning how to arrange elements for structures such as menus, photo displays, and other repeating elements.

Tutorial: Responsive Design - This tutorial emphasizes the importance of creating responsive pages. Web pages that automatically adjust no matter what device is being used.

* * * BONUS ITEMS * * *

3 classroom labs - Each lab includes a Powerpoint and code. 95% of the code is pre-written so students don’t get bogged down with typing errors.

Week 1 Lab: CSS Grid Introduce your students to color schemes, style guides, and using the CSS Grid layout.

Students create their own color scheme and add code to an existing page so it utilizes the CSS Grid features.

Week 2 Lab: CSS Flexbox Introduce your students to font stacks, the cascading effect of CSS, CSS Flexbox, and Google fonts.

Each student is given a page for a yoga studio changing the heading to display two photos and the company name using Flexbox.

Week 3 Lab: Animation Your students animate objects on the page using CSS. This is a very popular lab!

Students start with a page containing multiple colored areas. Each one demonstrates a different animation technique. Students also work with a page containing images of gears, learning how to make the gears rotate.


2 Quiz Banks - 74 quiz questions covering the CSS, Grid, and Flexbox. Questions are formatted as a Moodle GIFT file in plain text making them easy to edit and change.

Project Specifications for Project: CSS. Includes the learning objectives from the syllabus and specific criteria for your students. You can edit the document using Microsoft Word or use a text editor.


Course support documents that you can use and modify to fit your own needs

    - Assignment Map - An Excel spreadsheet for students

    - Hardware/software requirements suggestions for any IT/programming course.

    - Sample syllabus outlining all the learning objectives modules in the Web For Business course.

*** *** ***

These materials used and critiqued by face-to-face and online students!

Total Pages
n/a
Answer Key
Included
Teaching Duration
3 Weeks
Report this Resource
Loading...
$31.27
Bundle
List Price:
$34.75
You Save:
$3.48
More products from Web Explorations
Product Thumbnail
Product Thumbnail
Product Thumbnail
Product Thumbnail
Product Thumbnail
Teachers Pay Teachers

Teachers Pay Teachers is an online marketplace where teachers buy and sell original educational materials.

Learn More

Keep in Touch!

Sign Up