课程dreamweaver8网页设计.doc

课程：《Dreamweaver 8网页设计》 教学目标： 通过对课程的学习，我们将全面了解网站开发的原理，掌握dw这个软件制作网页的方法和技巧，并能够根据需要独立开发网站。 第一课:网页制作基础 网站的概述 1．网页与网站 浏览网页时在浏览器中看到的一个个页面就是网页，而多个相关网页的集合就构成了一个网站。 举例：(搜狐网) (百度网) (优酷网)等等。 2.浏览网页的工具—浏览器。 用于打开显示网页的软件。最常见的是Windows自带的IE浏览器。还有火狐Firefox，360安全浏览器、遨游、腾讯TT等等。 网址：用于定位某个网站某个页面的一串字符，通常是这种格式 /nba.shtml 主页：访问网站时，默认打开的第一个页面就是主页也叫首页。 3．认识网页的组成元素 二、初识Dreamweaver8 1．制作网站的流程 规划网站类型及主题搜集资料素材使用软件进行网页制作测试及发布 2．认识 是当前最流行、最方便的网页设计和网站开发工具软件。 Dreamweaver:梦想编辑者，通过这个工具，实现编辑网页的梦。 Dream：梦想 Weaver:织布者，织工frontpage 早期是Macrosoft公司推出的“网页三剑客”之一，“网页三剑客”指的是Dreamweaver、Flash、Fireworks这三个软件，它们这三个集合起来，就像江湖中最厉害的剑客一样，成为了网站开发中的专用利器，它集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的可视化网页开发工具，2007年Macrosoft公司被Adobe公司收购，DW CS5是最新推出的版本。 3.dw的用户界面 从打开软件开始，试着做一个简单的网页 我的第一个网页并加一张图片，保存，预鉴，并用代码写一个， 三．基本工具介绍 打开刚才那个网页，加常用—表格,表单按钮，显示为制表符,再用代码讲解一下，三种状态,显示比例，属性，介绍文件面板. 四、网页文件的基本操作 基本网页的文件类型为HTML文档，保存的文件扩展名为“.html“。 创建网页文档(HTML文档) .文件→新建→新建文档→常规→类别→基本页 保存指定文件（编辑中的文件如果文件名后面带有“*”号，表示未保存。） .文件→保存（或Ctrl+s） .文件→另存为 .文件→保存全部 注意：1、网页文件要用英文或数字进行命名，莫用中文。 2．基本网页的扩展名.html. 打开：程序 退出再加三种方式：x，alt+f4，双击左上的标志 钟 速度统计 在描述中输入分辨率尺寸，如（800*600，我的自定义）。单击确定即可。那么可以在“窗口大小”中看到刚才自定义的尺寸。 “1K/1秒”，其中1K表示网页内容累计的大小。1秒是在56K的调制解调器下，网页下载会用多长时间。它是根据调制解调器的不同而不同的。表示在1k/S下用1s就可以把1k大小的网页下载下来，当然这还是要取决于实际的网速。 先在别的地方建一个文件夹，再在那建一个网站，再在网站下面建一个网页。此时会自动默认放在那个站点上，就是根文件夹里。 七、设置默认图像文件夹 在根文件夹中建一个文件夹专门用于存放图片，image,看到站点下就有一个文件夹，设置默认图像文件夹，管理站点-编缉-高级。网站放在d盘的document上。再用那里的图片做一张网页。如果网站中没有默认的放图片的，复印文件夹 创建文件就是创建网页，新建文件夹和网页的更改链接。 添加水平线(首页和标题和背景)、日期和特殊符号 输入空格的三种方式，图片名字改变页面背景设置也要改变。 4、插入水平线，html,改线条颜色通过改代码.插入版权. 改字体时的ys01和简单常用字体,但图片的字体可以显示. 段落设置 网页中使用的图片类型 javascript:window.external.addFavorite(,百度网) Javascript:window.close() onClick=this.style.behavior=url(#default#homepage);this.setHomePage(/) a href=# onclick=this.style.behavior=url(#default#homepage);this.setHomePage()设为首页/a 首选参数 常规 检查链接 设计 作业：显示菜单和显示制表符之间的转换，做一个简单的网页标题和内容都是叫做我的第一个网面，内容字体用黑体红色斜字体，背景用粉红色，与顶部和左边框0距离，要求搜入一张图片并插入一张四行三列的表格和插入一个按钮。 拼图 动态菜单 表单中label和lendge的意思表单标记form, input, select, option textarea,