网页设计全部课件.ppt
属性面板
浮动面板组
1.2.1 标题栏
有起始标记和结尾标记。元素的起始标记叫做起始链 接签(start tag),元素结束标记叫做结尾链接签(end tag),在起始链接签和结尾链接签中间的部分是元素 体。 每一个元素都有名称和可选择的属性,元素的名
称和属性都在起始链接签内标明。 如:<title>标题
</title>
一般来讲,html的元素有下列三种表示方法,即HTML语句行 有如下的形式:
1.2.1 标题栏 1.2.2 菜单栏 1.2.3 插入栏面板 1.2.4 编辑窗口 1.2.5 文档工具栏 1.2.6 状态栏 1.2.7 属性面板 1.2.8 辅助设计工具
1.2 Dreamweaver 8的操作界面
插插入入栏面板栏 文档工具栏 菜单栏 文档编辑窗口 标题栏
状态栏
◎<html>和</html> 表示文件的开始与结束,被放置在整个文件的开始与结束
之处。
◎<head>和</head> 用来标示文件头。在这组标记里我们可以加入<title>和
</title>这组标记。
◎<title>和</title> 用来指定浏览器窗口的标题。
◎<body>和</body>
在这组标记里我们可以加入文件内容。另,我们可以利用 <body>做一些设定:
网页制作
2019/12/21
主讲教师:李永胜 ——数计学院
Tel: 13768272980 E-mail: lyshlh@
课程与上机安排
总课时:20学时,5周,4节/周 其中:2节理论课,2节上机课 课程性质:通识选修课 考核方式:考查,笔试,开卷(一般都能通过),安排在第五
网页的基本知识
1、以学校网站和涂鸦轩网站为例说明网站的基本构成。 2、网页制作常用知识简介。 (1)HTML语言的知识:它是网页设计的主要语言,构成了
网页的基本框架。 (2)Dreamweaver软件:网页制作中构造框架的主要软件。 (3)Flash软件:动画制作软件。 (4)FireWorks软件:动态图片的制作软件。
</body>
三、 构成网页的基本元素
1、分段元素与分行元素 html的分段完全依赖于分段元素<P>。回车
不能形成分段,而分行则用<br> 2、居中链接签<center>…</center> 3、字体大小、颜色: <font size=字号 color=颜色>文字</font> 4、横线:hr 线长和线宽用<hr size=n width=n>指定,width是指线长,
课程考试通知
考试形式:开卷,笔试 时间:4月24日(下周日)下午2:30~5:00。 地点:逸夫楼604、703、704 注意: 1、2:30~3:00为机器调试和拷贝课件时间,正式考试时间是:
3:00~5:00,请大家互相转告。 2、大家把试卷写完后,可以在以下两个时间段交卷: (1)下周二上午十点到十点半拿到逸夫楼707交卷。 (2)下周三上午十点到十点半拿到逸夫楼602交卷。
1、由文字链接到别处: 格式:<a href=“链接地址”>文字</a>
如: <a href=“”>广西 民族大学</a>
2、由图片链接到别处: 格式:<a href= “链接地址” ><img src=“图片存放
位置"></a>
1.2 Dreamweaver 8的操作界面
1)<元素名>文件或超文本</元素名> <title>标题</title>
2)<元素名 属性名=“属性值…>文本成超文本</元素名 >
<body bgcolor=yellow> 背景颜色 </body>
3)<元素名> <P>
一个html文件应具有下面最基Байду номын сангаас的 结构:
一般来说,一个html文件应具有下面最基本的结构: <html> <head> <title>标题</title> </head> <body> 文件内容 </body> </html>
次课进行,地点:逸夫楼7、8楼。 教材: 自编,即上课所使用的课件。 推荐教材:甘登岱 编著 《网页制作三剑客Dreamweaver 8
/Firewprks 8/flash 8(第五版)》附光盘一张 北京:机械工 业出版社 2006年10月第1版 价格32元 当当网( 买书可以打折,价格 23.9元)
【设定背景颜色】: 其设定方法为<body bgcolor=颜色名称>。 范例: <body bgcolor=yellow> 现在的背景颜色是黄色哦! </body>
【设定背景图片】: 其设定方法为<body background=“背景图片路径”> 范例: <body background=“bg02.bmp”> 看看背景图案是否不一样了!注意:仅支持BMP跟gif格式的 图片,且图片bg02.bmp必须跟网页在同一个路径下。
size 指线宽,单位是象素 5、空格的表示方法:直接写 。 6、插入图片: <img src=“图片路径”></img>
四、 超文本链接
超文本链接指针是html最吸引人们优点之一。 使用超文本链接指针可以使顺序存放的文件具 有一定程度上随机访问的能力,这更加符合人 类的思维方式。人的思维是跳跃的、交叉的, 而每一个链接指针正好代表了作者或者读者的 思维跳跃。因而组织得好的链接指针不仅能使 读者跳过他不感兴趣的章节(比如一些枯燥的 数据),而且有助于更好地理解作者的意图。
补充知识:HTML语言基础知识
用记事本编辑网页的方法:
1.创建一个记事本. 2.在记事本中输入HTML语句. 3.将记事本另存为.htm文件.(在保存类 型中选择“所有文件“)
二、Html文件简介
html文件是标准的ASCII文件,它看起来象是加入了 许多被称为链接签(tag)的特殊字符串的普遍文本文件。 从结构上讲,html文件由元素(element)组成,组成 html文件的元素有许多种,用于组织文件的内容和指 导文件的输出格式。绝大多数元素是“容器”, 即它