| |

June 2013 Design and Styling

Window Dressing – You can design a website, and then worry about content, or you can get the content up-and-running in a rudimentary fashion, and worry about the ‘design’ later. But it’s more than just window dressing. Usability is key. Join us as we tackle a quick make-over to an existing and functioning site, adding navigation elements and CSS styling.

http://makerfaire.dacs.org/index.html
http://makerfaire.dacs.org/FreeToolkits.html
and more pages…

Tasks to do:

  • Create Menus
  • CSS for styling
  • Title of pages, and meta tags/description for SEO
  • Responsive CSS (?)
  • Correct file paths in CSS
  • Control font and sizing
  • Responsive logo banner – consider size (?)
  • Next/previous links (?)
  • Add “..check email, in spam folder..” to sign up page

Similar Posts

  • |

    HTML5 July Meeting

    HTML 5 How does HTML5 differ from HTML4, and what is important to know. Is it ready yet? http://www.ishtml5readyyet.com/ HTML5 tries to address the deficiencies of HTML 4 The new and changed codes provides better support for current web requirements, reducing the need for plugins. User Application support still varies, but what can be implemented…

  • | |

    Designing for Retina Display

    To take advantage of high-resolution displays on iPad, laptops and phones, images used on existing websites may need modification. Images designed for desktop screens can look blurred on Retina displays, and several options have to be considered. Present different images/photos based on media queries?  A higher resolution version can be shown, however consider possible download…

  • | |

    Facebook & Adobe

    Best ways to install a Facebook Like button Using the Facebook code generator and the .js scrip to the head section of a page, and the code in the body of the page. Facebook offers a variety of coding options. There are also plug-ins for WordPress which make it “easy” for the no-coder but hand coding…

  • |

    WordPress SEO

    A good way to help optimizing a WordPress website is to use the “All-in-One SEO Pack” plugin. When activated it adds several fields to the bottom of the posts or page interface, where one can add post/page-specific details, which will override…