第1章 网页制作基础知识.pptVIP

《网页设计与制作》 主讲：葛继科 Tel:023 E-mail:5656web@163.com QQ:576315110 课程简介 本课程介绍了使用Dreamweaver 8制作网页和开发网站的各种技术，主要内容涉及Dreamweaver 8工作环境，站点创建和管理，编辑网页文本，编辑网页图像、声音、动画等，制作动态交互网页，行为、库、框架等。 通过本课程的学习，希望学习者能够理论结合实际，快速掌握基本的网站设计与网页制作相关知识！　 教材及参考书目 《Dreamweaver 8网页制作与网站开发标准教程》清华大学出版社，杨志姝　编著。 《巧学巧用Dreamweaver 8制作网页》人民邮电出版社，前沿电脑图像工作室　编著。 《网页设计与制作教程》清华大学出版社，杨选辉　编著。 《网页设计与制作教程》（第二版）清华大学出版社，赵祖荫　主编。 教学方式与要求 讲授、自学与上机结合。 讲授 30 学时 上机自行安排 加强上机实践。 加强上网实践。 考核方式 考试 第一章　网页制作基础知识 1.1 网页和网页制作工具 1.2 网站建设流程 1.3 Dreamweaver 界面与基本操作 1.4 创建与管理站点 1.1.1 什么是网页 通俗的讲，Internet 就是指许多不同功能计算机通过线路连接起来组成的一个世界范围内的计算机集合体。 Internet 提供的服务包括：WWW 服务（也就是网页浏览服务）、电子邮件服务、网上传呼（ICQ 就是最常见的网上传呼服务）、文件传输、在线聊天、网上购物、网络炒股、联网游戏、虚拟空间等等。 1.1.1 什么是网页（续） WWW 是由遍布在 Internet 上的称为 Web 服务器的计算机组成，它将不同的信息资源有机的组织在一起，通过一种叫做浏览器的软件进行浏览。 网上冲浪的过程。 1.1.1 什么是网页（续） 1.1.1 什么是网页（续） 网页实际上就是用 HTML 语言写成的文档，HTML（HyperText Markup Language，超文本标记语言）语言是显示网页的一种文本表现方式，它可通过标记符来定义网页内容的显示效果。 通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 1.1.2 常见的网页制作软件 网页编辑工具的作用就是用直观的方式将网页制作的过程实现。现在的网页编辑工具绝大多数都是所见即所得的，即我们实际操作的结果就是最终生成的网页（HTML 文档）的效果，也就是说，网页编辑工具将 HTML 代码的生成自动化了。 最常用的两种网页编辑工具是 Dreamweaver 和 FrontPage。 1.1.2 常见的网页制作软件（续） 1.1.2 常见的网页制作软件（续） 最常用的素材处理工具有： Photoshop Photoshop 是最著名的图形图像处理软件，由 Adobe 公司出品。Photoshop 的功能非常强大，是专业图像创作的首选软件。 Fireworks Fireworks 是 Macromedia公司出品的Web 图形工具软件，是用来设计和制作专业化网页图形的终极解决方案。它是第一个可以帮助网页图形设计人员和开发人员解决所面临的特殊问题的制作环境。 1.1.2 常见的网页制作软件（续） FlashFlash 是目前最流行的一种 Web 矢量动画软件，它建立了 Web 上交互式矢量图形和动画的工业标准。 Anfy Anfy 是一种常用的 Java 特效生成工具，它能以简明的方式实现多种复杂的 Java 效果 。 1.2.1 规划站点 目标规划书 定义、分析目标用户 确立站点的风格 信息式 表现形式是以文字信息为主。 画廊式 表现形式是以图像、动画、多媒体等高新网络技术为主。 1.2.1 规划站点（续） 考虑网络技术 网络上的速度因素（带宽） 网络带宽是一个要引起设计者注意的首要因素，连接速度将影响到网页的设计。影响网页显示速度的最主要因素就是图像的数量和大小。 1.2.1 规划站点（续） 浏览器的分辨率 显示器的屏幕分辨率是网页设计者应该特别关注的因素。显示器屏幕分辨率是指计算机屏幕水平与垂直方向的像素值（即屏幕的宽度与高度），通常可以将国内用户显示器分辨率的设计标准定为：800 * 600 兼顾 1024 * 768。 即时交互与插件 1.2.2 设计站点 建立网站目录结构 网站中的命名规则 （1）最好使用小写英文名称，可以用汉语拼音代替。 （2）可以包含数字或下划线 。 （3）注意正确的文件后缀名（扩展名）：网页文件的后缀名为：.htm 或 .html。 （4）默认的主页名称 。 1.2.2