Art-420: Home Page Example/Project-1C

Posted by: Ping

p1c_banner-example

  1. Design a home page layout in Photoshop or Illustrator
  2. Create slices for header banner and button icons for social media
  3. Rename the sliced images, and create an image folder
  4. Create a new site, and edit the site
  5. Add required HTML tags and attributes in code view
  6. Add CSS rules to build the page skeleton (External CSS)
  7. Add CSS rules to hover the navigation buttons
  8. Swap social media images by applying JavaScript
  9. Validate both HTML and CSS for each HTML page
  10. Due the root folder for your project