第1课网站构建概览.pptVIP

第1章 网站建设概述 杭州师范大学 多媒体网页设计课程组 课程教学思路和内容 以构建一个网站为主线，力图将网页制作相关的知识和实际应用能力的进行完美结合。 以开发一个“走遍中国”旅游网站为主线，由浅入深地介绍了网站建设的构思、规划和制作的全过程。 以实例讲解了Photoshop、Flash、FrontPage2003和音频视频处理工具在网页设计中的具体使用方法，还讲解了CSS和JavaScript语言在网站设计当中的具体应用。 第1章 网站建设概述内容纲要 认识网页 网页上可以包含各式各样的超文本信息 文字 图片 视频 声音 网页的实质是一段HTML代码 HTML HyperText Markup Language（超文本标记语言） 过程解析 网页的表象与本质 认识WWW服务 它是由Internet（因特网）提供的一大服务，迄今为止应用最广泛的服务 WWW服务的工作原理 WWW服务工作原理总结 WWW服务的页面传输过程需遵循HTTP协议 HTTP HyperText Transfer Protocol（超文本传输协议） 浏览器的作用 名词解释 URL Uniform Resource Locator（统一资源定位器） 作用 使用URL来定位WWW服务器上的资源，并解释网页中的HTML代码，让网页内容最大限度的显示在用户面前 认识网页编程语言 静态网页编程语言 HTML JavaScript 支持静态网页的动态效果 动态网页编程语言 ASP 应用最广泛的动态网页编程语言 PHP 支持跨平台的动态网页编程语言 JSP “一次编写，各处运行”的动态网页编程语言 三种语言的比较 几种动态网页编程语言比较 认识网站 网站是由若干张网页和若干个文件夹按一定的组织结构构成的。 网站的物理结构 扁平式的 树形结构 网站的逻辑结构一般采用树形结构 遵循的原则 扁平式的网站结构 树形的网站结构 树形逻辑结构遵循的原则 （1）主页链接到所有的类别主页 （2）主页一般不直接链接到内容页，除非是网站热点推荐的几个特殊的模块页 （3）所有类别主页都连向其他类别主页 （4）类别主页都能返回网站主页 （5）类别主页也链向属于自己本身类别的内容页 （6）类别主页一般不链向属于其他类别的内容页 （7）所有内容页都链向网站主页 （8）所有内容页都链向自身的上一级类别主页 （9）内容页可以链向同一个类别的其他内容页 （10）内容页一般不链向其他类别的内容页 （11）内容页在某些情况下，可以用适当的关键词连向其他类别的内容页 网站制作阶段解析 网站制作阶段解析 制作准备阶段 整体规划阶段 设计制作阶段 调试优化阶段 制作准备阶段 整体规划阶段 根据前一阶段准备的素材，对网站进行整体规划，分解网站的模块，合理规划网站结构，规划每个模块的内容和表现形式，并制定网站的色彩基调和整体界面风格。 设计制作阶段 调试优化阶段 网站基本完成后，需要调试网页的浏览速度，测试链接是否正确，网页信息的排布是否需要调整等。 网站优化是一项系统性和全局性的工作，包括对用户的优化、对搜索引擎优化、对运营维护的优化，所以这个阶段是不可以被忽视的，这是整个网站是否能够成功的关键步骤。 常用网页制作工具介绍 网页制作工具 FrontPage DreamWeaver 图像处理工具 Photoshop 图像特效工具 FireWorks 多媒体动画制作工具 Flash 声音处理工具、视频处理工具 GoldWave、绘声绘影6 网页制作学习指导 《多媒体网页设计教程》 《多媒体网页设计教程》 认识网页 1 认识WWW服务 2 认识网页编程语言 3 网站的制作工具与方法 6 网站制作阶段解析 5 认识网站 4 网站制作学习指导 7 HTML代码 (包括嵌入的图片、声音、视频、动画文件等) 用户所看到的网页 各种脚本代码 (JavaScript、VBScript、PHP、ASP、CSS等) HTTP通信 客户端 （安装有浏览器） 服务器 请求一个页面 返回一个页面 ASP 低端动态网页设计，应用最广的一门编程语言 PHP 低、中端的动态网页设计语言 jSP 高端动态网页设计 较高要求的系统部署 总结：一个好的网站结构不但关系到网站的易用性，还影响搜索引擎对它的收录排名 比较适合小型网站，网页等相关文件不多。 例如像右图就不太适合扁平式的物理结构，显得有点杂乱，不易于维护 根目录下分为多个类别（目录），每个类别就是一个目录，每个目录下有属于这个类别的相关网页、图片等文件。如上图所示。 总结：网站制作最忌讳没有计划就破土动工，要在动手制作之前就计划好。 调试优化 设计制作 整体规划 制作准备 调试优化阶段 设计制作阶段 整体规划阶段 制作准备阶段 文字 图片 声音 视频 使用Office