欢迎来到天天文库
浏览记录
ID:50337935
大小:1.23 MB
页数:52页
时间:2020-03-08
《网站建设与管理 教学课件 作者 宋一兵 王新宁 网站建设与管理(第2版)(项目教学)-03.ppt》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、项目三设计静态网页任务一了解网页的HTML任务二创建基本网页任务三设置网页的样式任务四在网页中嵌入多媒体元素HTML是网页制作的基础,它是一种描述语言,使用一系列的标记来创建可被浏览器识别和表现的网页文本。任务一了解网页的HTML在网页上显示一首古诗,如图所示。(一)HTML的基本结构HTML语言的基本结构…:声明HTML文件的语法格式。
2、居中、分行显示,如图所示。(二)HTML中的格式标记任务二创建基本网页Dreamweaver是目前使用最为广泛的网页开发工具,它功能强大,简便易用,不但能够方便地创建基本网页,而且还能完成动态网页的制作。为古诗设置不同的字体和色彩,并为网页定义背景,效果如图所示。(一)彩色的古诗将古诗的题目和作者行设置为横向滚动,如图所示。(二)滚动的文本滚动文本是一个比较常用网页特效,此案例是利用标签来制作,除此之外,还可以利用一些现成的脚本语句JavaScript或VBScript来实现。标签中常用的
3、属性align:对齐方式。height:高度范围。bgcolor:背景颜色。direction:滚动方向。behavior:方法(alternate:来回滚动;slide:滚动到一边后停止;scroll:循环滚动)。scrolldelay:滚动的延迟速度,单位为1/1000秒。scrollamount:滚动的数量,单位为像素。loop:滚动的反复次数。网页是图文并茂的信息载体,单纯的文字会使内容枯燥,而且也无法表达更多细微生动的信息。图像也是网页的基本元素。合理使用图像能够使网页丰富多彩、引人入胜。(三)图文并茂的古诗为古诗
4、配上一幅图片,并调整图像的亮度,使图像更加明亮一些。如图所示。(三)图文并茂的古诗超链接是指网页上某些文字或者图像等元素与另一个网页、图像或程序之间的连接关系,当用户用鼠标单击该元素,浏览器就会跳转到其链接的对象。常见的超链接主要有文本超链接、图像超链接和下载链接等。(四)创建文字超链接单击图书目录上的书名可打开书的基本介绍。(四)创建文字超链接单击图像打开网页和链接文件,如图所示。(五)创建图像超链接网页精彩与否,除了色彩搭配、文字变化、图片处理等因素外,还有一个非常重要的因素——版面规划布局。由于浏览器的形状与表格均为矩
5、形形状,因此布局和定位网页元素时,采用最多的方式就是表格。(六)利用表格布局网页利用表格构建“最新图书发布栏”,如图所示。(六)利用表格布局网页1.分析此网页所需要的表格结构2.制作表格并插入背景图片3.插入图书封面和名称使用热点矩形工具设置封面图片链接到“book001.html”文件上,并设置目标为“_blank”,表示从新窗口中打开目标页面。4.设置图书链接表格可以任意的插入、删除、合并,拆分。具体方法是:选择要操作的表格(删除、合并和拆分)或选定要操作的位置(插入、删除和拆分),单击鼠标右键,在弹出的选项中选择相应的
6、操作。多数网页都是依靠表格来布局版面和组织元素的。合理的设置表格属性在网页布局中起着非常重要的作用,比如以像素为单位的表格和以%为单位的表格在浏览器中显示就不一样,前者为固定大小,而后者则可以随着浏览器窗口的大小改变而变换。任务三设置网页的样式与单纯的图文网页相比,生动活泼、形式多样的页面更能吸引浏览者的注意。为了使页面更新颖、更美观,可以在页面的设计中添加各种样式,最常用的方法就是对单个或一组页面设置CSS样式,利用CSS样式表来规范网页图文的输出方式。另外,还有一些特殊的页面效果,如图层的定位,框架的设置和链接的总体设置
7、等,都是比较常用的设置网页样式的方法。CSS就是CascadingStyleSheets,中文翻译为“层叠样式表”,简称样式表,是一种设计网页样式的工具。利用CSS样式,可以使网页的内容与表现形式互相分开,从而简化网页代码,加快下载显示的速度。(一)应用CSS设置网页文本样式一个刚建立的网页,标题和内容的文字均为默认设置,显得比较粗糙,现设置一个CSS样式来控制页面文字的输出。要求:标题突出,文字有区分。(一)应用CSS设置网页文本样式设置字体为黑体,大小为30像素,颜色为黑色,无修饰,字母间距为0.5毫米。1.设置公司名称
8、的样式.toptitle设置字体为宋体,大小为12像素,行高为20像素,颜色为蓝色,无修饰。2.设置网页内容的样式.left设置字体为宋体,大小为12像素,行高为30像素,颜色为灰色),无修饰。3.设置网页内容的样式.right设置粗细为粗体,颜色为橙色。将其应用到每段的标题部分。4.设置
此文档下载收益归作者所有