1.
Week 1: Introduction to Semantic Web Development
1.1.
The Semantic Web
1.2.
Tools, Setup, and Workflow
1.3.
User Experience and Accessibility
2.
Weeks 2-5: HTML5 and The Web
2.1.
Week 2: Document Structure and Metadata
2.1.1.
Document Metadata
2.1.2.
Semantic Elements
2.1.3.
HTML5 Best Practices
2.2.
Week 3: Text Content and Inline Text Semantics
2.2.1.
Text Elements
2.2.2.
Inline Text Semantics
2.2.3.
Lists
2.3.
Week 4: Images and Multimedia
2.3.1.
Images
2.3.2.
Multimedia Elements
2.4.
Week 5: Tables and Forms
2.4.1.
Table Elements
2.4.2.
Form Elements
2.4.3.
Form Validation and Accessibility
3.
Weeks 6-10: CSS3 and Web Design
3.1.
Week 6: 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.
Week 7: Box Model
3.2.1.
Margins, Borders, Padding
3.2.2.
Box-Sizing
3.2.3.
Display Properties
3.3.
Week 8: Typography and Text Styles
3.3.1.
Fonts and Typography
3.3.2.
Text Styles and Effects
3.4.
Week 9: Images, Multimedia, and Backgrounds
3.4.1.
Styling Images and Multimedia
3.4.2.
Backgrounds
3.5.
Week 10: 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.
Weeks 11-14: Introduction to JSON-LD and Schema.org
4.1.
Week 11: 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.
Week 12: 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.
Week 13: 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.
Week 15: Conclusion and Final Project
5.1.
Review of Key Concepts
5.2.
Final Project: Implementing a Semantic Web Site
5.3.
Course Wrap-Up and Q&A
6.
Appendix A: Syllabus
7.
Appendix B: Assignments
Light
Rust
Coal
Navy
Ayu
Semantic Web Development
CSS3 and Basic Styling