Notes 9/22

    • Wireframe tells us the name of something and where it can be found
    • You’ll make boxes around all items in your photoshop file and label what they are
    • Basic boxes (header, logo, footer and body and such) will be the same on all pages so you’ll only have to change middle part
      • Example will be in the artfiles drive on computers for reference
    • This code will change the menu to the image below the code  Screen Shot 2016-09-22 at 11.03.48 AM.pngScreen Shot 2016-09-22 at 11.03.56 AM.png
    • To get rid of bullets go to stylesheet and use this code to remove themScreen Shot 2016-09-22 at 11.09.15 AM.png
      • This code took the menu and put it back in a row
        • Left at the end will put it to the left side and right would put it to the right side

Screen Shot 2016-09-22 at 11.17.06 AM.png

  • To space out the menu items use code belowScreen Shot 2016-09-22 at 11.23.58 AM.pngScreen Shot 2016-09-22 at 11.24.06 AM.png
  • Or you can do what is below to save space and clean up code (CSS shortcut)
  • The margin number values go top, right,bottom, left whether you do in 4 lines like above or with only one line like here 20px (top) 10px (right) 10px (bottom) 20px (left)
  • Screen Shot 2016-09-22 at 11.25.34 AM.png
  • If you put padding: 10px; under where margin is it will do this Screen Shot 2016-09-22 at 11.32.15 AM.png
  • To use this code to get the result under itScreen Shot 2016-09-22 at 11.45.12 AM.pngScreen Shot 2016-09-22 at 11.45.35 AM.png

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s