1 / 7

Getting Started with Dreamweaver: A Beginner's Guide

Discover the essentials of Dreamweaver, a professional visual HTML editor that allows you to create stunning websites, whether you choose to work visually or hand-code in HTML. This guide emphasizes the importance of effective planning, design, and audience targeting in web development—comparing the process to building a house. Learn to create an organized web development folder on your computer and get familiar with Dreamweaver’s workspace, including windows, menus, and toolbars. Start your journey in web design with solid blueprints!

morela
Télécharger la présentation

Getting Started with Dreamweaver: A Beginner's Guide

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Getting Started with Dreamweaver Original by Patricia Setser 4/07Updates by Margaret Lion 2010

  2. What is Dreamweaver? • Professional visual HTML editor • You choose to either work in a visual environment or hand-code HTML when you develop your websites. • You can add functionality to websites or web pages without writing a line of code.

  3. Building a Web Site is like Building a House • You need a plan and a GOOD planning process. • First step is to make sure you have a good design and a set of well-defined blueprints

  4. Define Define a site’s goals & target audience. Design Design the site – How does the information flow? Produce Produce the site – code it Test Test the site. Publish Publish the site. THE PLAN for this Exercise • The “blueprints” have already been created for you.

  5. Server in other city http:www……… Server in other city http:www…….. My Computer, C:/Desktop/ web-dev folder: My Mercury Account, www/web-dev folder: index.html index.html mypage2.html mypage2.html images folder images folder picture1.jpg picture2.gif picture3.jpg backgrd.jpg title2.gif picture1.jpg picture2.gif picture3.jpg backgrd.jpg title2.gif Server in other city http:www…….

  6. Creating the web-dev Folder on the Desktop • Keep all of the files you are using together in one organized place! • go to C:/Desktop and create a folder • Name the new folder web-dev. • file names, you should be sure that all filenames are in lower case and contain no spaces or strange punctuation marks.

  7. Launching DREAMWEAVER and Getting Your Workspace READY (In an STC Lab) • REVIEW DREAMWEAVER’S WINDOW, MENUS, and TOOLBARS

More Related