Wiley Master VISUALLY Dreamweaver 8 and Flash 8
Contents
1. Type a name for your new site O Click the folder button G to browse to the folder where you want to store the Local site The navigation window opens go Navigate to the folder where you want to store the Web site folders In this example sites local is selected Click the New Folder button Type a name for the new folder 10 Click Open Dreamweaver opens the new folder Setting Up Your Dreamweaver Sit chapter Site Definttion for Nrearmwcaver Anok E e 5 Loza roz fods Hetes beal fie ket autonab ak Deiak maces fodar cnesreleties to Cocer SRE root HTTP address hipiji Thi addes bs used Por sbe rabuc inks ard For the Unh Ciecker bo detect HTT links that refer to your cau she Tass seraitive nest O Wee tassare Ink dehy Tata Enehia carl H The cache maintains fie ond asset information inthe ste This spiscats up thie sset pane hi manecment and Ste Map features Choose local root folder for site Drcameacarer s S 7 Selec O isHaa i Fan k E 4 CoNetderbcy_drsem By Recerl Dy panes Daklop 4y Dooanents Hy Compu ba bey Nelork Draak teste tee Aie 3 Select sites local Can I set up a Dreamweaver site for an existing Web site w Yes The process is basically the same for a new Web site or an existing Web site During the setup you enter a path to the Web site files For a new Web site the path points to a new empty directory for2. Create a Dreamweaver Site reamweaver is a full featured Web application development tool Dreamweaver s features not only assist you with creating and editing Web pages but also with managing and maintaining your entire Web site To take advantage of all of Dreamweaver s Web development features you need to set up a Dreamweaver site that defines your development environment and tells Dreamweaver where files are located The Local site is the folder where you store the files for your Web site while creating and editing them People visiting your Web site cannot access the files in this site The Local site is usually located on your own computer but can be anywhere then when your Web site is completed to your satisfaction you copy the Web page files to the folder where visitors access your Web site That is you copy the Web page files to the folder located at the URL that users type to view your Web site To support the development process you create a Dreamweaver site with two different parts the Local site and the Remote site A Dreamweaver site organizes your Web site to facilitate the development process In most cases you create and edit your Web pages in a folder on your local computer and Create a Dreamweaver Site SS Click Site See ETE 2 Click Manage Sites Tent oR OF 1S a Manage Sites o DREAMWE ARA Takok The panel on the right may not appear depending on whether it wa
3. way problems such as computer crashes cause as little content loss as possible If you attempt to shut down Dreamweaver without saving a Web page Dreamweaver prompts you to save it When you save the file you give it a name It is best to use only letters numbers hyphens and underscores in Save a Web Page a Click File and then choose Save As The Save As dialog box appears 2 Click here to navigate to the local site Type a filename 4 Click here and select the correct file type G Click Save The filename tab now shows the filename Setting Up Your Dreamweaver Site the filename Using punctuation spaces or special characters can sometimes cause problems with a Web server making a file unviewable Do not begin the filename with a number which can also sometimes cause problems Most non dynamic Web page filenames require the htm or html filename extension If you are creating dynamic Web pages that interact with an application server and a database you need to use an extension specific to the application such as cfm ColdFusion jsp Java server page or php Chapter 14 discusses dynamic Web pages ash itl reenter Bak Girs Ki Hice Dawnsnis Deskop Ey Documents n Ky Ecni k Save 25 ure Ae Edk ee insert Mody Test Connence She nks Hep rarer M E S em T be zer hl h3 h3 ut of m a at dp atte ome AE PrstPsgscbnl 1 Tihs Pest Pace et ese MM a
4. Document dialog box appears D Click Basic page Click HTML Note The start page that displays when you open Dreamweaver provides the same menu choices 4 Click Create A new blank Web page opens Type a title for the page Type the contents of the Web page The filename is Untitled 1 because you have not yet saved the file and given it a name 12 New Document F MELT Crisis pags wl SLT Fragen Ochoncrist Ho previ a DSS Jsvasccript a m Dios pion HTA document Document upe b 1 DE Pes PAL 1 Harsia He Preferenz l ik Ei an Dis First Faze 0 Aou h Ginn This i ser fires Dreannrcaver pagt A new blank page in Dreamweaver is not completely empty It contains the required HTML tags such as lt head gt and lt body gt tags which do not display any content in the Web page Dreamweaver creates your Web page using code that conforms to the document type definition DTD specified for your Web page The new document uses the DTD specified in your preference settings but you can change it when creating a new document Changing your preference settings is discussed in Chapter 2 k Lies v Fae sa krie Save a Web Page s with most other applications that create files you must save the Web page or it will be lost when you exit Dreamweaver Saving your Web page frequently as you work on it is always wise that
5. Preview in Browser Click the browser to use The Web page displays in the selected browser chapter Browser menu the browser list preference settings are displayed for you to change You can create a list of up to 20 browsers that you can use to preview your Web pages Unless you know exactly what browsers the visitors to your Web site will be using you should test your Web pages in both current and older versions of the most popular browsers including Internet Explorer Firefox and Netscape This helps ensure that your Web site displays correctly for the widest possible range of users You can set one of the browsers as the primary browser and one as the secondary browser 1 F haromsan Dreineer f Aela F Psa y Wahia betters ar anrea Amk iFirPape him EHTA Y E BE GA Ek wa hat Heelys Ded Gamearh fic Wake Kaa ETEEN Paek Ek 3a znima Tede Haz G M A Gh Pee iyrea Qhne oS fa O 8 Oe aE aa lune Arce WEO poaren aed Erlings arih le erase vac vests coe hate ieee Ars ape hid Validate the Web Page reamweaver provides a validation feature that checks the syntax of your code The HTML syntax is validated based on the DTD you selected for your document For example if you chose XHTML 1 0 transitional for your DTD the syntax is checked using that standard If you create your Web pages using Dreamweaver s WYSIWYG editor Dreamweaver builds your source code and seldom m
6. the same root directory path that was set for the site you just removed The new site would then display the same Web pages that were displayed by the site you removed Manage Sites DreamweaverBook Manage Sites OreamweaverBook DreamweaverBook copy Macromedia Dreamweaver 8 Beta You cannot unde this action Delete the selected sites Move a Dreamweaver Site reamweaver stores information in internal files for each Dreamweaver site such as the site name the path to the root directory the URL to the Web site information needed to connect to the Remote site and so on In some cases you might need to set up the same Dreamweaver site on a different computer Perhaps you need to change your development environment to a different computer or if you need to work on the Web site in cooperation with other developers your co developers will need to establish the same Dreamweaver environment to coordinate your work Rather than setting up a new Dreamweaver site on a new computer with the extra work Move a Dreamweaver Site Export the existing site Open the Manage Sites dialog box Note See the section Create a Dreamweaver Site to open the Manage Sites dialog box 2 Click the site name Click Export The Exporting dialog box appears O Check an option if the default is not correct changes to Click OK The export site navigation dialog box opens Click here and navi
7. Site definition fles ste What does the file that contains the exported site look like w The file contains the settings for the Dreamweaver site in XML format The file begins with an XML tag such as lt xml version 1 0 encoding utf 8 gt Next it starts each line of site information with a site tag as follows lt site gt The file then includes various settings It includes information on the local site starting with a tag resembling the following lt localinfo sitename DreamweaverBook After the local site tag the file contains a tag for the remote site similar to the following lt remoteinfo accesstype ftp host janet valade com The file contains other tags containing other site settings Create a Web Page fter you have set up your Dreamweaver site you can create Web pages for the new Web site and store them in the local site Dreamweaver provides a WYSIWYG What You See Is What You Get interface where you can add content to your Web page You can see the content you enter and move or edit the page as desired Dreamweaver also provides an interface where you can write HTML code directly if you prefer The Dreamweaver interface is described in Chapter 2 In this section you create a simple Web page using the WYSIWYG editor to show the basic process The next section shows how to save the Web page file in your Dreamweaver site Create a Web Page Click File and choose New The New
8. Web page Dreamweaver stores a list of target browsers that it uses to check compatibility You can add browsers to or remove browsers from the target browser list If you know what browsers your visitors are likely to use you can include only those browsers in the target browser list If you do not know make your code compatible with popular browsers Check Browser Compatibility Open a Web page Note When the page is opened Dreamweaver automatically checks for browser compatibility The green check mark means no browser compatibility problems click Bed The Code Window opens Click E 4 Click Settings 18 You can also select which version of the browser to include For example older browsers do not support Cascading Styole Sheets The FirstPage Web page file created earlier in this chapter has no compatibility problems with the default set of target browsers A problem arises however when an older version of IE 4 0 is added to the list of target browsers as shown in the example in this section For the browser check feature to work as described the Auto check on Open feature must be turned on To check that the feature is turned on click le The menu should show a check by the feature If not click the feature to turn It on Maucromeilia fraanneeaver 2 Reta 2 ie W oreo oh 0 reve owe anki Fir Pape him EHTA 1 Hel Pie Edt aa Inmet Pics s Text Cottence She om cor Hag eo jaa
9. age is marked by an icon The informational message icon looks like the warning message icon looks like 5 and the error message icon looks like Li 19 Publishing a Dreamweaver Site he Web pages you create and edit in your Local site are not available to visitors to your Web site To make your finished Web pages available on the World Wide Web WWW you need to publish your Dreamweaver site Publishing your site means copying the Web page files to your Remote site When you set up your Dreamweaver site you set up a Remote site the site where the public can view your Web pages You provided Dreamweaver with the information it needs to transfer the files from your Local site to your Publishing a Dreamweaver Site Click Window Click Files The Files panel opens in the right hand pane Click here and select a site Click the Upload button 20 Remote site Uploading your files to the Remote site is sometimes called putting your files based on the FTP command put used to upload files Dreamweaver handles the details of the connection to the remote server and transferring the files You can transfer your entire site or any single file to the Remote site Because this example shows publishing your first Web site the entire site is transferred The Web site in this example actually consists of only one file and an empty Images directory If more files exist in the Local site all the fil
10. akes syntax errors However if you edit the code yourself or if you copied some Web page files into your Local site from a Web site that already exists you need to validate the pages to be sure the syntax is correct Validate the Web Page Click the Validate button 2 Click Validate Current Document Validation results appear at the bottom in the Results panel 16 Dreamweaver displays the results of your validation in the bottom pane of your window in the Results panel Chapter 2 provides more details on using panels Each error is listed in a separate row showing the line number in your source code that produced the error An icon at the beginning of the line indicates the type of error The Web page created earlier in this chapter displaying the text This is my first Dreamweaver page and saved with the name FirstPage html is created by Dreamweaver and has no syntax errors To show how the Validator works the lt head gt tag and the lt html gt tag were removed from the source code 2 Rata 5 fneal Wreomwaore Ran mena renk iFirn Pape himi XAT T BEE Mzzis Test Correcce Sie m ze Haz Moo s q ele bl ha bg ut of i a dt dd a oe H x A i Tai x rez el a e Ea a M g ri Validate Current Document mn l Miina Prha Duran Toe eri e Mabisa Seke iadPiani Siu This i oy irsi Drees page Stins EE Steam Th ot tere te eit oe CER d Seve Aces S Ra S h alan Th
11. an existing site the path points to a directory that contains the existing Web site files How do I set up the Dreamweaver site for an existing site if the Web site files are currently located only at the Remote site w You can set up a Local site and then copy the files into the Local site Copy the entire folder structure from the Remote site into the Local site not just the individual files so that Dreamweaver does not upload files to the wrong location What is the Basic option for setting up a new Dreamweaver site w The Basic option provides a wizard that prompts for information one step at a time If you click the Basic tab at the top of the Site Definition window Dreamweaver starts the wizard that guides you through the steps required to create a new site This procedure is slower but can be useful if you are new to developing Web sites Create a Dreamweaver Site Continued he Remote site is the location where users can view your Web pages After you have finished creating and editing your Web pages in your Local site you move the completed files to the Remote site Your Web site might be located in a specific folder on your company network in a folder assigned to you by a Web hosting company or in a folder on your own computer if you run your own Web server If the Remote site is on a different computer than the Local site the files are moved via File Transfer Protocol FTP or a local net
12. bl h2 ha ut of Mm gl dt dd lee ac Ei 3 F Merromeilia Praner E Reta F helil reaver mkanan F ira Para biel RATA y BENEA Pa E sax Ie Vodiy Tet Commerc Ste Winds Hep Tant Ao soem PH bl i ba uf of ii d dt dd dx ue Is ree oe S SETS Desh Bruen appr i Setting Up Your Dreamweaver Site chapter The Target Browsers dialog box opens Target Browsers Minimum brosser versions 5 Click the by Microsoft Internet Explorer Firefox O Moroso E fo Macintosh 6 Click 4 O El Microsoft Internet Beaker H a 7 Click OK 3 Dreamweaver now checks browser compatibility including IE 4 0 as one of the ta rget browsers amp Macromedia Dreamweaver 8 Reta local Dreannreaver 8 DreanweaverBookiFirstPape html XHTML j lees Fle Edt View Inset Mody Text Commands Site Window Help now shows 8 because Dreamweaver ae Te Do en fe mee noe eae found a browser incompatibility seman wstPage A red line appears under the problem Cokcede Eso fessor mi rrstPage_ E 8 CE fe i Fy SEGS AAN Check Browser Support Click SU Svcss rors coon somata tT GD gt eae Show All Errors Click Show All Errors ay a z Sneta http egquiv ContemaT ype content te Edit Ignored Error List 59 17 gt i gt Title Fleet Page titley Settings Dreamweaver lists the errors in the Reports o panel in the bottom pane of the window a MER oTi is ny
13. d out Tet a ProtilestEeceoions am arSookKFirstPaga2 rinl T Exarplesbestiag sleclhtry A Eranrplastpe himi B aPEOKIF kP agez nml Click OK a All files in the site are checked in A locked icon 8 displays beside the filenames Setting Up Your Dreamweaver Site Macromedia Dreannweaver B Bata 2 Fle Ect Yer kr T 4 o DREAMWEAVER Open a Recent Mem E ar BochFiraP aga hial T rerDooaFirsiPage hil E verBothFirsiPage hlri The Dreamweaver check in check out system is implemented on a per site basis The check out system must be turned on for each individual Dreamweaver site You can enable the check out system when you set up the Dreamweaver site A check box labeled Enable file check in and check out appears in the dialog box when you are setting up the remote site If you did not enable the check out system when you set up your Dreamweaver site you can change the site settings to enable file check out as described in the section Change Dreamweaver Site Information earlier in this chapter You can then check in your site files Site Defimiton for Mreanerarer Noak maces FTE FTP hest jenst weleds com logn pndai zu tet Pasua enone CEES sas passie ETP liss frav T Uss Secure FTF SFTP Phinkan synchraniation m onat i Sutomaticaly unload fles ka seuer on swe T Enabde file checkin ond check out Check cu files ayer opening hack out mema Emal addr
14. d to Diearnes eBook C Hide Cancel Note When the Uploading window disappears the site has finished uploading Save Log First Page Microsoft Internet Explorer i Fie Edt View Favorites Took Help l E a gt x E t pa Search TT Favorites A eds E F http hanet vaalade com Dreamweaver Book FirstPage html F g O Open your browser F A amp a 3 3 6 Type the URL to your Web site A ea 0g Your Web site appears in your browser This ia wry first Drearwe avet page Do I need to save the Web pages before I publish them w Dreamweaver transfers the saved versions of the files However if you currently have a file open with changes that have not been saved yet Dreamweaver asks you whether you want to save the file before putting the file on the Remote site If you click No the Web page uploads without the current unsaved changes Do I need to create the folder structure on my remote server before uploading my local site w No Dreamweaver duplicates the Local site folder structure on the Remote site When Dreamweaver uploads a file from a local folder that already exists on the remote site it puts the Web page into the existing folder When Dreamweaver uploads a file from a local folder that does not exist on the Remote site it creates the folder and then puts the Web page into the new folder How can I check that all the Web pages were correctly put on the remote site wy Dream
15. e name l 7 amp Click Duplicate The duplicate site is added to the list of Manage Sites sites DreamweaverBoak NeW You can click Edit to change the properties DreamweaverBook copy of the duplicate site Click Done 22 Set Up a Check out System arge Web sites consist of many files with more than one developer working on the files In such a situation a system to prevent developers from simultaneously working on the same files and overwriting each other s work is necessary Dreamweaver provides a check in check out system that prevents two developers from working on the same file at the same time The check out system requires a developer to check out a file before changing it While the developer has the file checked out no one else can change the file When the developer is through changing the file he or she checks the file back in Set Up a Check Out System Enable the system 1 Open the Dreamweaver Remote site dialog box 2 Click Enable file check in and check out L changes to One check box and two fields appear Lent pute Leave Check out files when opening checked O Enter your name and e mail address Click OK Check in your local site D Click here and select the site Note If Files panel is not open click Window and select Files 2 Click the site Click the Check In button Note If the check out system is not enabled is graye
16. eel fils het autom Detak inses Poder Insces nes relate bor Gi Goumen CO Ska rook HTTP adiasa bebpe local Hoek Ihe address ued For sibs relebne inks ard for the Unk fecher bo detect HIT nts thet refer to pour cam sibs Cassecereaties Inks Use case serie reichechirg Cat Embe cate The cache maintains fe and asset nerad in ths site This speeds up the ozr pare hErmn acd Ste isp aues D Click Remote Info O Click here and select an access type B Fill in host directory login and a password for the Remote site 17 Click Test A response to the test appears Click OK The test message closes Click OK Dreamweaver lists the new site in the Manage Sites dialog box 20 Click Done The new site is now created and you can add Web pages to it Setting Up Your Dreamweaver wA chapter Site Definition for DreanweaverBook Basic Acharced Category Remote Info Testing Server Coating Deasg Nokes Site Map Layout File Yew Columns Contrioube Test Passed ooo F Save a a Macromedia Dreamweaver amp Beta 2 Autometicaly upiosd Files bo server on sewe O Enable Ale check in and check out Manage Sites Netidenthy Duplcate Ramya Export Import Help How does Dreamweaver use a default images folder w If you specify a default images folder during the Dreamweaver site setup Dreamweaver places new images that you add to your site into that f
17. enun ad iin venii gms worked cerci tatio Lorem ipaam dob sh amet couseenur aaisan chr sed darn ceaneny armel i emper midur ut lakooe sb dooce mama adipise erat std damn elipbes Al sens ecs etaccusam et pose duc deleres et sa Tonene ecbpormng ebt asd cham neces rikk pokirn Stet clita kazi miker as aa dab alo gp oT le Lorem ipsnm dolor si i Larmi hage deler st aac Cocsectesusr achpascune elt it gt Larm haar dcler eb mnt oe te eaa chews H Larsen Isum Doler i Lorean ipsum ewes oe Lares ipeum deler at soet 5 Coauebchir sadpameg cha eedi idixa nonumy ermod mper rendit ut laherc i iert Finaga aliquyas sah sed diam wobptia Abwors tos ct inccusane at jusko dio dolores et param Stet lita eed gebecaren no seatalumata aancoad est Laren eum deler a i tA g m v i6v SE fd set Setting Up Your Dreamweaver Site A Preview a Web Site ou can view your Local site in a browser to see how it will look when published on your remote Web site You can preview your Web pages at any time You can select a browser in which to preview the Web pages The Preview in Browser menu item displays a list of browsers from which to choose You can add or remove browsers from the list by changing your preference settings Chapter 2 explains how to change preference settings If you click Edit Browser List in the Preview in Preview a Web Site hs Click File 2 Click
18. es Insert ody Tes Se on ao g oriy ly oe bk bE WS us at Rid Creereeevere tara Wou owe nelse ye 9 Sia Drane greont W ut 5 Inos a Frega hir Create from Samples Crair Hew g HTEL D C55 Sila Sheets Bacromedia Mreameraver amp eta 7 es Are vo sure yor vah bo derk m the stre er 23 Check Files In and Out arge Web sites consisting of many files with more than one developer working on the files require a check out system to prevent developers from working on files simultaneously and overwriting each other s changes Dreamweaver provides a check out system that requires a developer to check out a file before changing it and prevents anyone else from changing the file while it is checked out When several developers work on a Web site the Remote another developer worked on Therefore files are checked into and out of the Remote site The file list in the Files panel shows the file status a red check mark beside a file that is checked out along with the name of the person who checked it out and a lock beside files that are checked in Files that you checked out show a green check mark A file can be checked in or out with or without its dependent files such as images and style sheets Unless you are going site is the most up to date version of the site A developer s to change them you do not need to check out the Local site might not contain the latest
19. es are transferred using the steps shown in this section Macromedia Dreamweaver B Beta 2 8 localireamweaverBookilre averBookhFirstPage html HTML SEA Fie Edt Wes Insert Mody Text Commands Site PM ee 2 Insert Crr Fe gt Text i cm i dl di dd acte wc st ic D i 5 1 Pret ies Or F3 FirstPeqe bint 55 Styles She P LI er Layari Fe p i sat ia Desir TE F s Pa Behan shta FA c E i F 7 E m n e Geos Se AA A atas rhii Bide Ooe Fi0 This ig eve fret Deecoeeecier page Serv Rehevines CrP Com porerks Or FF 2 Asats Fil Snippets Shar Deg repao FS Raiuls F7 Rafer nce chitvrl Hetary ShP FLO Franss shit z ods Inspsccr Fi Tinalinas ALPS Worksomoe Layout b hide Frek Fa Cascade The Harnizowake ie Warocally s 1 Fisa henl bodyn lt o gt a Pe v e LE L ser Macromedia Dreamweaver Beta 2 toMy WebSites sites localWreamweaveBookiFirstPage html XHTML SAE File Edit Ves Inst ody Text Commands Se werdom Hep AB Z S em q mr bl h h3 of mi ll aes Text i Files Ales eee et es ES Cresneusevertic Loca views 4 5 af S C She Dreammenwerdook Cibo r images i Ard Paga hin FrslPege bl I Se coe fs sate Best Tele Fred Pape pet e M cE i S O2 Rm an This is our bret Dresoenecaier page Setting Up Your Dreamweaver ae chapter The Uploading window opens Background File Activity DreanweaverHook MBR Connecte
20. file is checked out Dreamweaver creates this file in the local and remote sites The lock file is not removed until the file is checked back in Thus if Dreamweaver finds the lock file the file status is checked out if no lock file exists the file status is checked in Masts Text Corrada Ya m i Hai moo r 5 qo me bl h hal ul ol al A Se ass helen This is oy ira Drees wer page Mew sannce L How does Dreamweaver prevent me from changing a file without checking it out w When a file is checked in the copy of the file in the local site becomes Read Only You can open the file and make changes but you cannot save the file Of course you can manually change the file status so that you can write to it using Windows commands but end runs around the check in system usually result in confusion content loss and possible disaster What do I do when I really need to work on a file that someone else has checked out w When you set up the check out system for your Dreamweaver site Dreamweaver requests your name and e mail address In the Files panel the name of the person who has checked out a file is listed beside the filename The name is a link that when clicked allows you to e mail the person who has the file You can send the person a message letting him or her know you need to work on the file 25
21. first Dremueaver page lt y gt Thos i my bret Dreamweaver page ke O os 786x1l0 IK 1 sec r Y Results Search Reference Voldetion Target Browser Check Link Checker Site Reports FIP Log Server Debug Fe Show Current Qecument F File line Descripdon OrearmweaverBookiFirste 2 The smire atribute af the HTML tag is not cuaperbed but thes no detrimental effect Firefox 1 0 Mazila 10 H i DrearweaverBaok FirstP 2 The smire atlrisube af the HTML bag is not sugperbed Micregell Inbernel Explorer 4 0 What types of messages does Check Target Does Dreamweaver check for syntax errors Browsers display when it checks browser compatibility w Check Target Browsers displays three types w No Dreamweaver checks only for HTML of messages 1 Informational messages flag elements that are incompatible to any of the code that is not supported in a specific browser browsers in the Target Browser List Elements but does not change the way the Web page that are not implemented in a specific browser displays 2 warning messages point out code are the only elements reported To check for that will not display correctly in a specific syntax errors you need to use the Validator browser but will not cause any serious display described in the previous section problems and 3 error messages flag code that may seriously affect the Web page appearance in a specific browser such as making parts of the page disappear Each mess
22. gate to the folder where you want to store the exported site E Click Save Dreamweaver saves the file with an ste extension in the selected folder 10 and potential errors you can move the existing Dreamweaver site to another computer Moving a Dreamweaver site requires three steps Exporting the current site moving the file containing the site information to the new computer and importing the site file into Dreamweaver on the new computer When you export the current site the site information is stored in a file called sitename ste The exported file contains the information in XML format in a text file that you can examine in a text editor You move the exported file to the new computer and import it into Dreamweaver J macromedia Open a Recent Item k verdooklFirstPaga be Duplicate verdooklFirstPare he ify_treamFirslPage i Pi i derit _dreardbonks Bi i O Starler Pages ently crearphpeEc ashe O Fage Designs eamiphosdummies A Exporting site DreanweaverBook o are vou seperting this ste ta back up your settings oe bo share our settings with other Legri E Beck up mey settings includes login password and oca patis Di Share settings wth other users does not incude logn pessaord o kcal patha ake a queck bour of Draama aareT ini 2 P Aa spprsciebs pour dadiation to matim Tats a Oreariveaver tulorisl Coltrane the best it oan be Export Site 6 Savai O ae l
23. h Fire Paps biel EHTA y Ste Uike Heip oo rales ca 1 be tue Wi bz ha ul ol ii ai dt dd we ux j jae ot e mn Ge Te aeh Reference nahn eraiionn heart ind Checker ha cepts MTF log ce er Reba Za Does the Web page need to does the Validator display be it w No You can validate any file open before I can validate Click the filename in the Files panel Next click Windows Results and then click the Validation tab If you have previously run a validation the Validation Results panel will be open To validate the selected file you need to click the Validation button or the Run Validation button in the panel Can I validate more than one file at a time w Yes you can select more than one file in the Files panel using Shift click or Ctrl click Click Windows Results and the Validation tab Or you can click the site name in the Files panel then click Windows Results Validation tab and all the files in the site will be validated EEE 17 Check Browser Compatibility he HTML standards are set by the World Wide Web Consortium W3C www w3c org However not all browsers and or browser versions implement all parts of the standard the same way In addition some browsers have added HTML tags and attributes that are not in the standard and do not work in all browsers Dreamweaver provides a feature that you can use to check which browsers support the HTML code in your
24. is os oy irr Drees er page ow SER Sel lia Click the Split button amp to see the code with line numbers The code window opens showing the HTML source code Mau romeilia lreanreceaver 2 Reta 7 tell yt Siler eea enara Ronski F irm Pan him HTM Setting Up Your Dreamweaver Site Z chapter peer Dne pe TnT z Fire weged anlsy EEE 1 1 LI Ey Laical Deeseeuvi pugu pp d w v SER Ve Ella IO Tanget Brome Check Loits Sos pecet ETE Lig Serre Di EO a Op Thea tarp heat poo nas eatin taat T E anki ainga cr hind 4 TAD Doser Ths Sam bes brs anant cos einen bay TY tea ital The hii beg E pise grears coc cag beg XRT d D keen stored 4 Type lt head gt on line 6 in the code window O Type lt html gt on line 10 click New Validator results are displayed What types of information w The Validator displays three types of messages 1 Informational messages just convey information and are not error messages 2 warning messages point out incorrect syntax that is unlikely to affect the appearance of the Web page and 3 error messages point out incorrect syntax that is very likely to affect the appearance of the Web page Each message is marked by an icon The informational message icon looks like the warning message icon looks like 2 and the error message icon looks like j aromeilis Prnonreraer E Rala F bril rere Rook Wits onrernaves oo
25. ive links Wee caze senativs link checking Cache F Enable cache The cache mantais fle snc asset information inthe sbe This speeds up che Assat panel link management and Ste Map features Remove a Dreamweaver Site ou can remove a Dreamweaver site when you no longer need it The settings saved for the site are deleted from Dreamweaver s internal files When you remove a Dreamweaver site Dreamweaver permanently deletes the site information You cannot undo the action and recreate the site The site is gone forever The Dreamweaver site refers only to the site information The site contains a path to the root folder where the Web Remove a Dreamweaver Site Open the Manage Sites dialog box Note See the section Create a Dreamweaver Site earlier in this chapter to open the Manage Sites dialog box 2 Click the name of the site you want removed This example refers to the site DreamweaverBook Copy Click Remove A window opens to verify that you want to delete the site O Click Yes Dreamweaver removes the site name from the list of sites 5 Click Done Setting Up Your Dreamweaver Site site files are stored When you remove the site the path to the Web site files is deleted along with all the site settings However the files themselves are not deleted the folder with the files is untouched You could create a new Dreamweaver site with a new name and give the new site
26. ks ft e fe gt L Docuas 3 Desking My Docu My Comple Fila nama hip Hetwcik Save ack Mpe Sits deiin iee ste Import on the new computer 8 Open the Manage Sites dialog box Note See the section Create a Dreamweaver Site to open the Manage Sites dialog box Q Click Import The Import Site dialog box appears 10 Click here and navigate to the folder where the exported file is stored Click the filename 12 Click Open Dreamweaver imports the site and lists its name in the Manage Sites box Are the Web site files automatically moved when you move the Dreamweaver site w No Only the site settings are included in the file that contains the exported site One of the settings is the path to the root directory where the Web site files are stored You must move the actual Web site files separately You can copy the files on the new computer into a folder with the same path so that the current path is correct Or you can change the path to the root directory after you import the site setting the path so that the Dreamweaver site looks for the Web site files in a different folder Setting Up Your Dreamweaver ne chapter Manage Sites Examples et Import Site Look in C ste_files DreamweaverBook ste My Recent Documerts Desktop My Documents hy Computer Ia p File name Dreamweaver Book she bly Network Files of type
27. ment in the local site folder of your Dreamweaver site giving it an appropriate filename The predefined pages are grouped into different categories such as Commerce display products and shopping carts Image formats for displaying images Text layouts for online newsletters and magazines and UI standard forms Page design documents are not templates They are just Web pages that have code already in them You can edit the code as you need to and replace placeholder text and images Templates are more complicated Chapter 10 discusses the many uses and features of templates Hew Document Gencral Tonpa Fi a 2 i Coari Peabo i Ca Conmenoc Ph ct Car Commence Pook ot Cee Comano Scope iney T Taka Covpr ates aor Esta F qurse Cat ead Cals F prer Lek Da Soi es Drege Pture ards EEECRoE Img Pte arc les Imega 9 chy Shoe Imsa Teunmsna an EEEbo2 imags Poumon Lr Roce Tr f Prose set ue least or bas erties ered a sidecar vi bh a gvel ives GICED SBE Causi ype D0 OE SHTEL 1 0 Tit onc w Ceas lanun O Ternpke conz EEX Fk Ed ia Insert Moci Test Connoncs Ste Aiia Hee Ag Ss eo 4 pI mE M ht ha ul of li di di dd ste r 1 la amp as shal an Lorem Ipsnn Dolor Sot Amet Coupe cheb Lorem ipaa dolor su suet coiectemer adipiscing elir sed diam i monunuo wb ewm tied wt Tacrert dolore magna aligqgiam erat vduipal Ul wia
28. mp ec E a AEBS yta nA Thea ts ny Erst Drescvareanes pape GE Q irs Ahr he ikir Using Dreamweaver Page Designs reamweaver comes with numerous predefined Web pages to help you create starter pages for a number of different types of sites Using such ready made designs can save you time and keep the pages within your site consistent Dreamweaver page design documents are formatted and have placeholder information When you select a page design a Web page opens that is formatted and has placeholder content for the various parts of the Web page You just need to replace the placeholder content with the content you want on your Web page You can also change the Web page format until it suits you perfectly Then you Using Dreamweaver Page Designs p Display the New Document dialog box Note See the section Create a Web Page to display the New Document dialog box 2 Click Page Designs A list of available page designs appears amp Click page design Dreamweaver displays a preview and description of the design 4 Click Create A new page opens with placeholder content Replace the placeholder information with the information you want on your Web page Note Chapter 3 discusses editing Web pages Note Chapter 3 discusses adding text and Chapter 5 discusses images O Save the file Note See the section Save a Web Page to save a Web page T4 DO save the docu
29. older unless you explicitly put the images elsewhere For example if you drag an image from the Desktop into the Document window Dreamweaver places a copy of the image in the default folder Will the name that I give my site appear anywhere on my finished Web site w No The name is used only for Are Remote and Local the only possible sites in a Dreamweaver site w No An additional site the keeping track of different sites in Dreamweaver It appears in the Site drop down list at the top of the Site window It also appears in the Files panel which is used to manage Web site files Using the Files panel is discussed in Chapter 2 Testing Server site can be defined You need this site only for dynamic Web sites that use ColdFusion PHP or another dynamic Web application language This chapter does not discuss test sites because it does not discuss dynamic Web sites Chapter 14 which discusses dynamic sites explains how to set up a test site Change Dreamweaver Site Information he site information also called site settings is the information you provided when you set up the site such as the name of the Dreamweaver site the path to the directory where the Web site files are stored the URL to your Web site the path to an images folder information about the remote site and so on Dreamweaver Dreamweaver provides an option to edit the settings for a stores this information in an internal file wi
30. p es Insert het e ai of Some A ied mes bh AB Gee ud oot fit ds ag Fles eee ee macromedia r E Cresmosmertie Y Local veu F DREAMWEAVER drest rajE E Six Deearmmeawer Bok iC Do 2 Images w FrshPage lim n a Reoeni tem Create New Create from Samples MerboonFinstiPage hinl ge HTML i CEE Bhile Sheets varBookF irsi aga hml MA Files will dismisa in 20 second s tProfiles Encepions ami aBa PF reaped her Fremoalastashng sincth Exoenalestiyd hiiril Aoki F ira Faga z hr Get deaendect fes Dependent Ales wii rat be checked at Vou can change Was mehara in bha Se catego of Pra Preferences day Cort show me his message ajan chapter F Morrone lia Ireanremnvar Rala J lei fel iets loco nanea Rook F irm Paza bil XH ji AHE es lret Morty Text Cortana Setting Up Your Dreamweaver Sit The Web page opens a See m i Hale A green check mark appears by the op F S cele cima ka hajut of at filename O Make the changes to the Web page Click 5 The file is uploaded to the Remote site 8 SP as gt r elon This is oy ira Dreame wr page Mew sannce L The file status changes back to checked in How does Dreamweaver know whether a file is checked in or checked out w Dreamweaver checks whether a lock file exists The lock file is named filename ext LCK for example FirstPage html LCK When the
31. s set on or off Chale i pan a acant han i the last time Dreamweaver was closed You F Fearne him ee Ya ht d h b li ki h niBeckLrided iir gm a AFR pels can open and close the panel by clicking the eats o Chee le Sten Beets 1 i Exsirpleseslher hin W Ase RE Ce GF Sharler Fages side arrow a Ear plesal keri Fim it dga pl oy Page Designa F a Evarplasicalh ker Fim wae AL Note See Chapter 2 to learn about the J psta samp g MAAT Enaga EeamplesJried 4 ml CHE Dreamweaver interface Re Reon E A Sf crx plesvelb er 1 9 him Ld wore Extia 3 Open i hmamenasar Ear Thanks Gallrare ars lake a ck wur ol Dresmavesver EEE E Take a Dtarietayer hix il Gary e the Gect bcs be E F Click New o DREAMWEAVER Click Site a a Fram plari her him 5 Sy Beck Lote hiri Ric bor uty Sy Exarplesisiccther ha ETE ES Sarvar Sy Exarpleslecther1 tim cue l Stader Fages ff Eram plesal ker 1 hln a Faye Designs a Exar plescslh here him wh PlRENCall gare tip fie 9 Frarplagrinad s rl 9 FvarplesSampleFil hl T ExarplesicctFyer 1s ht J Open Cresireeseer Seuhange Thanks Coltrane Lesers Take a quick tur of DES TEESE n 7 5 Ye aponedets veur dedka on ba raking fl Take 4 Daanan lull Cula e Ue Lisi canbe EBL Folh The Site Definition dialog box appears displaying the Local Info section of the Advanced tab Click the Advanced tab if necessary
32. th the information site When you select the edit option you can access the associated with the individual Dreamweaver site same dialog boxes that you used to enter the information when you set up the site You can change any of the site settings and save the new settings for the Dreamweaver site Sometimes you discover that you provided incorrect information to Dreamweaver when you set up your Dreamweaver site Or you provided the correct information but the information changed at a later time You can change the information for your Dreamweaver site at any time Change Dreamweaver Site Information Open the Manage Sites dialog box Manapa Sites Note See the section Create a Dreamweaver Site hetbbrdy earlier in this chapter to open the Manage Sites dialog box Click the site name This example uses a site named DreamweaverBook Click Edit The Local Info category appears active in the Site Definition dialog box ae Testna Saririk Site name Reenter reese Oar am a ee Change any information you need to change Desgn ketes se poe Voces ard Satikari Dor a part a F Refresh local Ale ist aubomstcelly Note To change information for the Remote site maa es i TT click Remote Info and change the information ae Seay ae in the Remote Info category HTTP address itp ffiocalhost 5 Click OK md Fa Ure Lik Checker to dat HTTP s inks that refar bo your awn site Cese sersit
33. version of a file that Check Files In and Out dependent files Click Window Click Files The Files panel opens Click here and select the site O Double click a filename The Dependent Files dialog box opens Click Yes or No 24 Macromedia Dreamweaver B Beta 2 7 p PEE File Edit Mes Insert Modu Text Commands Site Biren x a eee iE LFZ tos Yent oo wef g y j7 mat aF di dt deti ae wi SE e x J Pret Hies OndeFs J i macromedia 255 yes ShR Fil L F o DREAMW i tats Cetskases itlar Bade On Fid Tease Rises OEFA a verBookFirslape hirnl Companerks Od FT J CEE Ehle 4 a ver BooAF iret aga himi AFELE a cProfiles acepaons ami Assets Fij 3 Page Designs i285 Open a Recent ltem aata fom Samples Snippets SWE OFS wach reaped kri SR Starter Pages E Exarrolashastng sincthoml lisk tii J Paga Designs BEY a Exernalestio2 hlr it ae i IFI E aSock2F AP agez iml etary SWRFIO a versookF inst age him Promes Ihit r ods Inspsccr Fiu at M dreamd irage Fir Tinalines AF3 E deni drearvbonke im E tend CF Open Hide Parek Fe Orearevesver Exchange cascade The Horzorta le Ire erocally Coltrane Users Take a quick tour of Er vs i Wo Onan Daruma oste your decicsticn bo maurg Take aOreanaeaverb 0 ha best it canbe Macromedia Dreamweaver Beta2 lt Fle Edt Modu Text Commands Ste wWincom He
34. weaver displays the Local site and the Remote site side by side so you can see the structure and files on both You can open this display from the Files panel Click beside Local view click Remote view and then click the Expand button Dreamweaver displays the folder file names file size date last modified and other information about the folders and files 21 Copy a Dreamweaver Site l l l that is different such as the site name and the path to the Dreamweaver site consists of the settings Dreamweaver needs to organize and manage TOOL TOGET the site Web pages The settings include the site The duplicate site has all the same settings as the name the path to the root folder where the Web site files original site It is given the name Sitename Copy such are stored the information needed to connect to the as DreamweaverBook Copy You can then change the remote site and other information When you want to information for the duplicate site such as the site name set up a new Dreamweaver site that is very similar to an as described in the section Change Dreamweaver Site existing Dreamweaver site you can often save time by Information earlier in this chapter copying the existing site and changing only the information Copy a Dreamweaver Site a Display the Manage Sites dialog box Manage Sites Note See the section Create a Dreamweaver Site 2 TEE TT to display the Manage Sites dialog box 2 Click the sit
35. work that includes the Remote site The Dreamweaver site organizes all the documents in your Web site It tracks and maintains links manages files and handles the file transfers from your local site to your remote site Your Local site and your Remote site need to contain the same hierarchical structure of folders to prevent Dreamweaver from copying files from the Local site into the wrong folder in the Remote site and vice versa You can manage your files better if you create a folder on your computer that is a Local site that contains all your Dreamweaver sites Each site is stored in a folder named with the Dreamweaver site name Create a Dreamweaver Site continued You can create a folder to hold images but Dreamweaver does not require one Click Select The Site Definition dialog box displays the path to the Local root folder 12 If you created a folder for your images add its path filename to Default images folder Type the URL that you will use to view your Web pages In this example the Local site is on a local computer so localhost is used Choose local moot folder for site Dreamecaveriiook Selec B Dreannaevaioak o mi TEN H Hy Repsi Do panes Q Ceklio 4y Dormers is e Hi Computes bey Melmork Select Dieareere2 o Site Mefintion for Dreamweaver Anok Basic Odwenced Se memei Citas er Fook Loca rog fods Ciipnmers and Sergi ensiy Do Sj Befress b
Download Pdf Manuals
Related Search