Chapter2 Webpage Editing Tool Dreamweaver 8

Vacabularies Website 网站 Webpage 网页 Layout 布局 Hyper-link 超级链接 Frame 框架 Template 模板 Promote 发布

Tips About Dreamweaver 8 Website Create Webpage Design Webpage Layout Dynamic Technology Web Site Promoting Sample

1. Something About Dreamweaver 8 Dreamweaver from Macromedia company must be the best editor by now. It can edit the Web pages as WYSIWYG, and it also has strong functions to manage and maintain Web site. It supports the latest extensions of HTML language, support layer technology, but also provided a layer of the element of the animated feature. Its powerful functions allow people who do not know HTML language to create interactive web pages easily.

Choose a work model as you like

Interface of Dreamweaver 8 插入栏 文档工 具栏 属性面板 网页编辑区 面板组 文件面 板

2.Create a Web site Open the window of Website Management Defined Web Site Name Choose Whether to Use Server Technology Select the way of file uploading Select the folder to save Web site files Choose a way to connect remote server

3.Web Page Edit Create a new page Content creation –Create a new folder to save all the files used in Web page –Word edit –Set the title and background color of the page –Insert images –Insert flash –Create Hyper-links between other pages

– Hyper-links in pages Hyper-link between pages Hyper-link to adress Hyper-link used on images –Goal-seting of Hyper-link _blank ： Linked page appears in a new window _parent ： page will replace the appearance of upper frame _self ： page appears in current frame _top ： page appears in browser not in any frame Types of Hyper-links

4.Layout Mode of Webpage Table –Table is a good tool in page layout, it can achieve the exact page layout and positioning easily. Layout view –Layout view is a simplified form, it is more flexible than the form in using.

Frame –Frame can divide a browser window into multiple independent areas, each frame displays the contents of a web page and through the hyperlinks in this frame we can change the document displayed in another frame. Template –When we need to do a large number of similar layout pages, using a template is the best way. Layer –We can get a three-dimensional effect of webpage within layer.

5.Dynamic Technology Using Behavior –Object –Event –Action Animation Making with Timeline Using Form

6.Website promoting DesignPreviewTestpromote

7.Sample Step of Web Design Define a Website Page Layout Design –Manufacture Title with Fireworks MX –Manufacture Flash Animation –Insert Images Insert Background image Insert Fireworks File Insert Flash File –Editing words Preview and Test Promote

Exercises How to built a Website The way to set a background music The difference between 4 hyper-link