电子商务第2版课件作者陶树平中国机械工业教育协会组编第4章节.pptVIP

第4章 电子商务网页设计与制作 4.1 FrontPage 2002概述 4.2 电子商务网站的创建 4.3 网页设计与制作的基础知识 4.4 电子商务网页的制作 4.5 网页文件的基本操作 4.6 文本编辑与格式编排 4.7 网页中表格的制作 4.8 网页中的超链接 4.9 图像基本操作 4.10 网页中表单的制作 4.11 HTML语言及其应用 4.12 电子商务网页设计应用实例 4.1 FrontPage 2002概述 4.1.1 FrontPage2002简介 4.1.2 FrontPage2002的网页编辑功能 4.1.3 FrontPage2002的管理功能 4.1.1 FrontPage2002简介 办公软件Microsoft Office XP中文本版的套装产品之一 FrontPage2002的一些新增功能包括 bCentral Commerce Manager Add-in for FrontPage。 通过bCentral Commerce Manager进行拍卖 数据库界面向导 易于使用的表单 集成的第三方电子商务解决方案 FrontPage2002的启动方式 【开始】?【程序】?Microsoft FrontPage命令 4.1.2 FrontPage2002的网页编辑功能 “普通”编辑模式 利用“所见即所得”的思想，以图形化的界面编辑网页 “HTML”编辑模式 它采用HTML代码直接编辑 “预览”编辑模式 主要是对编辑的网页进行预览以观察网页发布以后的显示效果 4.1.3 FrontPage2002的管理功能 “网页”视图模式 主要用于Web页面的设计，编辑修改，即页面编辑功能的实现 “文件夹”视图模式 这种模式将页面编辑区分成两部分，左侧显示当前站点顶层的文件夹与文件名，右侧显示所选文件夹及其网页文件的内容 “报表”视图模式 显示已打开站点中的任意报表 4.1.3 FrontPage2002的管理功能 “导航”视图模式 网页编辑区将显示当前站点的导航图，并且可以在网页上添加导航按钮 “超链接”视图模式 这种模式下显示来自和指向站点中每一页的超级链接 “任务”视图模式 列出站点中要完成的任务 4.2 电子商务网站的创建 4.2.1 网站的基本概念 4.2.2 网站的创建过程 4.2.3 网站的打开与关闭 4.2.4 电子商务网站的创建实例 4.2.1 网站的基本概念 网站的定义 网站（Web Site）是指在网际网络上根据一定的规则使用HTML等工具制作的用于展示特定内容的相关网页的集合。 从设计者的角度而言，网站就是网络上的一个应用程序，它是由一组文件组成的集合，其中包括网页文件和图形、图像等多媒体文件素材。 4.2.2 网站的创建过程 使用模板创建站点 例题：利用模板建立一个“个人站点” 步骤 自己创建新站点 例题：建立 “只有一个网页的站点 ” 步骤 4.2.3 网站的打开与关闭 打开 【文件】菜单 ?【打开站点】命令 ?在“打开站点”对话框中选择要打开的站点 关闭 【文件】菜单?【关闭站点】命令 4.2.4 电子商务网站的创建实例 利用向导创建一个一个销售CD产品的电子商务网站 生成的站点导航图 4.3 网页设计与制作的基础知识 4.3.1 网页的基本概念 4.3.2 Web浏览器 4.3.3 HTML概述 4.3.4 网页制作工具 4.3.5 网页设计的原则与风格 4.3.1 网页的基本概念 网页是分布在世界各地的Web网站（专门用于提供网页的计算机）上面的文档文件。 一般网页上都有文本、图片等内容，有的网页还提供声音、动画、影像等多媒体信息和交互功能。 网页是用超文本（HyperText）格式写成的，超文本格式具有将文本内容与其它文本链接起来的功能。 4.3.2 Web浏览器 Web浏览器是个显示网页主机或文件系统内的HTML文件，并让用户与此些文件互动的一种软件。 Explorer Netscape 4.3.3 HTML概述 HTML（HyperText Markup Language）即超文本链接标记语言 在屏幕上看到的网页是浏览器对HTML文档的翻译 Web浏览器从HTML代码中读取图像的位置，然后把它们放在网页上 Web浏览器从HTML代码中读取图像的位置，然后把它们放在网页上 4.3.4 网页制作工具 DreamWeaver是一个功能强大的专业网页设计软件 Fireworks是专为网络图像设计而开发 Flash是用在因特网上动态的、可互动的ShockWave ，优点是体积小，可边下载边播放，这样就避免了用户长时间的等待 4.3.