网站建设与网页制作.ppt

网页文件命名设计 1. 文件名称统一用小写的英文字母、数字和下划线的组合 2. 主页文件名用 index.htm 或 index.asp 3. 文件命名原则 方便理解每一个文件的意义。尽量用英文，不要用拼音。 当我们在文件夹中使用“按名称排列”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换等操作 。 例，“新闻”栏目html文件的命名原则 ：“国内新闻”的网页文件依次取名为：china_1.htm, china_2.htm, … ；“国际新闻”的网页文件依次取名为：internation_1.htm, internation _2.htm, … 3. 实现阶段 编写网页文档，制作Web页。 4. 测试阶段 进行网站功能测试、性能测试、安全性测试、稳定性测试、浏览器兼容性测试、可用性/易用性测试。 在确保准确无误后, 方可正式在Internet上发布。 5. 维护阶段 网站信息是动态的，经常需要变化。这就需要对网站内的HTML文档进行维护、更新和修改。 9.框架页面 一般情况下都是一个浏览器窗口显示一个的Web页面，这一类页面简单、直观制作方便。但是当要求在一个窗口内容纳大量信息时，比如一个大型网站的首页，这种页面就很难胜任了。这时，我们就必须运用框架技术来解决问题。框架的作用就是把浏览器窗口划分为若干个区域，每个区域显示不同的网页。 提示:网页界面重要的一个元素 第3节 网站开发常用工具 一、网页开发工具 二、网页美化工具 三、网页动画工具 超文本标识语言（HTML） 可视化网页编辑工具 DHTML技术 动态网页技术 一、 网页制作常用工具 HTML（HyperText Markup Language）是一种专门用于Web页制作的编辑语言，用HTML语言编写的文件是依据HTML语言规范书写而成的文本文件。通过在文本文档中嵌入一系列控制字符，使文档以用户希望的格式用浏览器输出到显示器或打印机。 1.超文本标识语言（HTML） HTMLHEADTITLE这里是网页标题/TITLE/HEADBODY bgcolor=#FFFFFF text=#000000 h3 align=center这是我的第一个网页/h3pfont size=3 这是用HTML语言编写的，以后还要学习网页编著工具。/font/p/BODY/HTML 以下是一个网页的源代码： 这是显示结果： 在WWW（World Wide Web ）发展的初期人们制作网页是通过直接编写HTML代码来实现的。这种手工编码制作网页对网页设计人员的要求较高，编码效率低。因此，对大多数网页设计人员来说采用这个方式比较困难。 2.可视化网页编辑工具 随着网页制作技术的不断发展，出现了诸如FrontPage、Dreamweaver等可视化的网页编辑工具。利用这些工具人们在可视环境下编辑制作网页元素，由编辑工具自动生成对应的网页代码。 如要在网页上显示表格，就可直接在工作区中绘制表格而不用考虑编码的规则和语法。利用可视化工具编辑网页操作简单直观，是大众化的网页编辑方式。 FrontPage是由Microsoft公司推出的Web页面制作工具软件。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。FrontPage界面与Word、PowerPoint等软件的界面极为相似，为使用者带来了极大的方便。 Dreamweaver是由Macromedia公司推出的一款网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页。Dreamweaver的网页动态效果与网页排版功能都比一般的软件好用，所以它是网页设计者的首选工具。它可以满足多层次需求，是功能强大的可视化、专业级网页设计及制作工具。 3.DHTML技术 DHTML是什么？ DHTML是 Dynamic Hypertext Markup Language 的缩写。 为了和传统的HTML相区别，DHTML通常称为“动态HTML” 。DHTML将 HTML 、CSS和脚本语言有机结合在一起，来制作充满动感的交互性网页 。 HTML用来定义网页元素，如段落、表格等。 CSS用来描述元素属性，如大小、颜色、位置等。 脚本语言用来操纵网页元素和浏览器。 4.动态网页技术 在Internet早期，Web站点大都是由静态web页组成，静态页面只能固定地显示事先设计好的页面内容。随着Web业务处理越来越多，业务需求层次