Dreamweaver Course2006 Week1


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Dreamweaver Course2006 Week1

  1. 1. Web Design – Level 1 (using Dreamweaver) <ul><li>Week 1 </li></ul><ul><li>Presented By Rod Nicholls </li></ul><ul><li>Jericho Web Services </li></ul>
  2. 2. Course Objectives <ul><li>Learn basic website design techniques </li></ul><ul><li>Develop Dreamweaver MX skills to a level where you can create a basic website </li></ul>
  3. 3. Course Overview <ul><li>Week 1 - Stages of website design and construction, website planning, collecting content </li></ul><ul><li>Week 2 - Introduction to Macromedia Dreamweaver MX, creating your home page </li></ul><ul><li>Week 3 - Basic web page layout, formatting and linking, using images, creating navigation menus </li></ul>
  4. 4. Course Overview (cont) <ul><li>Week 4 - Managing layout and content with Dreamweaver templates </li></ul><ul><li>Week 5 - Uploading your website to a server </li></ul><ul><li>Week 6 - Content collection and website maintenance </li></ul><ul><li>Week 7 – Review, consolidation and extra help </li></ul>
  5. 5. Week 1 - Stages of website design and construction, website planning, collecting content <ul><li>Introduction - four main stages to building a basic website : </li></ul><ul><ul><li>Stage 1 - Plan the website structure </li></ul></ul><ul><ul><li>Stage 2 - Determine the website content </li></ul></ul><ul><ul><li>Stage 3 - Develop the website pages </li></ul></ul><ul><ul><li>Stage 4 - Test and evaluate the website </li></ul></ul>
  6. 6. Stage 1: Plan the website structure <ul><li>Aims of the website & target audience </li></ul><ul><ul><li>Who is the website being developed for ? </li></ul></ul><ul><ul><li>What are their aims for the website ? </li></ul></ul><ul><ul><li>Who is the target audience ? </li></ul></ul><ul><ul><li>What would attract your target audience, keep their attention ? </li></ul></ul><ul><ul><li>What action do you want the target audience to take ? </li></ul></ul>
  7. 7. Choosing a domain name <ul><li>Your domain name could: </li></ul><ul><ul><li>Relate to your company or organisation name </li></ul></ul><ul><ul><li>Relate to a product or service, or an event </li></ul></ul><ul><li>Your domain name should: </li></ul><ul><ul><li>Be easy to remember! </li></ul></ul><ul><li>See the course handbook - Attachment 1 </li></ul>
  8. 8. List website features required <ul><li>Make a list of features of your website that will achieve the aims of the website and attract and keep your target audience </li></ul><ul><li>These features could include the following (and more!): </li></ul>
  9. 9. List website features (cont) <ul><ul><li>Text content </li></ul></ul><ul><ul><li>Navigation menu system </li></ul></ul><ul><ul><li>Multimedia components </li></ul></ul><ul><ul><li>Downloadable / printable brochures, fact sheets or other documents </li></ul></ul><ul><ul><li>Online newsletter </li></ul></ul><ul><ul><li>Online shopping or event booking facilities </li></ul></ul><ul><ul><li>Online events calendar </li></ul></ul>
  10. 10. List website features (cont) <ul><ul><li>Online forums / knowledge bases / frequently asked questions </li></ul></ul><ul><ul><li>Links to other websites / online resources </li></ul></ul><ul><ul><li>Authentication system for restricted access areas of the website </li></ul></ul><ul><ul><li>Legal requirements </li></ul></ul>
  11. 11. Determine website navigation structure and page layout <ul><li>Site Map </li></ul><ul><ul><li>a logical representation of how the website pages will link together </li></ul></ul><ul><ul><li>and what pages will contain certain content or features </li></ul></ul><ul><li>Page Layout </li></ul><ul><ul><li>a visual representation of how elements will be placed on a web page </li></ul></ul>
  12. 12. Site Map <ul><li>List of pages in website: </li></ul><ul><ul><li>Home/Main Page </li></ul></ul><ul><ul><li>Profile </li></ul></ul><ul><ul><li>Main Content (Products, Services, Catalogue) </li></ul></ul><ul><ul><li>FAQ (Frequently Asked Questions) </li></ul></ul><ul><ul><li>News or Newsletter </li></ul></ul><ul><ul><li>Links </li></ul></ul><ul><ul><li>Contact </li></ul></ul><ul><ul><li>(refer to table on page 5 of course handbook) </li></ul></ul>
  13. 13. Site Map <ul><li>Site map of our basic website: </li></ul><ul><ul><li>(see diagram on page 6 of course handbook) </li></ul></ul>
  14. 14. Page Layout <ul><li>Our basic website will have the following common features on all pages: </li></ul><ul><ul><li>Header area </li></ul></ul><ul><ul><ul><li>Contains logo, header graphic </li></ul></ul></ul><ul><ul><li>Main navigation menu </li></ul></ul><ul><ul><ul><li>Links all main pages in the site </li></ul></ul></ul><ul><ul><li>Main content area </li></ul></ul><ul><ul><ul><li>Content that is unique to each page </li></ul></ul></ul><ul><ul><li>Footer area </li></ul></ul>
  15. 15. Page Layout Diagram <ul><li>Our basic page layout: </li></ul><ul><ul><li>(see diagram on page 7 of course handbook) </li></ul></ul>
  16. 16. Stage 2: Determine Website Content <ul><li>Content should be: </li></ul><ul><ul><li>Relevant and up to date </li></ul></ul><ul><ul><li>Support the aims of your website </li></ul></ul><ul><ul><li>Grab and keep your target audience’s attention </li></ul></ul><ul><ul><li>Lead your visitors to take the required action eg contact you, make a purchase etc </li></ul></ul>
  17. 17. Sources of content <ul><ul><li>Information about your business or organisation </li></ul></ul><ul><ul><li>Product / service catalogues </li></ul></ul><ul><ul><li>Brochures, fact sheets and newsletters </li></ul></ul><ul><ul><li>Knowledge base / FAQ information </li></ul></ul><ul><ul><li>Client testimonials </li></ul></ul><ul><ul><li>Other published materials </li></ul></ul>
  18. 18. Sources of content (cont) <ul><ul><li>Other websites with relevant information that you could link to or re-publish material from </li></ul></ul><ul><ul><li>Have a professional copywriter write marketing material for you </li></ul></ul><ul><ul><li>Images from stock photos </li></ul></ul><ul><ul><li>Professionally designed custom graphics from a graphic designer </li></ul></ul>
  19. 19. Online resources for website planning and content <ul><ul><li>http://www.e-businessguide.gov.au / - Government guide to doing business online </li></ul></ul><ul><ul><li>http://www2.oecd.org/pwv3/ - OECD online privacy statement generator </li></ul></ul><ul><ul><li>http://www.the-dma.org/privacy/creating.shtml - Direct Marketing Association privacy policy generator </li></ul></ul>
  20. 20. Online resources for website planning and content (cont) <ul><ul><li>http://www.auda.org.au - Australian (.au) Domain Name information - .au domain name registration policies, find a domain name registrar, check availability of a domain name </li></ul></ul><ul><ul><li>http://www.internic.net – Check availability of .com domain names </li></ul></ul><ul><ul><li>http://www.uwhois.com/cgi/domains.cgi - Check availability of global domain names </li></ul></ul>
  21. 21. Online resources for website planning and content (cont) <ul><ul><li>http://freemind.sourceforge.net – Free mind mapping software, useful for drawing site maps or just getting your ideas in order </li></ul></ul><ul><ul><li>http://dub.washington.edu/projects/denim/ - Free site mapping software </li></ul></ul><ul><ul><li>http://www.sxc.hu – Free stock photos </li></ul></ul><ul><ul><li>http://www.primopdf.com/ - Free PDF converter, create a PDF document from any Windows application </li></ul></ul><ul><ul><li>http://www.interspire.com/templates/ - download websites templates for free </li></ul></ul>
  22. 22. Web Design – Level 1 (using Dreamweaver) <ul><li>Remember this is a basic course! </li></ul><ul><ul><li>We won’t be going into details of advanced features like online shopping systems, creating graphics, or any advanced programming </li></ul></ul><ul><ul><li>We will cover Dreamweaver features and skills needed to create a basic website </li></ul></ul><ul><ul><li>We will cover enough html to give you an understanding of how a basic web site is structured </li></ul></ul>
  23. 23. Conclusion <ul><li>In week 1 of our 7 week course we have: </li></ul><ul><ul><li>Identified the 4 stages of basic website design and construction </li></ul></ul><ul><ul><li>Covered Stage 1 – Plan the website structure </li></ul></ul><ul><ul><ul><li>Produced a Site Map and Page Layout </li></ul></ul></ul><ul><ul><li>Commenced Stage 2 – Determine the website content </li></ul></ul><ul><ul><ul><li>Identified possible sources of website content </li></ul></ul></ul>
  24. 24. To do for Week 2 <ul><li>Next week (week 2): </li></ul><ul><ul><li>Introduction to Macromedia Dreamweaver MX, creating your home page </li></ul></ul><ul><li>Before next week: </li></ul><ul><ul><li>Review the online resources listed on Page 9 of the course handbook </li></ul></ul><ul><ul><li>Start collecting content for your website </li></ul></ul><ul><ul><li>Use the basic website plan in the handbook, or create a website plan for your own website </li></ul></ul>