网页制作与设计入门

网页制作与设计入门

ID:39815819

大小:1.57 MB

页数:93页

时间:2019-07-12

网页制作与设计入门_第1页
网页制作与设计入门_第2页
网页制作与设计入门_第3页
网页制作与设计入门_第4页
网页制作与设计入门_第5页
资源描述:

《网页制作与设计入门》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、通过本章学习,应该掌握以下内容:1.Dreamweavercs4概述2.用dreamweavercs4制作基本的网页第2章一、Dreamweavercs4概述1、Dreamweavercs4的安装下载安装程序;进行安装wangyesheji201209@163.com密码:wysj123456收件箱2、Dreamweavercs4的工作区(1)标题栏;(2)菜单栏;(3)插入面板组;(4)文档工具栏;(5)标准工具栏;(6)文档窗口;(7)状态栏;(8)属性面板;(9)浮动面板。3、创建站点(1)站点的分类本地站点和远程站点本地站点:网页制作

2、者制作网页和测试网页的一个总的文件夹。不能在互联网中浏览。远程站点:是本地站点的一个映射,结构基本相同,可以让任何上网的浏览者浏览的文件。(2)创建本地站点站点

3、新建站点(3)管理站点编辑站点;复制和删除站点;注意:删除站点只是删除了根文件夹和dreamweaver之间的关联,但是文件夹本身及其里面的内容仍然存在。4、用Dreamweavercs4创建文件(1)主要的文件类型:HTML文件(2)文件

4、保存(或者ctrl+s)(3)文件的命名一般使用英文字母和数字,但不能以数字开头,也不能在文件名中使用空格、特殊字符或标点符号,文件名最好不要使

5、用汉字,因为许多浏览器不支持汉字命名的文件。二、制作基本的网页一、文本标题1共设置了6级标题,1—6级,每级标题的字体大小依次递减2设置标题方法:(1)选中文本或段落;(2)格式

6、段落;属性

7、格式,下拉菜单选项;插入面板

8、文本练习举例二、处理段落1、输入文本(1)直接输入(2)复制:定位光标,编辑

9、粘贴(3)文件

10、导入

11、word文档(4)把word文档直接转换html文件2、特殊字符(1)定位光标(2)“插入”面板

12、文本

13、字符:其他字符

14、(3)“插入”菜单

15、HTML

16、特殊字符(4)键盘(5)软键盘3、插入日期(1)插入

17、日期(2)常用

18、插入日

19、期按钮4、文本的编辑(1)方法:选中文本

20、属性(2)改变文本的类型、样式和大小(3)改变字体的颜色(4)为文字设置更多的样式5.文字的其他设置(1)文本分段与换行分段:enter分行不分段:shift+enter(2)连续输入多个空格:全角状态;ctrl+shift+空格;编辑

21、首选参数

22、允许输入连续空格6、页面设置7、首选参数(再讲跟踪图像)跟踪图像:可以在“跟踪图像”文本框中指定复制设计时作为参考的图像。该图像只供参考,当文件在浏览器中显示时并不出现。调节“透明度”,确定跟踪图像的不透明度,从完全透明到完全不透明。注意: 设置“跟踪图像”

23、之后,若再设置页面背景图像,则在设计视图中看不到页面背景图像,预览时才能看到。8、项目列表和编号列表(1)创建列表项目列表:无序列表编号列表:有序列表(2)列表的嵌套三、插入图像1、网页图像的一般格式(1)GIF格式(图形交换格式)带动画效果(2)JPG格式(联合图像专家组标准)电子照片(3)PNG格式(可移植网络图形)Photoshop中的图片2、插入图像(1)插入菜单

24、图像(2)插入面板

25、常用

26、图像操作举例3、设置图像属性注意:(1)图片文件最好独立存放于单独的文件夹。(2)图片文件名尽量不使用汉字和特殊符号,否则可能导致图片在浏览器中不

27、能显示。4、插入其他图像元素(1)插入图像占位符准备好将最终图像添加到web页面之前使用的图形,在使用浏览器时,它将显示为一个红叉。方法:插入面板

28、常用

29、插入图片下拉按钮

30、图像占位符插入菜单

31、图像对象

32、图像占位符(2)插入鼠标经过图像 插入

33、图像对象

34、鼠标经过图像注意:主图像和次图像大小要一致如果不一致,将自动调整第二个图像的大小以匹配第一个图像的属性举例:dreamweaver精彩网页设计实例导航ch033.5(3)插入导航条 功能:实现网页的导航 方法:插入

35、图像对象

36、导航条注意:每个网页文件只能包含一个导航条举例:dreamweav

37、er精彩网页设计实例导航ch022.3四、插入超级链接网站是由一个个的网页构成的,网页之间不是彼此孤立而是相互关联的。网页之间的关联一般是通过“超级链接”的方式。超级链接由两部分组成:链接载体和链接目标。链接载体:页面中引导浏览者去单击某个超级链接的载体,是一种指针。许多页面元素都可以作为链接的载体,如文本、图像等。链接目标:超级链接的指向位置或文件URL。它可以是任意的网络资源,如:页面、图像、声音、各种文件、程序、E-mail,甚至是页面中的某个位置(即锚点)。链接目标的分类:_blank:将链接的文档载入一个新打开的浏览器窗口。_p

38、arent:将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架,则所链接的文档载入整个浏览器窗口。_self:将链接的文档载入链接所在的

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。