new第9章网络信息检索与发布.pptx

第9章 网络信息检索与发布 9.3.1 网站和网页基础知识 1．网站和网页 （1）静态网页 静态网页是将文本、图像、声音、视频等嵌在HTML标签中形成的网页文件，由Web服务器传送给浏览器，由浏览器解释后按照HTML的语言规范来显示这些传过来的信息。常见的扩展名有.htm、.html、.shtml、.xml等。 （2）动态网页 指网页呈现的效果和信息是随不同时间载入页面而可能有不同的变化，因为动态网页内含程序代码，一般以数据库技术为基础，在客户端浏览器中通过用户的请求返回包含相应内容的网页。常见的扩展名有.asp、.aspx、.php、.jsp等。 2．网页中的常用元素 （1）文字（2）图片（3）动画（4）音乐（5）视频 3．网站主页 网站的主页是网站的起点，是访问网站所看到的第一个页面，主页在网站制作中一般命名为index或default，加上相应的扩展名，如index.html、index. asp、default.asp等。当访问一个网站域名时，由于服务器的设置，实际上访问的是这个域名所在目录下的主页文件。 9.3.2 网站设计的原则 1．符合人们的阅读习惯 字号大小适宜。左对齐，标题一般居中，一般来说，浅色背景配深色文字为佳。 2．网站导航要清晰 导航、超链接应清晰且无误地标识，读者进入目的网页的点击次数最好不要超过3次。 3．网页风格要统一 所有的图像、文字，包括图像背景颜色、区分线、字体、标题、注脚等要统一风格，留下专业印象。 4．动静要搭配好 “动”的东西，达到画龙点睛的效果就可以了 5．突出新内容 要专门开辟一块区域放更新的内容，也可用不同的颜色或者小动画之类的图片突出显示更新内容 9.4 Dreamweaver入门 9.4.1 Dreamweaver CS6的工作环境 依次单击任务栏上的“开始”→“程序”→“Adobe Dreamweaver CS6”菜单命令，启动Dreamweaver CS6软件。 9.4.2 建立一个站点 建立一个网站，一般先要在本地机器上做好站点，然后再传到网上的服务器空间里。建立站点的主要步骤：在本地磁盘新建一个文件夹→在Dreamweaver中把文件夹定义成站点→在站点内添加网页→编辑网页→测试、上传网站。 【实战9-2】在本地机器上创建一个站点，仅包含一个空网页index.html。 每个站点中，主页文件是必不可少的，一般命名为index.html、index.htm、index.asp、default.htm、default.html或default.asp等。 同类型的文件，最好放在一个文件夹中。 9.4.3 利用表格布局创建网页 表格是网页的一个非常重要的元素。网页上表格的用途无非两类：一类是用于罗列数据，和Word中的表格非常相似。另一类是用在网页定位上，只需通过设定表格宽度、高度、间距等，就可以把不同的网页元素分别“框”在不同的单元格之中，以达到页面的平衡。 【实战9-3】利用表格布局编辑index.html网页 1．CSS的语法结构 CSS定义是由3个部分构成： 选择器 {属性:值;} 例如： body { background:#000000;} /*设置页面背景为黑色*/ CSS采用/* ... */来表示注释。在浏览器中，注释是不显示的。 选择器是指这组样式编码所要针对的对象，可以是一个HTML标签，如body、p、table等，也可以是定义了id或class的标签，如#box选择器表示选择了div id=”box”，即一个名称为box的id对象。 CSS（Cascading Stylesheet）也称为层叠样式表，用于控制Web页面的外观。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的文件头部分。将数据与表现形式分离，是未来网页设计的发展方向。 2．应用CSS样式到网页中（1） （1）内联样式表 内联样式表将CSS样式所定义的内容写在HTML代码行内，如 body style=background-color:#F00页面背景色为红色/body （2）内部样式表 将CSS样式统一放置在页面的一个固定位置，一般放置在head... /head区段中， 下图所示是一个应用了内部样式表的网页。 2．应用CSS样式到网页中（2） （3）外部样式表 是相对于内部样式表而言的，它实际上是一个后缀名为.css的文件，如图9-38所示，独立于HTML页面，放置于网站文件夹内某个位置。同一个外部样式表可以被多个网页甚至是整个网站的所有网页所采用，这就是它最大的优点。 9.4.5 利用CSS布局创建网页 CSS定义所有的元素都可以拥有像盒子一样的外形和平面空间，即都包含边界、边框、填充、盒区域，如图9-40所示。