《项目九 商务网站建设》由会员分享,可在线阅读,更多相关《项目九 商务网站建设(31页珍藏版)》请在金锄头文库上搜索。
1、,项目9 商务网站建设 任务9.1 商务网站规划和网页内容设计 任务9.2 简单网页制作 任务9.3 网页定位 任务9.4 动态网页制作,电子商务概论 孙 君 讲授,项目9 商务网站建设,实训内容 任务9.1 商务网站规划和网页内容设计 9.1.1 商务网站规划 9.1.2 网页内容设计 任务9.2 简单网页制作 9.2.1 网页文本 9.2.2 插入图像 任务9.3 网页定位 9.3.1 网页表格 任务9.4 动态网页制作 9.3.1 图像编辑 9.3.2 视频和音频,实训目的 技能目标: 能够进行商务网站规划和网页内容设计任务。 会制作和修饰动态网页,如: 网页文本、图像、视频和音频的插入
2、与编辑。 掌握网页表格的插入和编辑修饰。 知识目标: 了解商务网站的概念和组成。 理解商务网站建设的步骤,理解网页设计的方法。 掌握域名的概念及域名命名时的注意点。 拓展目标: 能真正进行电子商务网站的建设和维护,并利用电子商务网站进行营销和销售。,项目9 商务网站建设,实训步骤(组织设计) 1教师讲授支撑任务的理论知识。 2教师布置本次课任务。 3教师视情况对较难任务进行示范操作。 4学生实训操作,教师巡视。 5教师检查任务完成情况,并做考核记录。 6本次课实训效果总结。(师生互动),项目9 商务网站建设,实训任务 1.利用Frontpage2000完成如下操作:(1)在D:DZSW下创建含
3、一个网页的站点,此网页设为主页命名为:“index1+学号.htm”,除给定条件,其他素材自行上网搜索。 (2)对网页属性进行设置,背景为淡黄色,网页标题为“我的花店!”,选择背景音乐为“copypaper”; (3)在新建的网页中录入有关介绍花的文本。 (4)在标题“我的花店”下插入动态字幕,文字为“欢迎您访问我的花店!” (5)在自已的文件夹下创建2个页面,分别以花的各类知识为页面内容。分别以“姓名+序号”命名。如张三1,张三2 (6)将张三1、张三2与主页相联,并能在三张页面之间自由切换。,项目9 商务网站建设,实训任务 (7)将张三1、张三2与主页相联,并能在三张页面之间自由切换。 (
4、8)在主页中插入一个3*3的表格,在表格中插入图片或文字,作其他编辑。 (9)在表格的11表格中插入一幅花,在12表格中插入“养生”二字,13表格的背景设置为灰色,并插入一个动画,在21、23表格格的背景设置用一幅画设置;22表格中输入“花语”二字。 (10)边框粗细为0,单元格边距为5,单元格间距为10,边框颜色改为黄色。 (11)将“养生”链接到张三1页面;将花语链接到张三2页面。要求张三2能在新窗口中打开。并在张三1,张三2中设置按钮并设置超链接以保证三个页面间自由切换。,项目9 商务网站建设,实训任务 2. 利用Frontpage2000制作一个如图所示的网页,名为newpage1.h
5、tm。 要求: (1)一个普通网页,并插入一个3行1列的表格。该表格的属性为:宽600像素,高400像素,对齐方式为水平居中;边框粗细为3个像素,颜色为绿色;单元格边距及单元格间距均为1个像素。 (2) 在第一行中输入文本“电子商务考试”,宋体18磅,居中对齐,并对此文本添加动态HTML的效果。具体效果要求如下:当鼠标在此文本上悬停时,文字变为红色、加粗。,项目9 商务网站建设,(3) 在第二行中插入flash动画,该flash动画的源文件是素材包中的lemontree.swf。属性要求如下:高350像素,宽550像素;水平居中,当浏览器不支持播放该动画时,在对应位置上显示的文字为“您的浏览器
6、不支持该插件”。 (4) 将第三行背景颜色设为#CCFFFF,并插入一个avi视频,该avi视频的源文件是素材文件夹中的aaa.avi,其具体属性如下:高度60个像素,宽度500个像素;对齐方式为水平居中。,项目9 商务网站建设,项目9 商务网站建设,实训任务 3. 制作一个如图1所示的网页,并按照要求将此文件保存为newpage2.htm。 要求: (1) 新建一个普通网页,并插入一个21(即2行1列)的表格。表格属性为:宽600个像素,高100个像素,对齐方式为水平居中;边框粗细为10个像素,颜色为FF9966;单元格边距及单元格间距均为1个像素。 (2) 请将第一行的高度设置为50个像素
7、。在其中输入文字“清明上河图欣赏”,该文字为宋体、18磅、加粗、红色、居中对齐。并对这些文字设置动态HTML效果:当网页被加载时,上述文字从网页的左侧飞入。,项目9 商务网站建设,实训任务 (3) 请将第二行拆分成左右两个单元格,在左侧的单元格(即第2行第1列)中输入对应的文字内容(可从素材“文字.txt”中复制),字体大小为10磅,颜色为#800000,字符间距扩充2个像素,效果为闪烁;段落格式为左对齐,段落间距为:段前、段后均为1个像素,行距大小为150;边框的样式为破折号,颜色为黄色,宽度为5个像素,背景颜色为C0C0C0。 (4) 请将考生目录中的动画文件qmsht.swf插入到第二行
8、右侧单元格(即第二行第二个单元格)中, 并设置其宽度为250,高度为350个像素。,项目9 商务网站建设,项目9 商务网站建设,实训考核 1. 根据实训任务在实训环境中完成的内容将结果页打开并接受考核。 2. 如不能在课堂完成,最迟在下次上课结束前完成并接受考核。 3. 过期将视为此任务(或项目)不得分。 4.如因机器问题等不可抗力另行处理。,项目9 商务网站建设,商务网站是指一个企业、机构或公司在互联网上建立的站点,其目的是为了宣传企业形象、发布产品信息、宣传经济法规、提供商业服务等。 商务网站的组成:个基本商务网站的主要内容就是对公司和产品的简单介绍。包括以下几部分: 联系信息:公司的名称
9、、地址、主要的电话号码和传真号码、E-mail地址。 商业机构的地址 重要人物的介绍 重要客户的介绍 公司产品和服务介绍 新闻:商业巡展、产品发布、新闻发布以及有关公司的报纸摘要等内容,理论知识,项目9,商务网站建设的步骤: 目标规划 系统分析 系统设计 网站实现 网页发布 网页调试 维护与管理,理论知识,项目9,目标规划 服务对象:描述这个网站面向的对象,包括已知对象和潜在对象。 设置目的:建站的目的。 开发目标:要建网站的规模、功能、形式等。 应用领域:网站所提供信息所属的应用领域范围。 规格描述:具体网页的信息内容、信息链路设置、人机界面功能等。 实现要求:网站建立所需的开发时间、软硬件
10、环境等。这些问题要在规划阶段就有一个大体的轮廓,在进一步的分析、设计、实现中逐步完善。,理论知识,项目9,BACK,系统分析 网页主题意义的分析 对网页内容的分析 对制作者已有资源的分析 对网站的软硬件环境的分析 对网页可能访问者的分析 网站建设的合理性及可行性,理论知识,项目9,BACK,系统设计一般网页设计类似于软件开发的设计,有自顶向下、自底向上和不断增补等设计方法。 主要任务是网页内容的设计,包括网页的信息组织结构、外观、内容分块、导航与链接、目录结构等的设计。 系统设计是网站具体实现前的准备,对网页的实现进一步提出更具体的要求,对网页的整体效果、局部细节能有更明确的想法。,理论知识,
11、项目9,BACK,网站实现 网页的实现:主要使用HTML语言,另外用到JavaScript、图像制作、CGI编程等具体的技术。 WWW服务器的实现:用到各种基于不同操作系统的WWW服务器软件的安装、调试。,理论知识,项目9,BACK,网页发布这个阶段网页制作接近尾声,主要工作是把做好的网页发布到网络上(Internet或Intranet),对网页作最后的修改、测试,保证网页能在网络上正常地运行。,理论知识,项目9,BACK,网页调试网页发布后将对网页进行各个方面各种情况的测试,包括: 网页能否在任何不同的浏览器中浏览。 对于任何不同的访问者都表现正常,JavaScript、CGI程序能否正常工
12、作等等。 这个阶段称为网页的试运行期,此时应把网页的各种缺陷尽量弥补,使网页更为完善。,理论知识,项目9,BACK,维护与管理这个阶段网站进入正常运行期,主要工作是: 及时更新网页过时的信息 及时对访问者的留言作出反馈 进一步完善网页,不断采用新的技术更新升级网页,使网页的访问更迅速,外观更美观,信息资源更丰富。,理论知识,项目9,BACK,域名注册 域名是由人、企业或组织申请的网站使用的Internet标识,并对提供服务或产品的品质进行承诺和提供信息交换或交易的虚拟地址。企业电子商务网站域名在命名时,应考虑以下几个方面: 选用企业已有商标或企业名称。 选择简单和易记易用的名字。 域名的自我保
13、护。申请域名可以直接到中国互联网信息中心CNNIC (http:/ 自顶向下的设计方法:就是从整个网页的根向下一层一层地展开。采用这种设计方法,在开始实现网页时可以先用一些空的网页构筑起整个网页的框架,然后再逐步地添加内容。 自底向上的设计方法:即先设计树状信息结构的各个叶子节点,然后通过归纳,设计它们的枝叶:节点,最后完成对根节点的设计。 不断增补的设计方法:这是在网页投入运行后常用的方法,是种需求驱动的设计方法。当出现某种信息服务的需求时,就立即设计相应的Web信息服务页面。随着需求的增加,不断的增加网页,不断地调整和相互链接,就能使我们的网页在短时间内建立起来。,理论知识,项目9,项目9
14、,理论知识,项目9,理论知识,建立站点 设置网页属性 文本的录入和格式化 图像的插入与编辑 水平线的插入 滚动字幕的插入 超链接的插入与编辑 网页的预览,项目9,任务9.2 简单网页制作,插入表格 编辑表格 复制、移动、删除表格元素 设置表格标题 添加行与列 拆分与合并单元格 调整行高、列宽 设置表格属性 设置表格属性 设置单元格属性,项目9,任务9.3 网页定位,编辑图像 在FrontPage中插入横幅广告 在FrontPage中应用动态HTML效果 在页面中插入背景音乐 插入Flash动画 插入视频文件,项目9,任务9.4 动态网页制作,实训总结及注意事项 1. 表格和单元格的区别。 2. 超链接设定时的逻辑关系。,项目9 商务网站建设,THE END,