How to Make Websites With Adobe Dreamweaver CS4

Building a Web site with the Dreamweaver CS4 Web-design platform lets you integrate text, images, animations and movies all into one Web site without a lot of work. And that's because the Dreamweaver Web platform is integrated with Adobe's other CS4 design tools such as Flash Professional, Photoshop and Illustrator. When you create a Web site with Dreamweaver, you can not only type and edit text directly into your Dreamweaver web page, but also import animations from Flash, photos from Photoshop and illustrations from Illustrator. And it all can be done with just a few clicks of your mouse.

Things You'll Need

  • Dreamweaver CS4
  • Photoshop PSD formatted file
  • Flash SWF formatted file
Show More

Instructions

    • 1

      Start your Dreamweaver CS4 software. Click the HTML option below the "New Column" in the splash screen (the opening screen) that is displayed.

    • 2

      Click the "Save As" option from the "File" menu on the main Dreamweaver CS4 menu bar. Type the name of file, "firstwebsite", in the "File Name" box in the "Save Document" dialog box that appears. Select the "All Documents" option from the "Save as type" text box. Click the "Save" button to save the file.

    • 3

      Click the "Insert" option on the Dreamweaver CS4 main menu bar to navigate to the flash movie import option (Insert>Media>SWF). From the "Insert" menu click the "Media" menu option. From the "Media" menu option click the "SWF" option to import a Flash movie.

    • 4

      Select a file from the "Select File" dialog box that appears. Click the flash animation file (with extension "swf") that you want to import. Click the "OK" button to close the "Select File" dialog box. Click the "OK" button on the "Object Tag Accessibility Attributes" dialog box (leave the text boxes blank for this example) to close this dialog box and import your Flash movie into your Dreamweaver Web page.

    • 5

      Press the "Enter" key on your keyboard to position the mouse cursor below the movie you imported.

    • 6

      Click the "Insert" option on the Dreamweaver CS4 main menu bar. From the "Insert" menu click the "Image" menu option. Select an Adobe Photoshop file from the "Select Image Source" dialog box that appears. Click a Photoshop file (with extension "psd") from the file list. Click the "OK" button to close the "Select Image Source" dialog box. Click the "OK" button on the "Image Preview" dialog box(leave the settings the same in the "Image Preview" dialog box for this example) to close this dialog box and import your Photoshop image into your Dreamweaver Web page.

    • 7

      Click the "File" menu on the Dreamweaver CS4 main menu bar to navigate (File>Preview in Browser>iExplore) to the "IExplore" Web site preview option. Select the "Preview in Browser" menu option from the "File" menu then select the "iExplore" option from the "Preview in Browser" menu to preview your Web page in the Internet Explorer browser.

Learnify Hub © www.0685.com All Rights Reserved