Week #7

*CHECK HOMEWORK*

Talk about Student Pages:
https://ryansmithart.com/fa2022/students.html

*talk about Project #1 (DUE LAST WEEK)

*Collect wireframes & site structures

**CLASS WORK**

- Add a link from your bio page (Week #2 Homework), to your 1st project -
(IF YOU HAVEN'T DONE IT ALREADY)

*Review: Commenting

* z-index
CSS POSITIONING
-Positioning: W3schools

Spéciäl chara©ters · dev.w3.org/html5/html-author/charref ♥

TALK ABOUT "BOOTSTRAP"

BOOTSTRAP

LINKS:

What are media queries?

Responsive Webdesign (beginers guide)

Responsive Webdesign: article
Fun with media queries...

getBootStrap.com

Beginners Guide (video)
youtube.com/watch?v=WpzT-pTImyo

Bootstrap Grid (video)
youtube.com/watch?v=ceNe37KIjPY (12 columns)

getbootstrap.com/docs/5.1/examples/jumbotron/

getbootstrap.com/docs/5.1/examples/carousel/

Week #1

Assign Project #2

HOMEWORK:

(due next class: Oct. 18)
Work on Project #2

[STEP #1]
- come up with an idea, write 2 paragraphs about it

Things to think about:

- Who is your audience?
- What is the best way to present your topic of interest?
- How does your design relate to the subject matter?
- Do you need to design a logo?
- Will you find images, or make your own illustrations?

NOTE: save it as a .pdf file.

Next Class: add link from your class web page, to your .pdf file

[STEP #2]

* Draw wire frames and a site structure.
- do some research
- familiarize yourself with HTML & CSS, start planning the website
- start designing and building an informative website based on your research.
(background, typefaces, font colors, etc.)

Required materials for this class:

(1) a flash drive or hard drive: 2GB or more
(some external device to store your work on)

(2) *Personal Web Space (Towson user accounts are fine)