Please enable JavaScript to use CodeHS

Florida Computer Programming Fundamentals Honors

Creating Webpages

In this module, students learn HTML and CSS basics as they build simple webpages.

Lessons

12.1 Introduction to HTML

  • Introduction to HTML
  • Introduction to HTML Quiz
  • Our First HTML Page
  • Say Hello!

12.2 Structure of an HTML Page

  • Structure of an HTML Page
  • Structure of an HTML Page Quiz
  • HTML Template
  • Hello World Page
  • Using Comments
  • +2 more

12.3 Formatting Text

  • Formatting Text
  • Formatting Text Quiz
  • Dictionary
  • Word Definitions
  • Pet Names
  • +2 more

12.4 Introduction to CSS

  • Introduction to CSS
  • Introduction to CSS Quiz
  • Styling your H1s
  • First style with CSS
  • List Styling
  • +1 more

12.5 HTML and CSS

  • Getting Started
  • Example: Image Filters
  • Example: Animations
  • Example: Interactions
  • mobile and desktop view reflection

12.6 Multi-file Websites

  • Splitting Your Site into Files
  • Splitting Your Site into Files Quiz
  • Multipage Site Example
  • Add a Style Sheet
  • Dividing the Site
  • +1 more

12.7 Embedding iframes

  • Embedding iframes
  • Embedding iFrames Quiz
  • Embedding CodeHS Program
  • Embedding a Map
  • Embedding a Website
  • +2 more

12.8 Using the Inspector

  • Using the Inspector
  • Using the Inspector Tool Quiz
  • Inspector Quick Start
  • Classes and IDs
  • Exploring the Art Museum
  • +2 more

12.9 Image Manipulation

  • Image Manipulation
  • Image Manipulation Quiz
  • Grayscale Filter
  • Blur Filter
  • Hue Rotation
  • +7 more

12.10 Animation

  • Animation
  • Animation Quiz
  • Animated Image Filter
  • Animated Invert Filter
  • Album Cover
  • +1 more

12.11 Interaction

  • Interaction
  • Interaction Quiz
  • Interactive Image Filter
  • Smooth Interactive Image Filter
  • Smooth Change on Click
  • +5 more

12.12 Software Development Life Cycle

  • Development Life Cycle
  • Development Life Cycle
  • What is GitHub?
  • Reflection: What is GitHub?
  • Researching Collaborative Platforms

12.13 Project: Create Your Homepage

  • Example Homepage
  • Real World Homepage
  • Set Up Your codehs.me Website
  • Create Your Homepage
  • Optional Challenge: Add Python with PyScript
  • +1 more

Courses that include this module