Background Image Notes 9/20

*EVERY WEEK MAKE COPY OF CODE FOLDER AND RENAME “WEEK_” (TO START FROM WHERE WE LEFT OFF)

*NO FILES W/ SPECIAL CHARACTER OR CAPITALS IN DREAMWEAVER

*The name of the folder changes, NOT the name of the file

I. Target Command (opens link in a different window):

Screen Shot 2016-09-20 at 11.06.03 AM.png

II. Adding patterns to background:

http://subtlepatterns.com/ (pick a pattern and download, copy and save in images folder in your weekly code folder) —- THESE ARE TINY IMAGES REPEATED MANY TIMES!

*seamless backgrounds work only if they are tile-able

In style.css:

Screen Shot 2016-09-20 at 11.32.12 AM.png

III. Adding pictures to main:

I. Select image, save copy (as JPEG or PNG) to images folder in your weekly code folder

II. If necessary, crop image size in photoshop to fit dimensions of main (ex. 600 pixels by 1200 pixels)

Screen Shot 2016-09-20 at 11.53.24 AM.png

Advertisements