网站建设与管理(第版)(项目教学)概论.pptVIP

项目三设计静态网页; HTML是网页制作的基础，它是一种描述语言，使用一系列的标记来创建可被浏览器识别和表现的网页文本。;在网页上显示一首古诗，如图所示。;HTML语言的基本结构 ;添加格式标记，将古诗居中、分行显示，如图所示。;任务二 创建基本网页;为古诗设置不同的字体和色彩，并为网页定义背景，效果如图所示。 ;将古诗的题目和作者行设置为横向滚动，如图所示。 ; 滚动文本是一个比较常用网页特效，此案例是利用marquee标签来制作，除此之外，还可以利用一些现成的脚本语句JavaScript或VBScript来实现。;marquee标签中常用的属性; 网页是图文并茂的信息载体，单纯的文字会使内容枯燥，而且也无法表达更多细微生动的信息。 图像也是网页的基本元素。合理使用图像能够使网页丰富多彩、引人入胜。 ;为古诗配上一幅图片，并调整图像的亮度，使图像更加明亮一些。如图所示。; 超链接是指网页上某些文字或者图像等元素与另一个网页、图像或程序之间的连接关系，当用户用鼠标单击该元素，浏览器就会跳转到其链接的对象。 常见的超链接主要有文本超链接、图像超链接和下载链接等。 ;单击图书目录上的书名可打开书的基本介绍。 ;单击图像打开网页和链接文件，如图所示。; 网页精彩与否，除了色彩搭配、文字变化、图片处理等因素外，还有一个非常重要的因素——版面规划布局。 由于浏览器的形状与表格均为矩形形状，因此布局和定位网页元素时，采用最多的方式就是表格。 ;利用表格构建“最新图书发布栏”，如图所示。 ;1．分析此网页所需要的表格结构 ;2．制作表格并插入背景图片 ;3．插入图书封面和名称 ; 使用热点矩形工具 设置封面图片链接 到“book001.html”文件上，并设置目标为 “_blank”，表示从新窗口中打开目标页面。; 表格可以任意的插入、删除、合并，拆分。具体方法是：选择要操作的表格（删除、合并和拆分）或选定要操作的位置（插入、删除和拆分），单击鼠标右键，在弹出的选项中选择相应的操作。; 多数网页都是依靠表格来布局版面和组织元素的。合理???设置表格属性在网页布局中起着非常重要的作用，比如以像素为单位的表格和以％为单位的表格在浏览器中显示就不一样，前者为固定大小，而后者则可以随着浏览器窗口的大小改变而变换。 ;任务三 设置网页的样式; CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，是一种设计网页样式的工具。 利用CSS样式，可以使网页的内容与表现形式互相分开，从而简化网页代码，加快下载显示的速度 。;一个刚建立的网页，标题和内容的文字均为默认设置，显得比较粗糙，现设置一个CSS样式来控制页面文字的输出。 要求：标题突出，文字有区分。 ; 设置字体为黑体，大小为30像素，颜色为黑色，无修饰，字母间距为0.5毫米。; 设置字体为宋体，大小为12像素，行高为20像素，颜色为蓝色，无修饰。 ; 设置字体为宋体，大小为12像素，行高为30像素，颜色为灰色），无修饰。 ; 设置粗细为粗体，颜色为橙色。将其应用到每段的标题部分 。;说明：;将上例中做好的网页的链接文字设为白色，鼠标移上后变成红色，且无下划线。;步骤：; 层中可以插入任何在网页上允许出现的元素，例如文字、图像、表格，甚至另一个层。通过对层的控制，制作网页的时候可以不受排版的约束，随心所欲控制各类网页元素的显示位置和顺序，赋予网页不同一般的视觉效果。 ;利用层制作图书发布栏;1．制作发布栏的背景层 ;2．制作包含书和书名的表格层 ;3．调整层的位置于同一高度 ; 框架网页本身就是一个网页，只不过它已被划分为若干个区域，分别显示不同的网页。 框架技术可以被广泛地应用到网站导航和文档浏览中，方便访问者对网页进行浏览，并能减少下载页面所需的时间。;图书信息的导航站点;注意：; 网页上光有静态的文本和图象并不能满足用户的需要，为了增强网页的表现力，常需要在网页文档中动画、音频及视频等多媒体元素。;一个古诗的网页，为配合诗中的意境，现给网页添加背景音乐。;单击设计窗口下方的body标签。; 打开【行为】面板，单击面板上的“添加行为”按钮，在弹出的菜单中选择“播放声音”。 ; 在弹出的对话框中选择要添加的背景音乐“yy.mid”文件 。; 单击插件符号 ，在其【属性】面板上单击参数按钮，设置参数值。 ;（二