网页设计与制作全套电子课件教案-第1章 电子商务网站及网页概述.pptVIP

二、BtoC网站的特点1、主要功能的表达商品展示；结算；网上支付2、技术表达〔1〕版面规划〔2〕增加网站吸引力，网页元素的添加〔3〕人机交互一般不追求直接网上交易三、BtoB网站的特点阶段三：

将网站上传至Web效劳器阶段四：

网站的更新与维护并加以推广阶段一：

搜集数据与规划网站结构阶段二：

网页制作与测试1-3网页的一般制作步骤

图解一般流程1、收集整理资源2、规划站点内容〔1〕描述网页的效劳对象〔2〕确定制作网页的目的〔3〕具体确定网页的信息内容、浏览界面和信息设置〔4〕具体确定网页的制作时间和软硬件环境阶段一：

搜集数据与规划网站结构1、构建页面框架〔1〕“右框〞型〔2〕“亘〞字型〔3〕“曰〞字型〔4〕“目〞字型2、创立导航条3、填充内容4、创立返回主页链接5、站点测试阶段二：

网页制作与测试

阶段三：

将网站上传至Web效劳器网页发布阶段四：

网站的更新与维护并加以推广站点的更新与维护1-4网页制作工具网页制作常用软件DreamweaverMX2004的界面介绍DreamweaverMX2004中建立一般网页的方法一、网页制作常用软件图像处理软件动画制作软件网页布局软件二、DreamweaverMX2004的界面介绍插入栏文档工具栏编辑窗口网页标签扩展按钮浮动面板组属性面板的使用标签选择器插入栏“插入栏〞〔如以下图所示〕包含用于将各种类型的“对象〞〔如图像、表格和层〕插入到文档中的按钮。显示为菜单应用程序HTML文本表单布局文档工具栏该栏中放置了“文档〞窗口视图〔如设计视图、代码视图、设计和代码混合视图〕按钮、标题设置框和文档管理〔如在浏览器中预览网页〕等按钮，如以下图所示：单击该按钮可以切换到“代码〞视图中。“代码〞视图是用于编写和编辑HTML、JavaScript、效劳器语言代码〔如MicrosoftActiveServerPage〔ASP〕或ColdFusion标记语言〕以及任何其他类型代码的手工编码环境。：单击该按钮可以切换到“代码〞视图和“设计〞视图中。在该窗口中可同时看到同一文档的“代码〞视图和“设计〞视图。 ：单击该按钮可以切换到“设计〞视图中。“设计〞视图用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。：在浏览器中预览/调试。单击该按钮后，在弹出的菜单中选择“预览在iexplore〞命令后即可在IE浏览器中浏览或调试当前网页。：单击该按钮可以刷新当前网页。编辑窗口该窗口中显示当前创立和编辑的文档，这是进行网页设计的主要工作窗口。网页标签网页标签用于显示翻开的网页名称，单击网页标签可在各网页间切换，如以下图所示。 扩展按钮扩展按钮有水平和纵向两种，单击编辑窗口右侧的水平扩展按钮，可以隐藏工作主界面右侧的浮动面板组，这样可以在水平方向扩大编辑窗口；单击编辑窗口下方的纵向扩展按钮那么可隐藏属性面板，同时在垂直方向扩大编辑窗口。 浮动面板组浮动面板组是停靠在编辑窗口右侧的浮动面板的集合。单击某个浮动面板名称左侧的图标即可展开一个面板。展开后图标变为形状，再单击图标那么合拢面板，只显示浮动面板的名称。将鼠标光标移到浮动面板的图标上，当鼠标指针变为开头时，拖动该面板即可将浮动面板移到窗口中的任何位置。 属性面板的使用属性面板用于查看和更改所选对象的各种属性。选取的对象不同，其属性面板的参数设置工程也不同。如下图为“文本〞属性面板，如下图为“图像〞属性面板。单击按钮还可翻开其他的一些设置工程，单击按钮那么可复原。“文本〞属性面板“图像〞属性面板 标签选择器标签选择器显示了一些常用的HTML标签，灵活运用这些标签可大大降低设计人员的工作量。比方想选择表格中的某一行，那么可通过单击标签选择器中的标签快速选择，如下图。菜单概述除了掌握DreamweaverMX2004的操作界面外，还应该熟悉DreamweaverMX2004的命令。在实际的制作过程中，有许多操作是需要命令来完成的，下面就网页制作中常用的一些菜单及命令