Search Our Web Design Blog...

Monday, October 25, 2010

site requirements

  • 4 pages (SC related)
  • links
  • consistent layout/navigation
  • appropriate content
  • aesthetically pleasing PS layout

glitches...

  • make sure you set your border to "0" for each button, otherwise you may have spacing issues
  • if you resize any slice in Dreamweaver it will distort your page
  • to add additional content in Dreamweaver you need to create an AP Div (in the layout tab)
  • remember to title each page (Page Properties)
  • rollovers: insert > image object > rollover image

Thursday, October 14, 2010

PS layouts


Once your base layout is done it is time to add site specific information, you want to add all of this on the same document but in NEW LAYERS. Then we can use the visibility options in the layers window to swap from one page to the next. Adding content in PhotoShop gives you more options of fonts, colors etc. But it limits your ability to edit content later as PS makes your page into small images, not editable regions.

Thursday, October 7, 2010

Photoshop Layout Tutorials



Here is a link to 90 tutorials. Find one you like and that you think you understand, then try and follow it. It is OK to make subtle changes to accommodate your topic (SC related). This will become your template for your site to come.

Monday, October 4, 2010

Crit of sites

please have 2 people look at your site, they should answer the following:

  • What do you like about this site?
  • What is confusing, or out of place?
  • Aesthetics? How's it look?
  • Parting thoughts?

Thursday, September 30, 2010

WEB HOSTING


sign up at www.0catch.com or any other free web hosting site found here:

http://www.thefreesite.com/Free_Web_Space/

If you choose 0catch.com sign up for the FREE web hosting. Then you will be offered a TON of garbage, click "skip" or "No" each time.

Once complete you can open CyberDuck and login to drag and drop your files:

Tuesday, September 28, 2010

Thursday, September 23, 2010

DW site requirements:

  • 4 + pages
  • Layout tables (same on each page)
  • Consistent Navigation (Flash Buttons or Spry Menu)
  • Content on each page (text, images, links etc)
  • Banner on each page built in PS.

Build a banner in PhotoShop





our classroom example was set to 800 px X 150 px at 72 DPI.

here is a tutorial covering the "blending options" in PS: