I will need a site to work with! Images: Cont. https://www.w3schools.com/css/css_positioning.asp position: absolute; Which box is it? Absolute works well to give overlay~~done with Z index. relation to~~ Overlapping Elements https://www.w3schools.com/css/tryit.asp?filename=trycss_zindex left is x, top is y ////////////////change img \\\lulz/////

This is a heading

Because the image has a z-index of -1, it will be placed behind the text.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ||||||Changes down below|||||| ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

This is a heading

Because the image has a z-index of -1, it will be placed behind the text.

~~~~~~~~~~~~~~~~~~~~~~ The skew() Method ~~~~~~~~~~~~~~~~~~~~~~ https://www.w3schools.com/css/tryit.asp?filename=trycss3_transform_skew inside css img prop: x,y -ms-transform: skew(20deg,10deg); /* IE 9 */ -webkit-transform: skew(20deg,10deg); /* Safari */ transform: skew(20deg,10deg); /* Standard syntax */ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ https://www.w3schools.com/css/tryit.asp?filename=trycss_link_decoration a:link { text-decoration: none; } dont show underline unless hover get rid of nasty dotted line: not in book~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ a{outline:none;} ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ https://www.w3schools.com/css/tryit.asp?filename=trycss_link_background

This is a link

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.

Note: a:active MUST come after a:hover in the CSS definition in order to be effective.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

This is a link

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.

Note: a:active MUST come after a:hover in the CSS definition in order to be effective.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

This is a link

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.

Note: a:active MUST come after a:hover in the CSS definition in order to be effective.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

This is a link

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.

Note: a:active MUST come after a:hover in the CSS definition in order to be effective.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Main navigation - User based, simple, use to seeing. Menu bar vertically across the top //ads on right bar drops down, not sideways What are they really coming to my site for? Left most. Second most, third most, no more than 7. homepage search functionality sitemap section navigation ~ where am i , where can i go, how can i get there, how do i get back. Same on all pages Linked across every page of website project. Same place, same color, same layout, same words. Spend time designing it. accessibility statement - if i take script and styles off, can user still get around? foreground differiented betwen backround easy to understand? taken out of context? mean the same? contact /faq ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ usability - labeling system is consistent ~~ nouns of verbs and not mix of two labeling - check for meaning, be careful. topic-oriented:nouns, task-oriented:verbs ~~~~~~~~~~~~~~~~~~~~~~ 8 basic schemes ~~~~~~~~~~~~~~~~~~~~~~ Text graphic images image map ~~ not common pop-out menus drop-down menus ~~~~~~~~~~~~~ one way of saying im here is by not having a anchor tag on home link page if i am at home, such as white color and not blue tabs ~~ little beyond this class, require javascript breadcrumb trail site map ~~ proj not big enough ~~~~~~~~~~~~~~~~~~~~~~~~ mystery meat navigation don't reinvent the wheel dont make black text hidden, etc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top header has color, padding // an article is a div thats been given a name blue is main, box shadows , div boxes, text inside ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *Nav Bar* Home(white) | Contacts(blue) | Orders(blue) *Nav Bar* Home|Catalog|Contact Us link: color blue, text dec none visited dec none col yel hover green text dec none chose font family, weight bold, size 24, color white, bkrd red, center by text-align center padding top, bot 5x. border set and border radius ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header tag within the nav tag nav h60 w 300 txt-center mrg lef ~~~~~~~~~~~~~ box itself has txt align center ----------------Will be on D2l--------- if i use this on proj then i have to change everything and not just copy the code. take it, make it my own. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Next tues: nav bar