dayin网络技术应用(选修)复习资料3.docVIP

主题三 网站设计与评价 1、 网站的概念 ⑴ 网站、网页、主页的概念及其相互关系。 网站：因特网上具有相似性质和共同内容的一组信息资源就是一个网站。构成网站的基本元素是各种文件以及存放这些文件的文件夹。 网站中的文件大致分为网页文件（htm、html）、资源文件、数据库和程序文件三大类。 网页：用HTML（超文本标记语言）写成的文件，是网站的基本组成。 主页：访问某个网站时出现的第一个页面（特殊的网页）。主页名默认为“index.htm”。 网站的结构：树状结构、线性结构、网状结构。 ⑵ 静态网页和动态网页 静态网页网页风格灵活多样，但无法实现交换功能，且日常维护也十分烦琐。 动态网页具有日常维护简单、更改结构方便、交互性强等优势。 构成动态HTML的核心技术：客户端脚本语言、文件目标模式（DOM）、CSS样式表。 2、 网站的规划与设计 需求分析：明确建立网站的目的；确定网站面向的对象。 选择网站主题：1）主题要小而精 2）题材最好是自己擅长或喜爱的内容。 确定网站名称：1）与主题紧密相关 2）要有意义 3）要上口悦耳易记 4）要合法合理合情 网页制作工具：1）源代码型编辑工具 HotDog、HomSite、EditPlus等 2）“所见即所得”型编辑工具 FrontPage、Dreamware等 栏目设置：1）要紧扣主题 2）列出网站最有吸引力的内容 3) 方便访问者浏览和查阅 版面设计：常见的页面设计样式： “厂”字型、“口”字型、自由式 网站风格：1）网站标识 2）标准颜色 3）标准字体 3、 网页制作 要求：能熟练使用常用网页设计软件制作网页。 需要掌握的主要操作有： 建立站点：站点建立操作，网站属性（设置背景音乐等） 设置表格：插入表格，修改表格，拆分和合并单元格，表格属性、单元格属性。 设置文字：插入文字，文字大小，文字字体，文本颜色，段落标记、换行符。 设置图像：图像格式（jpg、gif），插入图像，修改图片大小、对齐方式。 设置框架网页：定义框架网页，拆分和合并框架、框架属性设置，子窗口属性设置 设置超级链接：文本超链接和图片超链接（热区链接），绝对路径和相对路径，链接颜色 页间链接、书签式链接、框架链接、站间链接（WWW、FTP、E-mail） 简单动态HTML效果：动态按钮、滚动字幕、DHTML效果。 4、 HTML语言的基本应用 要求：能读懂普通网页的原代码，并能根据要求在文本编辑器中对原代码作适当修改。 HTML（Hypertext Markup Language）：超文本标记语言，用于描述网页的格式设计以及与其他网页的连接信息。HTML本身是文本格式的文件，后缀名是htm或者html。用浏览器查看效果。 ⑴ 基本结构 HTML标记：html/html 用于标识HTML文件的开始和结束。 头部信息：head/head 描述文件的相关信息，内容不显示在浏览器中。 标题标记：title/title 书写在头部信息里，显示在浏览器标题栏中。 主体标记：body/body 常用属性：background=url,bgcolor=#rrggbb 例如：body background=images/ttt.gif …… /body ⑵ 文字设置 标题设置：H1/H1 …… H6/H6 其中，H1的字体最大，H6的字体最小。 主要属性：align=left/right/center。 字体设置：font /font 更改输出文字的大小、颜色、字体。 主要属性：size=n ，color=#rrggbb ，face=字体。 例如：font size=5 color=#008000 face=楷体_GB2312学习园地/font 其他标记： b/b粗体 u/u下划线 i/i斜体 例如：font size=5 face=楷体_GB2312u文学天地/u/font ⑶ 段落标记 p/p 创建一个新的段落，其中结束标记/p可省略。 br 表示换行，但不分段，没有结束标记。 hr 在文档中加入一条水平线，没有结束标记。 center/center 水平居中显示标签中的内容（文字、图像）。 ⑷ 图片设置 img src=图片路径及文件名 在指定位置插入一副图片。 常用属性：width，height、align（对齐方式）、border（边框粗细） 例如：img border=1 src=images/index4.gif align=right width=80 height=102 ⑸ 超级链接设置 a herf=链接页面路径及文件名 /a 例如：通过文字链接到另一页面： a href=