预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共32页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第1章网页设计与制作基础1.什么是网页?2.什么是主页?3.什么是超文本?注意4.什么是网站?注意5.网页基本元素有哪些?都有什么作用?设计的时候要注意什么?文本是人类最重要的信息载体和交流工具,网页的主体一般以文本为主。制作网页时,可以根据需要设置文本的字体、字号、颜色、样式等属性,风格独特的网页文本设置会给浏览者赏心悦目的感觉。 提示:在网页中应用了某种字体样式后,如果浏览者的计算机中没有安装该种样式的字体,字体就以计算机系统默认的字体显示出来,此时就无法显示出网页的效果了。图像在网页中可以起到提供信息、展示作品、美化网页以及体现风格等功效。图像可以用作网页的标题、网站Logo、网页背景、链接按钮、导航栏、网页主图等。图像给人的视觉效果要比文字强烈得多,在网页中灵活应用图像可以起到点缀的效果。虽然图像在网页中不可或缺,但也不能太多,因为图像的下载速度较慢,而且网页上如果放置了过多的图片,会显得很乱,有喧宾夺主之势。 网页上的图像文件大部分都是使用JPG和GIF格式,因为,它们除了具有压缩比例高外,还具有跨平台特性。 动画是网页上最活跃的元素,通常制作优秀、创意出众的动画是吸引浏览者的最有效的方法。如果网页中存有太多的动画,会使浏览者眼花缭乱,无心细看。所以,对动画制作的要求越来越高。在网页中加入的动画一般是GIF格式的动画和Flash(.swf)动画等。 导航栏是网站设计者在规划网站结构时必须考虑的一个问题,站点的每个网页上均应设置导航栏,并且应将其放置在网页中比较明显的位置。设置导航栏的目的是使浏览者能够顺利地浏览网页,方便地返回主页或继续下一页的访问。导航栏可以是文本、按钮或图像的样式。 超链接是网页中最为有用的功能之一。超链接是从一个网页指向另一个网页的链接,该链接既可以指向本地网站的另一个网页,也可以指向世界各地的其他网页。 无论是文本还是图像都可以加上超链接标记,当鼠标指上超链接对象时会变成小手形状,单击鼠标左键即可链接到相应地址(URL)的网页。超链接包括站内链接和站外链接。 站内链接:若网站规划了多个主题版块,需要给网站的首页加入超链接,让浏览者可以快速地转到感兴趣的页面。在各个子页面也要有超级链接,并设有能够回到主页的链接。 站外链接:在个人网站上放置一些与网站主题有关的对外链接,不但可以把好的网站介绍给浏览者,而且能使浏览者乐意再度光临该网站。(友情链接)表格是网页中的一种用于控制网页页面布局的有效方法。为了达到理想的视觉效果,通常不显示表格的边框。使用表格辅助布局,可以实现网页横竖分明的风格。 表单是一种特殊的网页元素,通常用于收集信息或实现一些交互式的效果。表单的主要功能是接收浏览者在浏览器的输入信息,然后将这些信息发送到服务器端。 6.动态网页和静态网页的区别采用了动态网页技术,在服务器端运行的网页和程序属于动态网页,它们会根据编写的程序访问数据库动态地生成页面。动态网页文件的后缀一般都是.asp、.aspx、.php、.jsp。动态网页的优点是效率高、更新快、移植性强,可以根据先前所制定好的程序页面,根据用户的不同请求返回其相应的数据,从而达到资源的最大利用和节省服务器上的物理资源。动态网页和静态网页不是从视觉上区分的,比如动画效果,网页中包含可以动的元素并不意味着就是动态网页,静态网页也可以有动画。 请自行阅读课本中它们各自的特点7.常用的网页设计软件有哪些?8.网页图像与网页动画制作软件9.HTML的基本结构9.HTML的基本结构9.HTML的基本结构9.HTML的基本结构10.如何使用HTML编写网页文件?11.标签标签可以有属性,赋值的时候用“=”,多个属性中间用空格隔开 属性要写在开始标签里,并且标签符号和<>中间不可以有空格,如<img>是错误的 结束的标签一定要加“/”12.body标签常见属性介绍text属性:用于设置HTML网页的文本颜色。使用text定义的颜色将应用于整篇文档。例如,<bodytext=#FF0000>表示文本颜色设置为红色。 link、alink、vlink属性:用于分别设置普通超链接、当前活动的超链接、已访问的超链接文本的颜色。例如,<bodylink=#ccddeevlink=#ff3366alink=#66cc77> topmargin、leftmargin属性:用于设置网页主体内容与网页顶端、左端的距离。例如,<bodytopmargin=0leftmargin=2>。 上机作业:完成作业1.txt中的操作13.DreamweaverCS4简介14.创建和管理本地站点站点文件夹