| Hafta | Konu | Ön Hazırlık | Dökümanlar |
| 1 |
Introduction to web technologies, VS Code installation, and basic HTML document structure
|
Reviewing the basic concepts of web technologies and HTML, and installing VS Code on the computer
|
Course notes, VS Code installation guide, and introductory HTML5 exercises
|
| 2 |
Text formatting tags, lists, hyperlinks, and images
|
Reviewing the basic HTML document structure and examining text formatting tags
|
Course notes, HTML text formatting examples, and list and hyperlink exercises
|
| 3 |
Tables and multimedia elements
|
Reviewing HTML table tags and basic multimedia concepts
|
Course notes, table exercises, and audio and video element examples
|
| 4 |
HTML forms and form controls
|
Reviewing the concept of forms, data input fields, and form elements
|
Course notes, HTML form examples, and form control exercises
|
| 5 |
Semantic HTML5 elements and page structure
|
Reviewing semantic HTML5 elements and webpage sections
|
Course notes, semantic page structure examples, and HTML5 exercises
|
| 6 |
Introduction to CSS, CSS implementation methods, and basic selectors
|
Reviewing the purpose of CSS, CSS implementation methods, and basic selectors
|
Course notes, introductory CSS examples, and selector exercises
|
| 7 |
Box model, width, height, borders, spacing, and background properties
|
Reviewing the CSS box model, margin, padding, and border properties
|
Course notes, box model exercises, and CSS property examples
|
| 8 |
Midterm Examination
|
Reviewing the topics covered in the first seven weeks and examining sample exercises
|
Course notes, practice examples, and examination study materials
|
| 9 |
Display, position, z-index, and overflow properties
|
Reviewing CSS layout properties and basic positioning methods
|
Course notes, positioning examples, and CSS layout exercises
|
| 10 |
Typography, icon usage, shadow effects, and transition effects
|
Reviewing CSS typography properties, icon libraries, and transition effects
|
Course notes, typography and icon exercises, and shadow and transition examples
|
| 11 |
Horizontal and vertical navigation menu design
|
Reviewing HTML list structures and CSS menu styling properties
|
Course notes and horizontal and vertical menu exercises
|
| 12 |
Page layout using Flexbox and CSS Grid
|
Reviewing the basic concepts and properties of Flexbox and CSS Grid
|
Course notes and Flexbox and CSS Grid exercise examples
|
| 13 |
Responsive web design and media queries
|
Reviewing the concept of responsive design, screen sizes, and media queries
|
Course notes and responsive design and media query examples
|
| 14 |
General website application and project development
|
Determining the project topic and page structure, and preparing the required content and images
|
Project guidelines, sample website files, and course notes
|
| 15 |
General website application and project development
|
Completing the missing parts of the project and reviewing the design and code
|
Project checklist, sample codes, and course notes
|
| 16 |
Final Examination
|
Reviewing the topics covered throughout the semester and revising the practical exercises
|
Course notes, practice examples, and examination study materials
|
| 17 |
Final Examination
|
Conducting a general review of the semester topics
|
Course notes and examination materials
|