Week #6

*CHECK HOMEWORK*

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

*talk about Project #1 (DUE TODAY)

*Collect wireframes & site structures

**CLASS WORK**

- Add a link from your bio page (Week #2 Homework), to your 1st project -

(Review) UPLOADING

- Navigation bars

Center divs using CSS:

#wrap{
text-align:left;
max-width:1000px;
min-width:600px;
margin-left:auto;
margin-right:auto;
width:60%;
background-color:white;
padding:10px;
}

* z-index

CSS POSITIONING
-Positioning: W3schools

How to add a youTube video...

<iframe width="560" height="315" src="https://www.youtube.com/embed/0_YJToyOp_4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Cosmic Creativity - how art evolves consciousness

Alex Grey at TEDx Maui
2013

helpful links:

- Google fonts

- CSS OPACITY AND TRANSPARENCY

- CSS Class and ID

- <ul> & <li>

- CSS Navigation

tiffzhang.com

tiffzhang.com/startup/index.html...

*Look at week6: index.html
https://ryansmithart.com/fa2022/week6/

Download week6.zip

"fa fa-bars"



<div id="myLinks">
<a href="index.html">Home</a>
<a href="#">Project #1</a>
<a href="#">More Work</a>
</div>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>

// js: ( put this above your "closing" </body> tag! )
<script type="text/javascript">
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>

HOMEWORK:

[part 1]
Make changes, and improve Project #1 (10 points)

[part 2]
Download week6.zip

- Using the template I’ve given you, update your webpage from Week#2
(...the .html page about you)

- You can create an identity/logo for yourself.

- You can edit the colors and/or typefaces of the HTML/CSS template I’ve given you.

- Please include at least 3 works of art that you’ve created.

- And, finally, write a couple paragraphs about yourself and your artwork :)
(You can answer the following questions…)

1. Why are you studying graphic design?
2. What inspires you?
3. What does your art say about you?
4. What do you want to say with your art/designs?
5. Aside from art, what else are you interested in?

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