网站设计与制作技术点复习.doc

Dreamweaver网站制作工具技术点复习2011.5.1一、网站基本操作1、 新建：（1）普通页面：文件新建基本页；（2）框架页面：文件新建框架集选择框架集的类型（如上下、左右型等）创建同时也可以通过“新建”命令创建CSS样式表页面、模板页、动态页（ASP等）等页面2、打开： （1）打开：文件打开，可以打开指定路径上的指定网页及各类文件。 （2）打开最近的文件：文件打开最近的文件，可以从下拉列表中选择最近曾编辑过的文件名称。3、保存：（1）保存：文件保存，保存的是当前正在编辑的页面。如果已有文件名，则按当前文件名及路径保存，若还未保存过，则会弹出文件保存的对话框，输入保存路径及文件名；（2）另存为：文件另存为，可以重新命名当前的文件及保存路径。（3）保存全部：文件保存全部，把当前在DW中打开的所有文件一并保存。（4）框架页面的保存：框架页面是由多个文件组合而成，保存时需要存储多次，要注意DW提示的信息，上下或左右两块的网页要存储3个文件，T型结构要存储4个页面，一般主页存为index.htm，目录页存储为list.htm，主要页面存储为main.htm，上部存储为 top.htm，左侧存储为left.htm4、新建站点： 制作网站是一个系统工作，需要在素材文件已分类整理好的情况下，建立站点，才能开始制作每一个分页面，方法： 新建站点：站点新建站点高级（打开站点定义对话框填写站点名称及本地根文件夹）管理站点：站点管理站点（打开管理站点对话框，可以进行新建、编辑、复制、删除等操作）5、浏览网页： 方法一：按F12键 方法二：文件在浏览器中打开IExplore8.06、设置标题 标签 （1）对普通网页：在网页上方工具栏中的标题栏中设置标题，把“无标题文档”改为网页需要的标题。 （2）对于框架页面，需要修改框架集的标题，修改方法是：在浏览器中打开框架集文件选择“查看”菜单查看源文件修改标签间的文字7、设置背景颜色或背景图像选择要设置的对象，在属性面板中寻找相关属性。如表格或单元格的背景，先选择对象再在属性面板中设置。若要设置页面背景，方法：修改页面属性背景颜色或背景图像8、设置字体在文本属性面板的左侧有字体属性，需要先在其中加载上字体才能应用字体，具体方法：步骤1：加载字体：点击字体属性右侧有个下拉箭头编辑字体列表通过“+”和“”等操作进行字体的添加和删除；步骤2：为文字设置字体：选择要设置的文字，在属性面板中的字体列表中选择要设置的字体即可。注意：若浏览者没有安装制作时设置的字体，则看不到其字体应用的效果。9、环境参数设置编辑首选参数功能：可以在首选参数对话框中进行一些DW的环境参数设置 如：常规允许多个连续的空格； 标记色彩可以修改在代码窗口中出现的各种不同类型代码文本的颜色 布局模式：可以设置使用“布局表格”时的边框颜色 层：可以设置默认的层对象的宽度和高度 二、网页制作技术1、插入文本 标签 方法一：为了消除文本中的格式，复制到网页中的文本最好先复制到“记事本”软件中，消除格式后，再把“记事本”中的文本复制、粘贴到网页上； 方法二：文件导入 Word文档/Excel文档/表格式数据2、 插入图像 插入图像3、在图片上写文字 如果用插入图像的方式，已插入的图像上是不能写文字的，只能对设置为背景的图像才能写文字，所以可以对单元格设置背景，在此上写文字。4、插入鼠标变换图像 插入图像对象鼠标经过图像5、插入多媒体文件 （1） 插入flash（*.swf 格式的文件）：插入媒体flash透明flash 的设置方法：选中已插入到网页中的flash，在网页下方的属性面板中选择“参数”，在弹出的对话框中，左侧输入wmode，右侧输入Transparent（2） 插入flash文本（可以变换颜色的文本）: 插入媒体flash文本（3） 插入flash按钮（可以变换颜色的按钮，一般用于下载其它文件）: 插入媒体flash按钮注意：只有在路径中没有中文及全角字符才能实现flash按钮的插入（4） 插入flash视频（*.flv 格式的文件）：插入媒体flash视频（5） 插入视频（*.wmv、*.mpg、*.avi等格式的文件）插入媒体ActiveX插入媒体插件6、插入背景音乐 标签插入标签HTML标签页元素bgsound注意：当插入到框架页面中的目录页时，可以实现不间断的音乐播放效果7、插入表格 标签插入表格在表格对话框中输入行、列、间距等信息8、制作图像册命令创建网站相册注意：要事先建立好存储目标文件的文件夹，并安装firework软件，另外，只有在路径中没有中文及全角字符才能实现flash按钮的图像册的制作9、制作滚动字幕 标签）插入标签HTML标签页元素marquee插入在代码窗口中的两个marquee标签之间输入滚动文本图像或其它对象10、制作在页面上漂浮的广告效果 标签插入布局对象层（光标放在层内，插入图像文本等）选中层记录路径（右键在快捷菜单中选择）拖动层，画出运动轨迹在时间轴面板上把“循环”打钩，“自动播放”打钩11、制作超链接 选中文本或图像等对象，在其属性面板的“链接”属性中设置链接的网页文件。12、网址链接 选中文本或图像等对象，在其属性面板的“链接”属性中输入网址，如百度的网址：13、邮件链接 选中文本或图像等对象，在其属性面板的“链接”属性中输入mailto:及邮箱地址，如 mailto:注意：输入的字符不可有空格。14、热点链接 选中图像在属性面板的左下角选择一种热点链接的形状，如矩形、圆形、多边形在热点链接的面板中输入链接的网页文件或网址等。注意：一般只有图像才可以设置热点链接15、制作可以从网页上下载其它文件的功能 选中要点击的对象（如flash按钮），在链接属性中输入要链接的文件路径及文件名即可。16、制作书签（当页面比较长时，在同一网页中的链接，例如百度知道的效果）步骤1： 准备：在页面上方根据网页内容制作本页目录文字； 步骤2：插入书签：光标放在需要插入书签的地方插入命名锚记锚记命名（输入锚记名称，如q1）；步骤3：做书签链接：选择页面上方的目录文字中的一项，在属性面板中“链接”属性中输入#+锚记名称，如#q1步骤4：设置返回页首的链接：在恰当地方输入“ top”、“返回页首”、“向上”等字符或图像等对象选中对象在属性面板的“链接”属性中输入一个字符“#”即可。17、插入外部代码选择包括开始到结束之间的代码复制粘贴到相关网页中的及之间的完整标签之间。注意：复制前需要在要复制的位置增加多行空格，使区分原有代码有的特效代码也需要复制到和之间 有的特效代码需要修改后才能正确运行 复制后要检查当前网页的代码，是否出现多个或标签，若出现则要注意合并18、CSS样式（1）新建样式文本CSS样式新建选择样式的类型（可以针对某一标签，也可以针对一个特殊的一类对象）定义相关的样式（文本、背景、边框、大小等）确定（若是标签样式，则直接应用了该样式，若定义的是“类”样式，还需要在其属性面板中特意应用样式）（2）导出样式 文本CSS样式导出输入导出的样式表文件名（3）附加样式文本CSS样式附加样式表选择链接还是导入样式表文件名19、设置链接文字的颜色方法一：修改页面属性链接（类）可以修改链接的4种状态的颜色方法二：使用CSS样式的方式文本CSS样式新建高级（选择CSS高级样式）类型定义链接的4种状态