Monday, March 4, 2013

CSS and a one-column layout

Today: CSS and a one-column layout

CSS Reminder:


Example Page:
http://websitesthatwork.sehsapps.net/codesamples/images/onecolumnlayoutexample.jpg


For Colors:
http://www.pictaculous.com/
My sample palette from pictaculous.com:


Sample Text:
In our class FTP folder under "Sample Text" - Download this text and use it to populate your web page with sample text.


Other Things to remember:
  • Have to define a site in Dreamweaver
  • Style sheet will now be a separate page and will be "linked."
  • Press Shift-F11 to bring up the CSS Panel.
  • Press Ctrl-F3 to bring up properties panel
Assignment:
  • Choose a color scheme by uploading a photo.
  • Create a one column layout with container div, header div, footer, div
  • Use sample text I have provided.
  • Create a website similar to the example, but use your own design sensibility and CSS code to make the site beautiful.






No comments:

Post a Comment

Note: Only a member of this blog may post a comment.