网页制作注意事项.doc_咨信网zixin.com.cn

资源描述

注意事项： 1．首选参数设定： 1）编辑/常规：移动文件时更新链接（提示）。允许双字节内联输入（√）。允许多个连续空格（√）。 2）编辑/不可见元素：换行符（√）。命名锚记（√）。 3）编辑/文件类型/编辑器：重载修改过的文件（提示）。运行时先保存文件（提示）。 4）编辑/新建文档：默认文档（HTML）。 2．所有图片、文件、都必须放在已建立的站点的文件夹中再制作网页，以避免浏览器运行时找不到文件。 3．三种方法复制文件到站点下： 1）在Dreamweaver文件面板操作中通过拷贝、粘贴到站点的文件夹中。 2）在Windows的资源管理器中通过复制、粘贴到站点的文件夹中。 3）在Dreamweaver中插入等操作提示中，自动备份到站点的文件夹中。 4．站点下的路径中不能有中文。（站点下的路径不能有中文的文件名和中文目录名）。 5. 回车符和换行符例题： 1) 单击"Enter"键插入一个段落标记<p> 　 2) 按"Shift"+"Enter"键，插入一个换行符<br>　　 3) 输入空格：将中文输入法切换到全角模式，按空格键。 6．例题：200910一级操作题（8套） B卷：（2）制作“滚动字幕”，必须先关闭中文输入法。将光标放于页面，插入/标签/HTML标签/marquee/关闭后；在代码窗中<marquee后打入空格>， <marquee behavior="alternate" direction="left">中文字幕</marquee>。最后打开汉字输入法，输入“中文字幕”。 E卷：（4）设置行间距（行高）（line-height）：（方法1：代码方式；汉字输入不能打开；<p style="line-height:20px"> 方法2：设置CSS样式）段前、段后距离为0 （方法1：<td margin-bottom:0px; margin-bottom:0px"> ；方法2：设置CSS样式） 7．例题：2007～2008计算机基础(动画和网页9套) A卷（1）制作背景图片固定不动：在代码窗中，在第一个BODY后打入空格后，插入<body background="图片" bgproperties="fixed">。 A卷（4）超级链接颜色的改变：修改/页面属性/链接...。 C卷（3）插入水平线：（方法1：通过代码方式；在<body>后打入“<加空格”/选择“hr”…； <hr size="3" color="#0000FF">；方法2：插入/标签/HTML/hr/插入/关闭/常规中的选择“对齐方式、宽度、高度”/浏览器特定的/颜色；方法3：在工具栏中插入HTML/水平线；在属性中选择“对齐方式、宽度、高度”；右键“水平线”/编辑标签/浏览器特定的/颜色）。 8．例题：2008～2009计算机基础(动画和网页8套) A卷（4）创建A.CSS样式。（选择“类”/新建“CSS”…） A卷（6）鼠标经过改变图像。 (选中图像/插入/图像对象/鼠标经过改变图像) B卷（1）电子邮件超级链接。（方法1：mailto: jc@）(方法2：常用/电子邮件链接...) C卷（4）图上写出文字：插入层，输入文字“汽车时代”。 E卷（1）下载XZ.RAR。超级链接直接拖至XZ.RAR 9．例题：200905一级操作题（6套） 1卷（2）根据内容自动调整行高、行宽。清除行宽、清除列宽按纽。 10. 网页结构： <html> <head> <title>无标题文档</title> </head> <body> </body> </html>。代码： <title>和</title>标记位于<head>和</head>标记之间。标题文字就位于<title>和</title>标记之间。 <body>和</body>标记用于定义HTML文档的正文部分，通常它在</head>标记之后，而在</html>标记之前。所有出现在网页上的正文内容都应该写在这两个标记之间。其它的一些标记如： <a>……当前超级链接 <p>……当前段落 <td>……当前单元格 <tr>…… 当前行 <table>……当前表格 <b>……当前加粗文本 <img>……当前图像 11.设置文档的页面属性：选择菜单“修改／页面设置”，可对以下各项页面属性进行设置：页面“标题” “背景图像” “背景”颜色 “文字”大小、前景颜色。尚未访问“链接” 查看过的“链接” “激活的链接”的文字颜色。页面文字同页面边缘的“左边界”和“上边界”、“边界宽度”和“边界高度”。 12．超级链接13种方法： 1）.定义页面链接样式。 2）一般链接的常见形式。 3）输入法建立第一个链接。 4）指向法制作链接。（用滚轮指向） 5）快捷键拖动法创建链接。（shift+鼠标拖动指向） 6）插入法建立链接。(插入常用工具栏中的HTML中的超级链接) 7）直接用代码建立链接。 8）插入标签法建立链接。（插入标签/HTML/页元素。。。） 9）环绕标签法建立链接。（选中链接文字/ctrl+T） 10）链接的修改与Email链接。 11）制作特殊的Email链接。 12）制作下载类链接。 13）锚链接的制作。 13.CSS（Cascading Stylesheets，层叠样式表） .样式表手册。下面列举最常用的样式表语句： 1)color (颜色，例如FF0000代表红色，000000代表黑色……) 2)font-size (字体大小) 3)font-family (字体类型) 4)width和height (宽度和高度) 5)line-height (段落行距，建议使用百分比的形式，例如150%) 6)margin-top表示段前；margin-bottom表示段后。 7）margin-left表示整个段落向右缩进， 8)margin-right表示段落右边距离右边的边框的距离。例如1：这句<p style=margin-top:30;margin-left:20;margin-right:20>。而且也可直接定义在图片中，例如<img src=**.jpg align=right style=margin-right:9>表示这张图片向右对齐，并且图片再向左移动9像素。实例2：去掉超链接下划线，<style>a{TEXT-DECORATION:none}</style> 实例3：超链接变色，<style>a{COLOR:000000}a:hover{COLOR:FF0000}</style> 实例4：超链接变色且去掉下划线，<style>a{TEXT-DECORATION:none;COLOR:000000}a:hover{COLOR:FF0000}</style> 实例5：超链接变色且鼠标停在超链接上有下划线，鼠标离开下划线消失，<style>a{color:000000;TEXT-DECORATION:none}a:hover{color:FF0000;TEXT-DECORATION:underline}</style> 实例6，请再翻回头实例1：<STYLE>td{font-size:9pt;line-height:150%}</STYLE>，这句可以让你网页的字体擂打不动，不随IE浏览器的“查看→文字大小”的设置而改变。 9)text-align (段落的对齐方式，例如left、center、right) 10)background-color (背景颜色) 11)position:absolute;top:30;left:50 表示绝对定位(DW中的层) 12)控制边框的样式样式表规定了一个边框，它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。为了大家更好地理解这些属性的意义，以及互相之间的关系，请看下面这个位于边框模型的最外层，包括四项属性。格式分别如下： margin-top：顶部空白距离 margin-right：右边空白距离 margin-bottom：底部空白距离 margin-left：左边空白距离空白的距离可以用带长度单位的数字表示。如果使用上述属性的简化方式margin，可以在其后连续加上四个带长度单位的数字，来分别表示margin-top、margin-right、margin-bottom、margin-left，每个数字中间要用空格分隔。对象边框（BORDER）位于边框空白和对象空隙之间，包括了七项属性。格式分别如下： border-top：顶边框宽度 border-right：右边框宽度 border-bottom：底边框宽度 border-left：左边框宽度 border-width：所有边框宽度 border-color：边框颜色 border-style：边框样式参数其中border-width可以一次性设置所有的边框宽度，border-color同时设置四面边框的颜色时，可以连续写上四种颜色，并用空格分隔。上述连续设置的边框都是按border-top、border-right、border-bottom、border-left的顺序 Border-style相对别的属性而言稍稍复杂些，因为它还包括了多个边框样式的参数： none：无边框。 dotted：边框为点线。 dashed：边框为长短线。 solid：边框为实线。 double：边框为双线。 groove：根据color属性显示不同效果的3D边框 ridge：根据color属性显示不同效果的3D边框 inset：根据color属性显示不同效果的3D边框 outset：根据color属性显示不同效果的3D边框对象间隙（PADDING）: 如图所示，位于对象边框和对象之间，包括了四项属性。基本格式如下： padding-top：顶部间隙 padding-right：右边间隙 padding-bottom：底部间隙 padding-left：左边间隙和MARGIN类似，PADDING也可以用padding一次性设置所有的对象间隙，格式也和MARGIN相似，不再一一列举了。总之，最常用的就是以上这几种了，需要多多实践。二、基础题：（1）学习指导书：第三章。（至P.155）（2）《教程》:第三章。（至P.323）。（3）下载的《基础题》文件夹，反复测试4组基础题，并且透彻理解。（4）补充题《200910一级考试》中8套《基础》试题。（5）补充题《200905一级考试》（6套）《基础》试题。（6）实验中的思考题。 4月18日上机上传作业内容上传作业：《实验18 》、《实验19》《实验20》《实验21》四个目录放于《学号姓名》目录中，压缩打包上传文件名为：学号姓名.rar 例如：12345678李明.rar。上传方法：打开浏览器/在网址中打入ftp://192.168.9.91/w ,将打包文件：12345678李明.rar，拖入或粘贴到该目录。 5月16日上机上传作业内容网页补充题 1）200910一级操作题（8套）网页制作，放于《网页1》。 2）200905一级操作题（6套），放于《网页2》。 3）2007～2008计算机基础(动画和网页9套)，放于《网页3》。 4）2008～2009计算机基础(动画和网页8套)，放于《网页4》。上传作业：《网页1》、《网页2》、《网页3》、《网页4》四个目录放于《学号姓名》目录中，压缩打包上传文件名为：学号姓名.rar 例如：12345678李明.rar。上传方法：打开浏览器/在网址中打入ftp://192.168.9.91/w ,将打包文件：12345678李明.rar，拖入或粘贴到该目录。期中考试上机考内容如下：考试时间：5月16日，（80分钟）课程：计算机应用基础（一级）题号基础题40分 Windows操作6分 Word操作6分 Excel操作6分 Flash操作16分网页制作 26分得分阅卷人复核人

展开阅读全文