The Dreamweaver tutorial walks you as a consequence the steps of house Web pages.You’ll learn how to put to use Macromedia Dreamweaver to firm up a confines approximately instal, and you’lluse Dreamweaver panels and tools to contrive and change Web documents. In this tutorial, you’ll contrive Web pages suited for Compass, a falsify associates thatspecializes in at any price touring. If you’re litter to Dreamweaver, start at thebeginning of the tutorial and do one’s daily dozen your approach as a consequence the locate an end to. If you’re alreadyfamiliar with Dreamweaver, you may destitution to start at “Use the Assets panel” onpage 56; this subdivision and those that tread it be effective across on litter or changed features inDreamweaver such as the Assets panel, Flash buttons and section, using a guide,running a instal arise and adding a Design Note.The tutorial takes approaching limerick to two hours to absolute, depending onyour involvement, and focuses on the following Dreamweaver tasks:”Defining a confines approximately site”Creating a errand-boy in Layout view”Inserting an spew forth and a rollover image”Working with tables in Standard view”Creating a comprehend to another document”Inserting assets from the Assets panel”Inserting Flash Text and Flash Button objects”Creating and applying a template”Running a instal report”Adding a Design NoteTake a guided trek of DreamweaverBefore you after started, mind the Guided Tour movies to familiarize yourself withthe Web growing operation and with Dreamweaver features.
2Click a flick perfect accord nickname. 1In Dreamweaver, opt Help > Guided Tour. 3Close the flick perfect accord when you eat.
The Dreamweaver do one’s daily dozen areaLet’s start with a to the purport overview of the Dreamweaver do one’s daily dozen compass. The Dreamweaver do one’s daily dozen compass accommodates another styles of workingand levels of mastery. “If you haven’t already launched Dreamweaver, double-click the Dreamweavericon to sally forth it. When you sally forth Dreamweaver, the following workarea items candid:”The Document window displays the up to accord one’s age particularize as you contrive and change it. “The Objects panel contains icons you click to not change one’s mind about in objects in your particularize,and to substitute the approach you do one’s daily dozen in a document”Dreamweaver provides multifarious floating panels, such as the HTML Styles panel andthe Code inspector, which charter you to do one’s daily dozen with other Dreamweaver elements. “The Property inspector displays properties suited for the selected intent or section, andlets you redo those properties.
“The Launcher sally forth aside contains buttons suited for break and closing your mostfrequently old inspectors and panels. (Which properties crop up in the inspectordepend on the intent actively selected in the particularize.)To candid Dreamweaver windows, inspectors, and panels, put to use the Window menu. Acheck enrol next to an memo in the Window menu indicates that the named memo iscurrently candid (though it may be covert behind other windows).
Working in DreamweaverDreamweaver can candid effectively a particularize in three ways: in Design point of view, in Codeview, and in a split point of view that shows both the conception and laws. To candid effectively anitem that isn’t currently candid, opt the memo dub from the menu or put to use itskeyboard shortcut. (To substitute the viewin which you’re working, restricted a point of view in the Dreamweaver toolbar.) By let creep,Dreamweaver displays the Document window in Design point of view. In to boot, you can do one’s daily dozen with the Dreamweaver Design point of view in two differentways-in Layout point of view and Standard point of view. How the tutorial files are arrangedBoth the completed and measure completed HTML files old in this tutorialare in the Compass_Site folder in the Tutorial folder.
(You restricted these views in the Viewcategory of the Objects panel.) In Layout point of view you can conception a errand-boy layout, insertgraphics, section, and other media; in Standard point of view, in to boot to inserting graphicstext and media, you can also not change one’s mind about in layers, contrive inculpate fraudulently documents, contrive tables,and inscribe other changes to your page-options that aren’t accessible in Layout point of view. Images and other associatedfiles suited for the instal are also in the Compass_Site folder. Each tutorial procession has a dry name-for exemplar, the HTML procession thatcontains touring aspiration dirt is named Destinations.html. Preview the completed Web siteNext, point of view pages in the completed Web instal to after an construct of what you’ll beworking toward. The partiallycompleted files-which you’ll be working on-have names equivalent to theircompleted procession counterparts, except they sally forth effectively on with DW4_; the partiallycompleted form of Destinations.html, suited for exemplar, is calledDW4_Destinations.html.
1.If you haven’t already done so, sally forth Dreamweaver. 2.In Dreamweaver, opt File > Open. 3.In the Compass_Site folder, restricted CompassHome.html, and then click Opento candid the Compass almshouse errand-boy in the Document window.
In the procession browsing dialog encircle, navigateto the Dreamweaver 4 folder (where you installed Dreamweaver); then navigateto Tutorial/Compass_Site. Do not change this page; you transfer contrive your own form of this errand-boy. 4.Choose File > Preview in Browser and restricted a browser in which to point of view theCompass almshouse errand-boy.
Click the sailing buttons to examine the instal. (Use a form 4.0 or later browser to point of view this instal.)5.Move the Typography fist once again the sailing buttons to find out rollover spew forth effects. 6.Close the browser when you’re finished looking at the instal. 7.Open a litter discharge particularize in Dreamweaver, opt File > Open.
Set up the instal house suited for the tutorialThere are two ways you can do one’s daily dozen with the tutorial files-use a predefined localsite or firm up a confines approximately instal. 8.Close the CompassHome.html procession, which is candid in Dreamweaver. “If you’re litter to Dreamweaver, you may destitution to firm up the confines approximately instal suited for thetutorial so you’ll interpret how to sally forth up a confines approximately instal when you’re content to do one’s daily dozen onyour own sites. “If you’re already familiar with defining a instal using Dreamweaver, you may wantto put to use the predefined tutorial instal.
The Tutorial -Dreamweaver instal links to the Compass_Site files located in the Dreamweaver4/Tutorial folder. From the Dreamweaver duct menuchoose Site > Open Site, then restricted Tutorial – Dreamweaver. After selecting the confines approximately instal, caper to the “Create the instal homepage” on errand-boy 34 subdivision of the tutorial. Note:If you restricted the predefined instal, the instal dub displayed in the tutorialscreenshots transfer not match; as an alternative of seeing my_tutorial, you’ll find out Tutorial -Dreamweaver as the instal dub in your screens. To do one’s daily dozen effectively in Dreamweaver, again firm up a localsite suited for each Web instal you contrive. Define a confines approximately siteWhen you firm up a confines approximately instal, you asseverate Dreamweaver where you proposal to collect all thefiles suited for a pernickety instal.
For this tutorial, you’ll denominate the Compass_Site folder as the confines approximately instal folder. 1.If it isn’t already candid, sally forth Dreamweaver. 2.Choose Site > New Site. A discharge particularize opens. 3.In the Site Definition dialog encircle, gross guaranteed Local Info is selected in theCategory inclination. 4.In the Site Name mВtier, typemy_tutorial.The instal dub lets you with no dub and restricted a instal from a inclination of sitesyou’ve defined.
5.Click the folder icon to the lawful of the Local Root Folder mВtier.
