From 94b749d0b3f2e85d4895e6f0c7e6813612e4a038 Mon Sep 17 00:00:00 2001 From: Munus Shih Date: Thu, 1 Feb 2024 23:38:13 -0500 Subject: [PATCH] Week 2 --- .vscode/settings.json | 3 +- weeks/1.html | 14 +++++ weeks/2.html | 120 +++++++++++++++++++++++++++++++++++++++++- 3 files changed, 134 insertions(+), 3 deletions(-) diff --git a/.vscode/settings.json b/.vscode/settings.json index e6e7934..8598a27 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -7,5 +7,6 @@ "**/.DS_Store": true, "**/Thumbs.db": true }, - "hide-files.files": [] + "hide-files.files": [], + "liveServer.settings.port": 5501 } \ No newline at end of file diff --git a/weeks/1.html b/weeks/1.html index 6b42e30..017e256 100644 --- a/weeks/1.html +++ b/weeks/1.html @@ -9,6 +9,20 @@

Description

+
+

Lecture

+

Welcome! +

+

Affordances +

+

The + World Wide Web +

+
+

Assignments

diff --git a/weeks/2.html b/weeks/2.html index a1edb98..96c620e 100644 --- a/weeks/2.html +++ b/weeks/2.html @@ -1,5 +1,121 @@ -
+
- TBD +

Description

+

This week, we will write our first line of code! We will learn about + HTML, and how an HTML document turns into a website. We will also + set up our codebase through GitHub and develop a workflow for + managing our code throughout the semester. Lastly, we will learn + more about the nebulous concept of “the user”, and how it informs + how we write our code. +

+
+ +
+

Lecture

+

Intro + to HTML +

+

Environment + Setup +

+

The + User +

+
+ +
+

Assignments

+

The assignment is broken into two parts. Please finish the following + things after choosing an existing piece of text you'd like to work + with.

+ +
    +
  • +

    Sitemap

    +

    Using pen and paper (or figma if + you like), create a site map: a visualization of the + structure and navigation of your website. Think about how + you want to retell the text you’ve chosen and how you can + take advantage of the non-linear potential of the web to + create a new experience for the reader. How many pages will + you need? In what order should the user navigate those + pages.

    +
    • + +
  • +

    Code it in HTML!

    +

    + Based on your site map, transition from paper to code by + setting up your code environment and HTML files. Make sure + to build the hyperlinks so the pages can be linked to one + another. Build out all the pages you need without having to + worry about populating them with content yet. Is that too + many pages? Is the navigation interesting and represents the + idea of your storytelling structure? +

    +
    • +
+ +

Participation

+
    +
  • +

    Class Website

    +

    Finish setting up your class + website in github, which will serve as an index that links + out to all of your projects in class.

    +
    • +
+ +
+ +
+

Readings

+ + +
+ +
+

Resources

+ +
\ No newline at end of file