Lecture 7: Fonts, Position Property

A supplemental recording was made for this lecture after the live lecture. Don’t forget to watch it here:  https://usc.zoom.us/rec/share/XhTzvR6HDV_DEa9DnLOSYUH938CJ_BNnXf8ORHZGajCtnXo2C5GaMjRYdlLQNY4C.F7D_w6UBgxTL9vJp?startTime=1614642101000 

To-do for today’s class

Slides

View Slides
Link to download PDF version.

Completed Files

Completed files are stored in a GitHub repository. Links below will take you to a list of file(s) from today’s lecture. You can view the code via the browser through GitHub’s UI or clone/download the repo to open the code from your computer.

Lecture 6: Compound CSS Selectors, Display, Pseudo-Classes

For this lecture (2/22), join Prof. Zune Nguyen’s 3:30 – 4:50pm lecture. Zoom info:

https://usc.zoom.us/j/92318784767?pwd=SFZwNGFneFF4cGo0dVlWRzY0RjVqZz09

If you are unable to join at this time, a recording of the lecture can be found here: https://usc.zoom.us/rec/share/Hr9rPxCOl5cIBJejyo87OHsItgJ23AMj6fkg0wE8RbTc1-UuRqx7NPpkRzCfMTt7.McBRsXc2hI32dBwj

To-do for today’s class

Slides

View Slides

Link to download PDF version.

Completed Files

Completed files are stored in a GitHub repository. Links below will take you to a list of file(s) from today’s lecture. You can view the code via the browser through GitHub’s UI or clone/download the repo to open the code from your computer.

Lecture 5: Tables, Forms

For this lecture (2/17), join Prof. Zune Nguyen’s 3:30 – 5pm lecture. Zoom info:

https://usc.zoom.us/j/92318784767?pwd=bEl4UmhuaXRPZ0dOQi9DbnIxWE5UZz09

Meeting ID: 923 1878 4767
Passcode: p4enwLb2Y8

If you were unable to join during the time, watch the lecture recording here: https://usc.zoom.us/rec/share/uBXR0eBopEN_YdfK6T-jcJa3FkLGQp0aZUXlU5rsqdFwTMwzHZnQLTU8JdHXC8Sd.LWOH6bangAcL7fQN?startTime=1613604355000

To-do for today’s class

  • Create a brand new HTML file.

Slides

View Slides

Link to download PDF version.

Completed Files

Completed files are stored in a GitHub repository. Links below will take you to a list of file(s) from today’s lecture. You can view the code via the browser through GitHub’s UI or clone/download the repo to open the code from your computer.

 

Lecture 1: Course Overview, Intro to HTML

Slides

View Slides
Link to download PDF version.

Helpful Readings Before Next Class

Completed Files

Completed files are stored in a GitHub repository. Links below will take you to a list of file(s) from today’s lecture. You can view the code via the browser through GitHub’s UI or clone/download the repo to open the code from your computer.

Lecture 4: Page Layouts

To-do for today’s class

Slides

View Slides

Link to download PDF version.

Helpful Readings

Completed Files

Completed files are stored in a GitHub repository. Links below will take you to a list of file(s) from today’s lecture. You can view the code via the browser through GitHub’s UI or clone/download the repo to open the code from your computer.

Lecture 3: IDs, Classes, div Tag, CSS float

To-do for today’s class

Slides

View Slides

Link to download PDF version.

Helpful Readings

Completed Files

Completed files are stored in a GitHub repository. Links below will take you to a list of file(s) from today’s lecture. You can view the code via the browser through GitHub’s UI or clone/download the repo to open the code from your computer.

Lecture 2: HTML & CSS

To-do for today’s lecture

  1. Attendance is taken starting today. Go to Blackboard -> Tools -> Qwickly Attendance to enter the code for today’s attendance. If you are taking this class asynchronously, watch the lecture recording and fill out this google form.
  2. Copy and paste the following text when prompted:

Pikachu are a species of Pokémon, fictional creatures that appear in an assortment of video games, animated television shows and movies, trading card games, and comic books licensed by The Pokémon Company, a Japanese corporation. They are yellow rodent-like creatures (large-eared pika) with powerful electrical abilities. In most vocalized appearances, including the anime and certain video games, they are primarily voiced by Ikue Ōtani. A Pikachu also appears as part of the main cast in the live-action animated film Pokémon Detective Pikachu, played in CGI and voiced by Ryan Reynolds.

The Pikachu design was conceived by Atsuko Nishida and finalized by Ken Sugimori.[2] Pikachu first appeared in Pokémon Red and Green in Japan, and later in the first internationally released Pokémon video games, Pokémon Red and Blue, for the original Game Boy.

Slides

View Slides
Link to download PDF version.

Helpful Readings

Completed Files

Completed files are stored in a GitHub repository. Links below will take you to a list of file(s) from today’s lecture. You can view the code via the browser through GitHub’s UI or clone/download the repo to open the code from your computer.