课件文稿网页制作.pptxVIP

网页制作网页制作教材及参考书教材《网页设计与制作技术教程（2版）》 清华大学出版社，王传华参考书《网页设计与制作教程》（第3版），机械工业出版社，刘瑞新。《Dreamweaver 8完美网页设计—白金案例篇》,中国电力出版社，何海霞。第1篇网页设计与编辑第1章 网页设计与制作基础第2章 Dreamweaver基础 第3章 网页中的文本第4章 网页元素定位第5章 网页中的多媒体对象第6章 模板与库第7章 动态网页特效第8章 动态网站上机时间周日下午3-4节，计算机网络中心考核方式：做一个自己感兴趣的网站。要求图文并茂。上机作业作业命名方式：提交压缩包学号+姓名+班级+实验N学号+姓名+班级+网站1.实验、教案等材料下载 2“陈英义”文件夹 “网页设计”文件夹无须用户名2.上传实验作业： 70:22登录名：cyy密码：cyy第1篇 第1章 网页设计与制作基础1.1 网络基础1.1.1 网络与网页1.1.2 HTML语言与XHTML语言1.2 网站建设流程1.2.1 分析阶段1.2.2 设计阶段1.2.3 制作阶段1.2.4 测试阶段1.2.5 发布与维护阶段思考题1.1网络基础1.1.1 网络与网页Internet服务：www服务（网页浏览服务）、电子邮件服务、网上传呼（ICQ传呼）、文件传输、在线聊天、网上购物、网络炒股、联网游戏、虚拟空间等 Internet 工作过程：用户连接到 Internet ，在浏览器窗口中输入 Internet 地址，按下回车键后，相当于要求显示 Internet 上的某个特定网页。这个“请求”被浏览器通过电话线等网络介质传送到页面所在的服务器端，然后服务器作出“响应”，再通过网络介质把用户请求的特定网页传送到用户所在的计算机，最后由浏览器进行显示。＋网页文件＋I P地址＝Web网站Web服务器 WWW采用客户机/服务器系统。在客户机方面（用户）使用的程序叫做Web浏览器。服务器上则主要存放网页文件，通常称为Web网站。浏览器和Web服务器通过HTTP交换信息。InternetWWW站点浏览 网站开发与维护 网站主机 1.1.1 网络与网页浏览器：是获取www服务的基础，它的基本功能就是显示网页。Dreamwaver内置ftp功能。建立自己的网站和ftp.统一资源定位符URL（Uniform Resource Locator）图1-21.1.2 HTML语言与XHTML语言网站是多个网页文件的集合。主页（Home Page首页）：是整个网站的起始点和汇总点，是用户开始浏览网站的入口。Index.html HTML（Hyper Text Markup Language ）即超文本标记语言， 是通过标记符来标记要显示网页的各个部分。通过标记符告诉浏览器如何显示网页，浏览器按顺序阅读 HTML 文件，然后根据内容周围的 HTML 标记符解释和显示各种内容。 XHTML（Extensible Hyper Text Markup Language）为可扩展超文本标记语言 。 HTML是纯文本文件(ASCII码文件)，可用文本编辑器编辑，如记事本、Word。扩展名为htm（或html）。网页的本质 浏览者通过浏览器访问 Web 服务器上的网页，而网页的本质是 HTML 源代码。由此可以看出，网页的本质就是 HTML代码，通过结合使用其他 Web 技术，就可以创建出功能更加强大的网页。1.1.2 HTML语言与XHTML语言超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。HTML HEAD TITLE文本标题/TITLE /HEAD BODY 文本内容 /BODY/HTML HTML/HTML这两个标识符是HTML文档的标识符。HTML处于文档的最前端，表示文档的开始，即浏览器从HTML开始解释。而/HTML则位于文件的最后一行，这样的结果表示这一整份的文档都是HTML语法的文档。 HEAD/HEAD是HTML文件头标识符，用来描述HTML首部的内容，说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。 HEAD/HEAD通常与某些标识符一起使用，如TITLE/TITLE标记符。 TITLE/TITLE指的是一份文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或是主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。 BODY/BODY指的是定义出一个HTML文档的体部，位于首部下面。在BODY标记符内的文字，所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。HTML HEAD TITLE文本标题/TITLE /HEA