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.
CSS3 and Basic Styling
3.1.1.
Syntax and Selectors
3.1.2.
Colors, Units, and Measurements
3.1.3.
Applying CSS to HTML
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.
Additional Document Metadata and JSON Basics
4.1.1.
Document Metadata Revisited
4.1.2.
Introduction to JSON
4.1.3.
JSON Syntax and Data Types
4.2.
Schema.org and Structured Data
4.2.1.
Overview of Schema.org
4.2.2.
Common Schema Types
4.2.3.
Benefits of Structured Data
4.3.
Implementing JSON-LD with Schema.org
4.3.1.
JSON-LD Syntax and Integration
4.3.2.
Examples of Implementing JSON-LD in HTML
4.3.3.
Tools for Testing and Validating JSON-LD
5.
Conclusion and Final Project
5.1.
Review of Key Concepts
5.2.
Final Project: Implementing a Semantic Web Site
6.
Appendix A: Syllabus
7.
Appendix B: Assignments
Light
Rust
Coal
Navy
Ayu
Semantic Web Development
Additional Document Metadata and JSON Basics