HTML


John Alexis Guerra Gómez


Slides:http://johnguerra.co/lectures/webDevelopment_spring2019/02_HTML/

Class page:http://johnguerra.co/classes/webDevelopment_spring2019/

What did we learn last time?

Readings discussion

  • questions?

Random Questions

  • What's a class?
  • What's an attribute?
  • What's the id?
  • What's the difference between the head and the body
  • Content vs Style
  • What's the DOM

Group Exercise

We have the tweets collected from yesterday for the class. Let's design a web page to show display and grade them.

Audience and objective

  • Who are we targeting? Users
  • What do we want them to do? Task

Resources

What do we have to show?

  • Tweets
    • Handle
    • Text
    • User image
    • Date
  • University Logo
  • What else?

Wireframe it

Test it

Code it

Web Developer tools

Exercise

Design and write the HTML of your home page

  • Code it and put it on github

Share your results

Required Readings Next session