(网页设计全部课件.pptVIP

课程考试通知 考试形式：开卷，笔试 时间：4月24日（下周日）下午2:30~5:00。 地点：逸夫楼604、703、704 注意： 1、2:30~3:00为机器调试和拷贝课件时间，正式考试时间是： 3:00~5:00，请大家互相转告。 2、大家把试卷写完后，可以在以下两个时间段交卷： （1）下周二上午十点到十点半拿到逸夫楼707交卷。 （2）下周三上午十点到十点半拿到逸夫楼602交卷。 网页制作 课程与上机安排 总课时：20学时，5周，4节/周 其中：2节理论课，2节上机课 课程性质：通识选修课 考核方式：考查，笔试，开卷（一般都能通过），安排在第五次课进行，地点：逸夫楼7、8楼。 教材： 自编，即上课所使用的课件。 推荐教材：甘登岱 编著 《网页制作三剑客Dreamweaver 8 /Firewprks 8/flash 8(第五版)》附光盘一张 北京：机械工业出版社 2006年10月第1版 价格32元 当当网（ 买书可以打折，价格23.9元） 网页的基本知识 1、以学校网站和涂鸦轩网站为例说明网站的基本构成。 2、网页制作常用知识简介。 (1)HTML语言的知识：它是网页设计的主要语言，构成了网页的基本框架。 (2)Dreamweaver软件：网页制作中构造框架的主要软件。 (3)Flash软件：动画制作软件。 (4)FireWorks软件：动态图片的制作软件。 三、 构成网页的基本元素 1、分段元素与分行元素 　html的分段完全依赖于分段元素P。回车 不能形成分段，而分行则用br 2、居中链接签center…/center 3、字体大小、颜色： font size=字号 color=颜色文字/font 4、横线：hr 线长和线宽用hr size=n width=n指定，width是指线长， size 指线宽，单位是象素 5、空格的表示方法：直接写nbsp。 6、插入图片： img src=“图片路径”/img 四、 超文本链接 　超文本链接指针是html最吸引人们优点之一。使用超文本链接指针可以使顺序存放的文件具有一定程度上随机访问的能力，这更加符合人类的思维方式。人的思维是跳跃的、交叉的，而每一个链接指针正好代表了作者或者读者的思维跳跃。因而组织得好的链接指针不仅能使读者跳过他不感兴趣的章节(比如一些枯燥的数据)，而且有助于更好地理解作者的意图。 1、由文字链接到别处： 格式：a href=“链接地址”文字/a 如： a href=“Http://”广西民族大学/a 2、由图片链接到别处： 格式：a href= “链接地址” img src=“图片存放位置/a  1.2 Dreamweaver 8的操作界面 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的操作界面 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.8 辅助设计工具 1.2.8 辅助设计工具 1.3 调整布局 1.3.1 显示和隐藏面板 1.3.2 调整面板布局 1.3.1 显示和隐藏面板 1.3.2 调整面板布局 1.4 第一个站 1.4.1 设置本地站点位置 1.4.2 建立Dreamweaver 8本地站点 1.4.3 网站框架和站点文件夹 1.4.4 建立网页文件 1.4.1 设置本地站点位置 首先应该先在硬盘内创建文件夹作为将要建立站点的存储位置 。 1.4.2 建立Dreamweaver 8本地站点 在Dreamweaver中建立本地站点的方法很多，其中一个是使用它提供的“新建站点向导”。 1.4.2 建立Dreamweaver 8本地站点 新建站点 ： (1)在D盘新建一个文件夹“Myweb+学号”作为站点文件夹。 (2)在文件夹“Myweb+学号”中再创建Images文件夹作为存放图片的地方。 (3)单击“站点”—新建—站点，输入站点名称，如：web1，单击“下一步”。 (4)选择“不使用服务器技术”，单击“下一步”。 (5)选择网页的存储位置为“D:\ Myweb+学号”，单击“下一步”。 (6)在“如何连接远程服务器”中选择“无”，单击“下一步”—“完成”，即可在右边的文件管理器中看见Web1站点。 (7)右键单击“站点—Web1“，选择”新建”—文件，即可建立网站的第一个网页文件，通常命名为index.html，并作为