OIM3690 - Web Technologies

2025 Spring

Session 10 (2/25)

contain

Today's Agenda

  • Welcome/News/Announcements
  • Class Review
  • Lecture:
  • Quiz on CSS (if time permits)

Welcome/News/Announcements

  • Communications:
    • Meet with me in person during office hours at least once this semester.
    • Email - specify course # in subject title, e.g., "OIM3690: GitHub settings"
    • Use Slack/GitHub when asking code-related questions
  • Questions?

What we have learned so far...

  • HTML
    • Basic tags, images, links, lists, id, class, div, span, tables, forms
    • Block-level elements VS. inline elements
  • CSS
    • Syntax
    • Box model
    • Selectors - basic, advanced, pseudo-elements ::, pseudo-class :
    • internal vs. external vs. inline

Quick Quiz

  1. What are the two most common form methods?
    • GET and POST
  2. Which type of input is for a hidden input field?
    • <input type="hidden">
  3. Is form a block-level element?
  4. Is label a block-level element?
  5. How do we select all inputs that have type="text"?
    • input[type="text"]
  6. How do we set width of an inline element, such as span or label?
    • Use display: inline-block
    • Use flexbox (if inside a flex container)

Exercise Feedback

  • How to center the form
  • Only one form needed
  • for for id
  • id="Last Name"
    • -> id="last-name"
    • The id name must not contain whitespaces

Homework 1 - index.html & sitemap.html:

Let's Talk About AI

  • Most did not mention which AI tool they used or how the AI tools was used (e.g., what prompts)
  • Some students only listed AI-generated changes without explaining why those changes were effective or ineffective.
  • A lot of grammar & formatting mistakes in Markdown.

Session 10

Quiz

- **Project** will be posted on Canvas next week - **Quiz on CSS**: Next week