1.
Introduction to Semantic Web Development
1.1.
The Semantic Web
1.2.
User Experience and Accessibility
1.3.
Tools, Setup, and Workflow
1.4.
Designing with Inkscape
2.
HTML5 and The Web
2.1.
Document Structure and Metadata
2.2.
Section Elements
2.3.
Using VS Code and GitHub
2.4.
Grouping and Text Level Semantic Elements
2.5.
Links and Attributes
2.6.
Embedded Content: Images and Multimedia
2.7.
Tables and Forms
3.
CSS3 and Web Design
3.1.
CSS: Getting Started
3.1.1.
Syntax and Selectors
3.1.2.
Colors and Units of Measurements
3.2.
Box Model
3.2.1.
Margins, Borders, Padding
3.2.2.
Box-Sizing
3.3.
Typography and Text Styles
3.3.1.
Fonts and Typography
3.3.2.
Text Styles and Effects
3.4.
Images, Multimedia, and Backgrounds
3.4.1.
Styling Images and Multimedia
3.4.2.
Backgrounds
3.5.
Responsive Layouts with Flexbox and Grid
3.5.1.
Flexbox Basics
3.5.2.
Grid Layout Basics
3.5.3.
Media Queries for Responsive Design
4.
Introduction to JSON-LD and Schema.org
4.1.
Document Metadata and JSON Basics
4.1.1.
Document Metadata Revisited
4.1.2.
Introduction to JSON
4.2.
Schema.org and Structured Data
4.2.1.
Overview of Schema.org and Schema.org Types
4.2.2.
JSON-LD Syntax and Schema.org Integration
5.
Conclusion and Final Project
5.1.
Review of Key Concepts
5.2.
Final Project: Implementing a Semantic Web Site
Light
Rust
Coal
Navy
Ayu
Semantic Web Development
Document Metadata and JSON Basics