Web Site for Teachers

• Informatica
• Middelbare school
• havo
• Leerjaar 4

STARTKLAAR

• Phones Away in Your Bag or Pocket
• Take Off Your Coat and Sit in Your Seat
• Sit in Your Assigned Seat (If Applicable)
• Name Tag on the Table
• Keep Your Laptop Closed
• Notebook on the Table
• Push Your Chairs in When Leaving the Classroom

LEARNING OBJECTIVES

• HTML: The structure (skeleton) of the webpage.
• CSS: The styling (appearance) of the webpage.
• JavaScript: The interaction and functionality of the webpage.

What did you have done for website until now ?

Week 1: 2 October - 8 October

Week 1: 2 October - 8 October

• Assignment 1: Basic HTML Structure
• Objective: Create the basic structure for the homepage of the website.

Instructions:

Create a homepage with a navigation bar, a heading, and a section that describes how the website connects teachers and schools.

Add placeholders for the About Us, Teacher Registration, and School Login sections.

RETROSPECTIVE

WHAT WENT WELL IN THE SPRINT

WHAT CAN BE IMPROVED

WHAT ARE YOU ENCOUNTERING IN YOUR DEVELOPMENT

RETROSPECTIVE

WHAT WENT WELL IN THE SPRINT

WHAT CAN BE IMPROVED

WHAT ARE YOU ENCOUNTERING IN YOUR DEVELOPMENT

Assignment 2: Styling the Homepage

CSS

Assignment 2: Styling the Homepage

 CSS styling

• Resetting margins and padding with box-sizing for consistent layout.
• Styling the navigation bar: Use flexbox to align navigation links horizontally.
• Headings and section styling: Add padding and center-align text to ensure content is easy to read.

ADDING FORM TO HTML

Adding into entire HTML

Step 1: You already have the basic structure of your webpage, with sections like Home, About Us, and placeholders for Teacher Registration and School Login.

Step 2: Find the Teacher Registration section where we previously had a placeholder (<p>[Placeholder for Teacher Registration form]</p>).

Step 3: Replace the placeholder with the Teacher Registration form, which includes input fields for Name, Subject, Experience, and Email.

Step 4: The form is now embedded into the main webpage, allowing teachers to fill it out directly on the website.

JAVA SCRIPT