电子商务网站设计课件

网页设计工具FrontPageDreamweaver图象处理工具PhotoshopFireworksFlash设计与制作Dreamweaver8创建一个简单网站更新与发布网页更新网站发布

网页设计工具—FrontPage网页设计工具

网页设计工具—FrontPage优点：与Windows系统无缝兼容，采用典型的Office界面设计，易学易用。功能相对简单，用于专业设计有一定局限性。网页设计工具缺点：

网页设计工具—Dreamweaver网页设计工具

网页设计工具—Dreamweaver优点：功能强大，设计效果“所见即所得”，对DHTML的支持好，是一款专业级的网页设计工具。功能复杂、易学难精。网页设计工具缺点：

网页图象制作工具—Photoshop网页图象与动画制作工具

网页图象制作工具—Photoshop网页图象与动画制作工具

特点：功能强大，广泛使用于平面图象处理。是图象设计师进行平面设计、图形处理的首选。网页图象制作工具—Fireworks网页图象与动画制作工具

网页图象制作工具—Fireworks网页图象与动画制作工具

特点：网页三剑客之一。与Dreamweaver无缝集成，可以同步对图片进行编辑。结合了Photoshop和CorelDraw的部分特点，功能强大。动画制作工具—Flash网页图象与动画制作工具

网页图象与动画制作工具

特点：网页三剑客之一。Macromedia专门为网页设计的一个交互性矢量动画设计软件。采用准流式（stream）设计，可以边下载边播放。动画制作工具—Flash基于矢量设计思路，可以大大减少文件数据量，并且能做到无级缩放而不影响图象质量。Dreamweaver8.0介绍网站设计与制作

继DreamweaverMX2004之后推出的又一重量级版本。专业水平的HTML编辑器，可用于对Web站点、Web页和Web应用程序进行设计、编码和开发。可视化布局、应用程序开发功能、代码编辑支持集于一体。支持使用服务器技术生成动态数据库支持的Web应用程序。Dreamweaver8.0新增功能网站设计与制作

缩放工具和辅助线可视化XML数据绑定及代码转换功能Dreamweaver8.0新增功能网站设计与制作

全新的标准CSS样式面板新的编码工具栏Dreamweaver8.0新增功能网站设计与制作

CSS布局可视化代码折叠Dreamweaver8.0新增功能网站设计与制作

后台文件传输Mac标签式文档使用后台方式上传文件，不影响前台设计。Dreamweaver8.0操作界面网站设计与制作

标题栏菜单栏插入栏文档工具栏文档窗口面板组标签选择器面板开关状态栏属性栏创建一个简单的网站

第一步：创建站点在磁盘上创建一个文件夹：e:\webtest打开Dreamweaver8.0点击站点新建

创建一个简单的网站

第二步：创建网页文件（方法一）创建一个简单的网站

第二步：创建网页文件（方法二）创建一个简单的网站

第三步：保存网页网页更新

使用Dreamweaver模板更新网页创建一个模板网页更新

使用Dreamweaver模板更新网页创建基于模板的页面网页更新

使用Dreamweaver模板更新网页使用模板更新页面网页更新

创建库项目打开一个HTML页面，窗口面板切换到文件—资源—库选中页面对象，直接拖放到右边库窗口内，命名，就创建了一个库文件。使用Dreamweaver库更新网页网页更新

拖放使用Dreamweaver库更新网页网页更新

将库项目添加到页面创建一个空白HTML页面。直接拖放右侧面板中的库项目到空白页面即可。使用Dreamweaver库更新网页网页更新

拖放使用Dreamweaver库更新网页网页更新

使用库项目更新页面对库文件中的元素进行修改并保存。使用到库文件的页面会自动同步修改。使用Dreamweaver库更新网页网页更新

更新文字使用Dreamweaver查找/替换更新网页网页更新

更新标签使用Dreamweaver查找/替换更新网页注意：在替换时要使所有被替换的文件处于关闭状态，否则可能出错。网站发布