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

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