Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Dreamweaver Course2006 Week1

  • Be the first to comment

  • Be the first to like this

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>

×