Week #9

---

*CHECK HOMEWORK*

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

*talk about Project #1
(anyone who has yet to present?)

**CLASS WORK**
Open FileZilla

- Update Project #1 hyperlink
- Upload Proj. 2 "proposal.pdf"
- Upload Week 6 Homework

---

*Review:
Commenting <!-- HTML CODE -->

* z-index
CSS POSITIONING
-Positioning: W3schools

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

&copy;
&middot;
&auml;
&eacute;
&hearts;
&lt;
&gt;

---

BOOTSTRAP

LINKS:

What are media queries?

Responsive Web Design (beginers guide)

Responsive Web Design: 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

---

MORE LINKS:

Responsive Web Design (W3)

Dropdown Menu (W3)

Dropdown Images (W3)

Responsive Navbar with Dropdown (W3)

The Container Class (W3)

- First Try... (rS)

* Download: try1.zip

---

- getBootStrap.com

- What are SVG files?

- How to make a square image a circle

- Try #2 with Bootstrap/carousel

*Download: carousel.zip

---

Talk about Project #2

---

HOMEWORK:

Work on Project #2

- 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)

(3) a sketchbook, something not too big, about 8x10 inches 
(for notes and sketches) 

(4) something to write & make drawings with

 

---