Multimedia Workshop

https://sites.duke.edu/howaboutwebuildaportfoliosite/

<aside> <img src="/icons/condense_yellow.svg" alt="/icons/condense_yellow.svg" width="40px" />

Why is it a website?

How does the design of your site communicate in ways that are beyond language?

Who do you expect to access your site and how does your site design communicate that? Accessibility? Is there a prioritization of legibility over the functionality of a project embedded project? What do you want to communicate about your expectations of the technology that is displaying the site as built.

</aside>

2024 Workshop Web-Based

Multimedia

<aside> <img src="/icons/condense_yellow.svg" alt="/icons/condense_yellow.svg" width="40px" />

Workshop Resources

Untitled

</aside>

<aside> <img src="/icons/condense_yellow.svg" alt="/icons/condense_yellow.svg" width="40px" />

How much do you want to use your website as a snapshot, vs calling card vs. archive?

1091069670funny-computer-animated-gif-55.gif

</aside>

Resources: (1)

MDN Web Docs

<aside> <img src="/icons/grid-wide-six_green.svg" alt="/icons/grid-wide-six_green.svg" width="40px" /> HTML Content Elements

</aside>

<aside> <img src="/icons/list_blue.svg" alt="/icons/list_blue.svg" width="40px" /> HTML Semantic Elements

</aside>

<aside> <img src="/icons/color-palette_pink.svg" alt="/icons/color-palette_pink.svg" width="40px" /> CSS Reference

</aside>

<aside> <img src="/icons/computer_orange.svg" alt="/icons/computer_orange.svg" width="40px" /> Viewport Sizes

</aside>

<aside> <img src="/icons/golf_blue.svg" alt="/icons/golf_blue.svg" width="40px" /> MDN Playground

</aside>

<aside> <img src="/icons/emoji-sunglasses_yellow.svg" alt="/icons/emoji-sunglasses_yellow.svg" width="40px" /> check your code:

The W3C Markup Validation Service

</aside>

Untitled

2024 Projects

Calendar and Homework Public

p5.js Project

SADISS Group Project (See Wiki Linked Below!)

Projects & Homework Fall 2023 Class (1)

File Structure