静态网站建设（ 第三版） 高职高专多媒体系列规划教材 董欣 付冬 第一部分 Dreamweaver 8.pptVIP

尚辅网 尚辅网 关于网站 什么是网站？ 在网上看到的一个个网页页面的集合就是网站. 网站可分为4类:门户网站、职能网站、专业网站和个人网站。 门户网站：这是一种涉及领域最广的网站，比如搜索、论坛、聊天室等功能，国内常见的门户网站雅虎中国、新浪、网易等。 职能网站：是一类具有专门功能的网站。如政府部门、商务网站等。例如阿里吧吧、卓越网、易趣网以及当当网上书店等。 专业网站：专业性非常强，它只涉及生活中的某一领域，但内容却十分专业一般为专业人士服务，例如网页制作大宝库、黄金书屋、中央电视台等。 个人网站：一般个人为了兴趣爱好或为了展示自己等目的建设的网站，因此风格内容样式可以形色各异包罗万象。 网页 网页的学名称作HTML文件，是一种可以在www(万维网)上传输，并被浏览器认识和翻译成页面显示出来的文件 www是“world wide web”的缩写 HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。 “超文本”就是指页面内可以包含图片，链接，甚至音乐，程序等非文字的元素 网页组成及分类 网页的组成文本：文本是一个网页的最基本元素，是必不可少的。 图片：一个比较成功的网页，除了有文字信息外还需要一些图片为 网页增色，是它更加具有魅力。多媒体：主要指文字、图形、图象声音、动画等人的器官能够直接感受到和理解的多种信息类型。超链接：是WWW上的一种连接技巧，它通过已定义好的关键字和图形由当前标题或内容索引信息指想别的页面的连接点。有了超链接我们就可以任意遨游Internet了。 网页的分类按网页的表现形式可将网页分为静态网页和动态网页。一般用户制作的都是静态网页，它是一切网页的基础。动态网页也是首先制作静态网页，然后再加上动态技术就可以制作出完美的动态网页了。 超文本标记语言 HTML (HyperText Markup Language) HTML 概述 超文本标记语言 HTML 中的 Markup 的意思就是“设置标记”。 HTML 定义了许多用于排版的命令（标签）。 HTML 把各种标签嵌入到万维网的页面中。这样就构成了所谓的 HTML 文档。HTML 文档是一种可以用任何文本编辑器创建的 ASCII 码文件。仅当 HTML 文档是以.html 或 .htm 为后缀时，浏览器才对此 文档的各种标签进行解释。 当浏览器从服务器读取 HTML 文档后，就按照 HTML 文档中的各种标签，根据浏览器所使用的显示器的尺寸和分辨率大小，重新进行排版并恢复出所读取的页面。 HTML 的格式与标签 元素(element)是 HTML 文档结构的基本组成部分。一个 HTML 文档本身就是一个元素。每个 HTML 文档由两个主要元素组成：首部(head)和主体(body) 。 首部包含文档的标题(title)，以及系统用来标识文档的一些其他信息。标题相当于文件名。 文档的主体是 HTML 文档的最主要的部分。 主体部分往往又由若干个更小的元素组成，如段落(paragraph)、表格(table)、和列表(list)等。 HTML用一对标签（即一个开始标签和一个结束标签）或几对标签来标识一个元素。 开始标签由一个小于字符“”、一个标签名、和一个大于字符“”组成。 结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符“/”。 标签名并不区分大写和小写。 有一些标签可以将结束标签省略。 网站设计流程 1、网站定位：确定网站主题，如教育、宣传、个人 2、搜集和准备资料。 3、规划站点结构。 4、设计：创建本地站点、网页（风格、链接等）。 5、本地端测试：链接、浏览器兼容性等。 6、申请空间、发布（上传）。 7、后期维护。 规划站点要注意的事项： 1、将不同的文件分类，分别放在不同的文件夹中以便管理。首先创建根目录然后再创建子文件夹。 2、在对文件或文件夹命名时要注意： （1）使用英文或汉语拼音作为文件或文件夹的名字。 （2）名字中不能包括空格等非法字符。 （3）命名应有一定的规则以便日后管理。 （4）文件名应该容易理解，看了就可以知道文件的内容，由于某些操作系统是区分文件名大小写，因此建议全部使用小写文件名。 3、合理分配各种类型的文件，对于图像、多媒体都要分存到各个文件夹中。 表格的使用 表格概念 表格是由一些线条分开的小格组成。线条即是表格的边框，被边框分割开来的区域成之为单元格，数据、文字、图形、图片等对象均可以放在相应的单元格中。位于水平方向上的一系列单元格称作一行，位于垂直方向上的一系列单元格称作一列。 表格的作用 表格最重要的