多媒体实践1.1(网站建设基础)(1)PPT课件.ppt

网站建设基础 1 简单地说 互联网是一个由各种不同类型和规模的 独立运行和管理的计算机网络组成的世界范围的巨大计算机网络 全球性计算机网络 Internet 2 一 传播范围广 二 保留时间长 三 交互性 四 针对性强 五 受众数量可准确统计 六 实时 灵活 成本低 七 强烈的感官性 互联网的优势 3 互联网是分布在世界上任何一个可以上网的地方 相比我们的传统的电视 报纸 广告相比则打破了传统媒体的区域的限制 可以让您的信息到达世界的每个能上网的角落 一 传播范围广 4 就我们世界上无人不知的9 11事件来说 有关这件事的情报纸和杂志我想很多人都看到 那么如果让看过报道的人现在拿出这些资料又有多少人能够拿出来呢 在GOOGLE中搜索 美国911 约有798 000条信息 二 保留时间长 5 互联网可以第一时间得到客户的反馈以及第一时间和各户取得沟通和交流 现在我们都常用去聊天工具 有一点问题 马上就可以与进行交流 三 交互性 6 互联网可以根据不同地区 不同层次 不同习惯的浏览者来设制不同的宣传方式 仍然用GOOGLE来举例 四 针对性强 7 互联网可以准确统计到网站每天 星期 月 年的受众情况 比如 受众都是来自己那个国家和地区 通过什么途径 看了的哪些内容 多长时间等相关内容 五 受众数量可准确统计 8 比如课程的内容 将在我们网站上发布 六 实时 灵活 成本低 9 互联网同样可以做到 更可以根据不同的消费群体来设计 图 文 声并茂的动画广告 对浏览者产生强烈的感官效果 七 强烈的感官性 10 互联网是将来生活和工作不必可少的工具 不管你现在做什么或有什么想法 你必须迎接互联网 然后适应互联网 除此之外你别无选择 二十一世纪 不是一场技术的革命 也不是一场产品的革命 而是一场观念的革命 二十一世纪 信息就是金钱 信息就是生产力 知识就是金钱 知识就是生产力 观念就是知识 观念就是金钱 11 静态 动态网站 现在网站建设大体可以分为两类 一类是动态网站 一类为静态网站 从发展趋势来看 静态网站正在被逐渐淘汰 目前基本为动态网站所取代 简单来说 动态网站除了可以看 还有一个专门的后台管理系统 您可以通过它来管理网站 随时添加新的资料 内容 比如添加一个产品 您只需要填写产品名称 简介 上传图片即可 动态网站和静态网站看不出有什么区别 静态网页也可以有各种动画 滚动字幕等 动态效果 而动态网页完全可以是纯文本的内容 不一定就有动画和滚动字幕 实际上 判断一个网站是动态网站还是静态网站 不是看网页会不会动 而是要看它是否应用了服务器端脚本程序 动态网站可以实现交互功能 如用户注册 信息发布 产品展示 订单管理等等 而静态网站必须使用专业的网页设计软件才能修改 不能在网上直接修改 必须用软件修改后再上传到服务器上 比较麻烦 不便维护 12 静态 动态网站 动态网站和静态网站的最大区别在于运用数据库技术来完成设计 发布 管理 更新等工作 简单地讲 动态网站就是可以通过服务器所给予的权限随时对网站进行管理 发布及更新内容的网站 它的好处是可以通过联网的任何一台计算机对网站进行控制 而不必在服务器端进行网站管理 动态网站大体可分为前台和后台 前台面向服务对象 确切地说就是用户在浏览器上所见到的页面 后台则面向网站管理者 只有通过特定的用户名和密码才能进入 不论前台和后台 都要通过浏览器进行操作 13 静态网站缺点 网站设计以静态页面为主 网站更新需由专业人员完成网站仅有宣传功能 缺少互动功能 效果不是很好网站长期维护存在人力资源上的困难网站长期发展缺乏后劲 14 动态网站优点 更新容易 网站内容更新实现 傻瓜式 普通工作人员即可完成解决网站建成后的维护问题 长期发展 可扩展升级 网站的内容都记录在数据库 以后网站改版升级 这些内容都可导入 不会丢失 而且功能也可以搬过去 避免了完全重新建站 避免了重复投入和浪费 设计费用按网站功能计算 页数不限 它将企业网站建设从单纯静态页面制作延伸为企业对信息资源的组织和管理 15 网站建设的几大要素 1 域名 网址 2 网站空间 3 网站界面 4 网站程序 16 1 域名 可以简单理解为网址 它是一台服务器或一个网站在网上的名称 网络地址 顶级域名就是一级域名 如二级域名就是该域名的子域名 如 二级域名必须依托一个顶级域名 它不是独立存在的 企业建站 一般选择 com或 cn域名 2 网站空间 网站是建立在网络服务器上的一组电脑文件 它需要占据一定的硬盘空间 这就是一个企业网站所需的网站空间 17 3 网站界面 也就是网站的外观 整体感觉 设计网站界面的人叫做美工或设计师 4 网站程序 它表示网站的功能 技术含量 比如是否建有聊天室 留言簿等 同时是否采用先进的技术对网站进行了优化 这些对一个网站来说也是较重要的 18 网页与网站 构建WWW的基本单位是网页 网页中包含所谓的 超链接 通过已经定义好的关键字和图形 只要用鼠标轻轻一点 就可以自动跳转到相应的其它文件 获得相应的信息 从而实现网页之间的链接 从而构成了WWW的纵横交织的网状结构 通过超链接连接起来的一系列逻辑上可以视为一个整体的页面 则叫做网站 网站点概念是相对的 大的如新浪 搜狐等大的门户网站 页面非常多 可能分布于多台服务器上 小的如一些个人网站 可能只有几个页面 仅在某台WEB服务器的占据很小的空间 一个站点的起始页面通常被称为 主页 主页是一个网站的开始 因此主页的好坏决定了这个网站的访问情况 一般主页的名称是固定的index htm或index html等 19 域名与IP地址 在Internet上的每台网络设备都要有一个唯一的地址才能被访问到 这个地址就是IP地址 IP地址是由32bits的二进制数值构成 分成4组 转化为十进制用点分隔 比如 202 100 4 11 A类地址的范围为 1 0 0 0 126 255 255 255B类地址的范围 128 0 0 0 191 255 255 255C类地址的范围 192 0 0 0 223 255 255 255 A B C 20 域名与IP地址 IP地址是一串难以记忆的数字 因此在1985年开始 引入了域名的概念 用具有含义的字符来表示网络中的主机 以便于浏览者访问 域名与IP地址如何对应呢 通过DNS域名解析系统将域名解析到相应的IP地址上 实现这二者之间的对应关系 我们知道新浪网的域名 但很少有人知道新浪网WEB服务器的IP地址是多少 域名的分类 域名系统是一个分层的树状结构组织 如图所示 最上面是一个无名的根域 下层为顶级域名 接着是二级 21 域名与IP地址 22 按组织分类的顶级域名 23 按地理区域分类的项级域名 域名的书写格式为 叶节点名 二级域名 顶级域名例如 www web服务器名 sohu 企业名称 com 顶级域名 24 网页制作工具 目前网页制作工具较多 大多数网页制作工作都是通过 所见即所得 的编辑工具完成的 在网页制作过程 还需要进行素材的创作和加工 即图形和动画制作工具 25 网页编辑工具 网页编辑工具主要分为标记型和所见即所得型 标记型工具常用的是notepad 记事本 Ultraedit等 所见即所得型的编辑软件主要有 微软的Frontpage和Dreamweaver 其中Frontpage继承了OFFICE系列软件的界面通用 操作简单的特点 十分适合初学者使用 但与MacroMedia公司的Dreamweaver相比 在HTML源代码的精确性 实用性以及对各种新技术的支持上都略逊一筹 因此我们这本教材主要介绍的网页编辑工具是Dreamweaver 26 图形和图像处理工具 目前常用的图形和图像处理工具主要 Photoshop及Firework Photoshop的功能十分强大 是目前最为广泛的专业图形图像处理软件之一 它捆绑了ImageReady 能够实现各种专业化的图像处理 动画的制作等 Fireworks是由MacorMedia公司出品的首选WEB图形图像处理软件 它的独特之处在于其能够优化处理大图片 切割图片 为图片加入特殊效果 制作网页的动态行为等 可以生成FireworkHTML 直接导入到网页中 使用非常方便 本教材将在以后的章节做详细的介绍 27 动画制作工具 Flash是目前网页制作中最为出色的动画制作软件 它是一种交互式动画设计工具 用它可以将音乐 声效 动画以及富有新意的界面融合在一起 以制作出高品质的网页动态效果 Flash所使用的图形是压缩的矢量图形 采用了网络流式媒体技术 突破了网络带宽的限制 可以边下载边播放 这样避免用户长时间的等待 设计者可以随心所欲地设计出高品质的动画 Flash已经慢慢成为网页动画的标准 成为一种新兴的技术发展方向 本教材将在以后的章节做详细的介绍 28 网站建设流程 要建设一个优秀的网站 通常应该遵循以下工作流程 确定站点的核心 网站的规划 网站外观的设计 网页具体制作 网站性能测试 网站发布 网站更新与维护 29 网站规划 一个网站的成功与否与建站前的网站规划有着极为重要的关系 在建立网站前应明确建设网站的目的 确定网站的功能 确定网站规模 投入费用 进行必要的市场分析等 只有详细的规划 才能避免在网站建设中出现的很多问题 使网站建设能顺利进行 1 明确建立网站的目标和用户需求2 确定网站的风格3 网站的技术问题 30 网站设计 对网站进行详细的规划之后 就可进入到设计阶段 好的Web站点要做到主题鲜明突出 要点明确 以简单明确的语言和画面体现站点的主题 调动一切手段充分表现网站点的个性和情趣 突出网站的特点 1 网站的版式设计2 色彩在网页设计中的作用3 网页形式与内容相统一4 三维空间的构成和虚拟现实5 多媒体功能的利用 31 一般的企业网站模式 内容 栏目结构 功能 程序模块 服务 作用 32 内容 栏目结构 公司简介产品展示新闻动态 公司新闻 促销信息 行业新闻用户服务信息 销售信息 销售网络 网上订购 售后服务公众信息联系方式 33 功能 程序模块 信息发布产品管理会员管理订单管理邮件列表论坛管理在线帮助站内检索广告管理在线调查流量统计网页静态化模版管理 34 服务 作用 产品选购和保养知识产品说明书常见问题解答 能回答80 的任务在线问题咨询即时信息服务在线订购会员通信优惠券下载驱动程序下载会员社区服务免费研究报告 35 网页制作 静态网页的制作 采用HTML 超文本标记语言 生成的网页 供浏览者浏览 此阶段需要根据设计阶段制作的示范网页 通过去Dreamweaver等软件在各个具体网页中添加实际内容 如 文字 图像 FLASH动画 多媒体文件等 这类静态网页缺少动态的交互 因此还需添加网页的交互性 即动态网页的制作 动态网页的制作 动态网页的编程目前常用的技术为 ASP PHP JSP等 实现客户端与服务器的交互 比如说 会员注册 信息查询 产品选购 留言 论坛等 36 站点的测试和上传网站制作完毕 在本机上进行测试 查看网站上是否存在某些错误 如网站是否存在链接的错误 图片是否正常显示 网页程序代码是否有错等 测试完毕 后用上传工具传到WEB服务器上 站点更新和维护要充分发挥网站的市场功能 及时更新最新的产品信息 一个企业要有专业的网站维护人员或交给专业的网络公司来承担这项工作 37 HTML语言 网页的本质是HTML HTML 超文本标记语言 超文本使网页之间具有跳转能力 使浏览者可以选择阅读路径 使用HTML编写的WEB页面称之为HTML文件 这种文件一般以 html 或者 htm 为扩展名 可以使用记事本 Altraedit标记型软件编辑 也可使用Dreamweaver Frontpage等所见即所得类网页制作工具来快速创建HTML文件 HTML文件通常分为头部和主体两部分 头部 HEAD 包含了编写页面的说明信息 如页面的类型 使用的字符集 使用的编写工具以及页面的标题等 这部分内容不会显示在网页中 主体 BODY 则包含希望表达的信息 可以是正文 图像 指向另一个WEB页面的超链接指针等 38 一 HTML标签的格式 HTML文件的所有控制语句称为标签 标签在一对尖括号之间 格式如下 HTML语言元素1 标签分为成对标签和非成对标签 比如 等属于成对标签 而 等属于非成对标签 标签忽略大小写 书写格式非常灵活 2 可使用标签的属性来进一步限定标签 一个标签可以有多个属性项 各属性项的次序不限定 各属性项间用空格来进行分隔 例如 3 HTML中使用的注释语句为 注释内容可插入文本中任何位置 注释内容不会显示在网页中 39 二 常见标签如下介绍 1 标识HTML文件的开始与结束 中间是一些HTML语言的元素 它允许网络浏览器把文件内容确认为HTML文件 2 头部标签 其中的信息不会出现在网页中 但其中包含了许多网页的属性信息 例如网页的题目 关键词 网页类型和语言内码等 1 标题标签 网页的标题将会显示在浏览器的标题栏上 2 meta标签 包括了Mime字符集信息 网页关键字 网页说明信息等 这些信息有助于网站的推