电子商务开发的前台技术.ppt
《电子商务开发的前台技术.ppt》由会员分享,可在线阅读,更多相关《电子商务开发的前台技术.ppt(34页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、Electronic Commerce Electronic Commerce电子商务电子商务2/19/20232第四章第四章 电子商务网站建设与电电子商务网站建设与电子商务开发的前台技术子商务开发的前台技术22/19/20233Reviewn n页面的层次结构:一级页面、二级页面、三级页面页面的层次结构:一级页面、二级页面、三级页面页面的层次结构:一级页面、二级页面、三级页面页面的层次结构:一级页面、二级页面、三级页面n n无论是复杂的商业网站,还是简单的个人网站,无论是复杂的商业网站,还是简单的个人网站,无论是复杂的商业网站,还是简单的个人网站,无论是复杂的商业网站,还是简单的个人网站,在
2、网页的层次结构上都存在一些共同点,即任何一在网页的层次结构上都存在一些共同点,即任何一在网页的层次结构上都存在一些共同点,即任何一在网页的层次结构上都存在一些共同点,即任何一个网站均可用三层结构实现,也就是:个网站均可用三层结构实现,也就是:个网站均可用三层结构实现,也就是:个网站均可用三层结构实现,也就是:n n首页栏目页文章页(内容页)首页栏目页文章页(内容页)首页栏目页文章页(内容页)首页栏目页文章页(内容页)n n或一级页面二级页面三级页面。或一级页面二级页面三级页面。或一级页面二级页面三级页面。或一级页面二级页面三级页面。2/19/20234本节课的目标本节课的目标n简单了解一下站点
3、、网页、主页简单了解一下站点、网页、主页等概含等概含n了解网页的制作工具的特点了解网页的制作工具的特点n学习制作简单网页学习制作简单网页2/19/20235站点与网页站点与网页n网站网站 :1 1、是计算机网络上的位置、是计算机网络上的位置 2 2、有各种信息、有各种信息 网页是网站的其本组成文件,可网页是网站的其本组成文件,可以包含文本、图片、动画、音乐、以包含文本、图片、动画、音乐、链接等元素链接等元素 可以把一个网站想像成一个国家:它首可以把一个网站想像成一个国家:它首先有一位置;其二包含各种内容先有一位置;其二包含各种内容2/19/20236网页网页 与主页与主页n n主页组成与一般网
4、页一样,核心是主页组成与一般网页一样,核心是htmlhtml语语言言n n使用浏览器访问网站时,网站中第一个被使用浏览器访问网站时,网站中第一个被执行的文件称为主页,主页的基本功能是执行的文件称为主页,主页的基本功能是帮助访问者轻松浏览网站帮助访问者轻松浏览网站 如把网站比成一本书,则网页为书中的每如把网站比成一本书,则网页为书中的每一张,而主页为书的目录页一张,而主页为书的目录页2/19/20237制作工具制作工具n n可以用任何文字编辑工具制作网页 前提是熟练掌握html语言n nn n现在出现了不用面对语言的工具软件如frontpage、还有flash、dreamweave2/19/20
5、238要想学做网页,首先得了解制作网页的工具。要想学做网页,首先得了解制作网页的工具。制作网页主要制作网页主要有以下一些工具有以下一些工具 Frontpage,操作简单,实用,学起来比较轻松。,操作简单,实用,学起来比较轻松。Dreamweaver:这是网页三剑客之一,专门制作网页的工具,:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。简单,实用功能比较强大。建议初学者选用。另外一个工具就是代码编辑工具,例如写字本、另外一个工具就是代码编辑工具,例如
6、写字本、EditPlus等,等,这些工具主要编辑这些工具主要编辑asp等动态网页。等动态网页。此外还有一些网络编程工具,此外还有一些网络编程工具,javascript、java编辑器等。编辑器等。要真正做一个好的网站,还必须有良好的设计功底。所以还要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如得学很多边缘性的软件,例如photoshop、flash等。等。大型的网站大型的网站往往还需要数据库的支持,所以还得懂数据库。往往还需要数据库的支持,所以还得懂数据库。制作工具制作工具2/19/20239不要忘不要忘记加入网加入网页的的titletitle是是显示在示在浏览
7、器器标题栏的文字,在的文字,在网网页下下载时,它是最先出,它是最先出现的,所以你可以的,所以你可以用它提示网用它提示网页的主要内容,或者写些的主要内容,或者写些欢迎的迎的话 将首将首页命名命名为index.htm这是是规定,没什么好多定,没什么好多说的,哪的,哪页一旦一旦被取名叫被取名叫index.htm以后,等整个网站上以后,等整个网站上传了了以后,它就是以后,它就是别人用你的网址看到你网站的人用你的网址看到你网站的第一第一页。网页制作基础知识网页制作基础知识2/19/202310将所有文件的文件名将所有文件的文件名统一格式用英文字母或数字。一格式用英文字母或数字。图片片应使用使用.gif
8、和和.jpg(jpeg)格式格式这是两种位是两种位图文件格式,在同文件格式,在同样的的视觉清晰度下,文件量清晰度下,文件量往往比其他文件格式小,也就是往往比其他文件格式小,也就是说在网上下在网上下载的的时候候时间会更会更短。短。用用链接接连接各个接各个页面面建建议这步最后做,先将各个步最后做,先将各个页面的其它部分做好面的其它部分做好 网页制作基础知识网页制作基础知识2/19/202311用用dreamweave制作网页的过程制作网页的过程n n先建立站点n n然后添加网页n n然后添加内容2/19/202312 网页文件网页文件2如如Photo.htm站点站点视频素材视频素材图片素材图片素材
9、网页文件网页文件1如如Interest.htm主页文件主页文件 Index.htm声音素材声音素材站点结构站点结构2/19/202313 主页主页网页网页网页网页网页网页网页网页网页网页网页网页超链接超链接各网页之间通过各网页之间通过“超链接超链接”,构成一个整体,构成一个整体2/19/202314n n超级链接有三种情况。another location in the same documentanother location in the same document (from TOP of the page to BOTTOM of the page)(from TOP of the p
10、age to BOTTOM of the page)another document on the same host machine another document on the same host machine (another webpage in a folder on my pc)(another webpage in a folder on my pc)another document on the Internetanother document on the Internet (from SCU to SINA)(from SCU to SINA)2/19/202315例:
11、设计、制作以校园生活为内容的网站例:设计、制作以校园生活为内容的网站学习目的:学习目的:1.1.掌握有关网页制作的基本知识。包括:站点、网页、掌握有关网页制作的基本知识。包括:站点、网页、HTMLHTML语言、网页的各种元素特性以及超链接等知识。语言、网页的各种元素特性以及超链接等知识。2.2.掌握制作简单网页的方法和技巧。掌握制作简单网页的方法和技巧。返回2/19/202316根据需要,确定网站根据需要,确定网站首页包括首页包括“校园新闻校园新闻”、“网上学园网上学园”、“课余生活课余生活”、“资资源下载源下载”、“友情链友情链接接”、“留言板留言板”共共六大板块,接下来进六大板块,接下来进
12、行站点各页面的规划。行站点各页面的规划。标题校园新闻 友友 情情 链链 接接网上学园网上学园资源下载资源下载课余生活课余生活留言板留言板站点站点的规划的规划2/19/202317校园新闻校园新闻网上学园网上学园课余生活课余生活 资源下载资源下载 留言板留言板 校园趣话校园趣话 校园文学校园文学 音乐无限音乐无限 娱乐新闻娱乐新闻 体育新闻体育新闻 首页首页站点站点的规划的规划2/19/202318 进行了网站的规划、相关信息资料的收集后,接下来的任务进行了网站的规划、相关信息资料的收集后,接下来的任务就是建立站点。要建立一个找点,就要选定创建站点、制作网就是建立站点。要建立一个找点,就要选定创
13、建站点、制作网页的工具,即网页制作软件。网页制作软件非常多,现在比较页的工具,即网页制作软件。网页制作软件非常多,现在比较流行的有流行的有Dreamweaver,FrontPage等工具软件。等工具软件。返回选择网页制作软件选择网页制作软件2/19/202319某教育网主页某教育网主页网站名和网网站名和网站站LOGO导航区网页内容2/19/202320 HTML语言语言 标记性语言。用来编制网页文档标记性语言。用来编制网页文档(也称也称HTML文档文档)。并不需要经过编译,只需要通过。并不需要经过编译,只需要通过浏览器来打开就可以看到结果浏览器来打开就可以看到结果 采用了标记方式,描述了每个在
14、网页上的组采用了标记方式,描述了每个在网页上的组件,例如文本段落、文本格式、图像、超链接等件,例如文本段落、文本格式、图像、超链接等 通过超文本链接能方便地进行各种信息之间通过超文本链接能方便地进行各种信息之间切换切换2/19/202321 网页制作的基础是网页制作的基础是网页制作的基础是网页制作的基础是HTMLHTML语言语言语言语言 HTML HTML是一种超文本置标语言,是一种标记语是一种超文本置标语言,是一种标记语是一种超文本置标语言,是一种标记语是一种超文本置标语言,是一种标记语言,而不是编程语言言,而不是编程语言言,而不是编程语言言,而不是编程语言 为了提高网页制作为了提高网页制作
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务 开发 前台 技术
限制150内