高新技术考试(高级网页制作员级).ppt

/ 18 * 高新技术考试（高级网页制作员级） 第二单元操作辅导 * 第二单元 网页制作（代码片断、库项目、模板应用） 2.1 第1题解答 1.创建代码片断 第1步:将Unit2\Y2-01目录复制到网站根目录 root中，重命名为X2-01。在Dreamweaver中将该 目录中Y2-01A.asp文件改名为X2-01A.asp(注意文 件链接的更新)。在“文件”面板中做。 第2步：按Shift+F9，打开“代码片断”面 板，单击该面板右上角的弹出菜单 ，选择其 中的“新建文件夹”命令，如右所示： 第3步：将新建的文件名重命名为“代码片断1” 第4步：关闭Y2-01A.asp，打开X2-01A.asp，如下所示： 第5步：在“代码片断”面板中选择“代码片断1”文件夹，在X2-01A.asp中选择左上角“公告牌”上方的“显示当前日期”脚本，单击“代码片断”面板底部的“新建代码片断”按钮 ，在弹出的对话框的“名称”文本框中输入2-01A（代码片断扩展名.csn可省），在“代码片断类型”处单选“插入块”，在“预览类型”处单选“设计”，确定。 第6步：将光标点到“公告牌”下面红色边框区域内，选择标签栏中的marquee标签，选择“公告牌”处代码，如下所示： 第7步：单击“代码片断”面板底部的“新建代码片断”按钮，打开“代码片断”对话框。在“名称”文本框中输入2-01B，在“代码片断类型”处单选“插入块”，在“预览类型”处单选“设计”，确定。 第8步：将光标点到“左右滚动新闻”文本内，选择标签栏中的marquee#scrollArea标签，选择该处代码，如下所示： 第9步：单击“代码片断”面板底部的“新建代码片断”按钮，打开“代码片断”对话框。在“名称”文本框中输入2-01C，在“代码片断类型”处单选“插入块”，在“预览类型”处单选“设计”，确定。 第10步：复制“c:\Documents and settings\用户名\Application Data\ Macromedia\Dreamweaver8\configuration\Snippets\代码片断1”文件夹到考生文件夹中自建的Snippets文件夹中。 2.创建库项目 第11步：选择“窗口”菜单\“资源”，打开“资源”面板。点面板左列的“库”标签 ，打开“库”面板，如下图所示： 第12步：选中x2-01A.asp页眉处表格左边的图像，单击“库”面板底部“新建库项目”按钮，将所选的图设为库项目，命名为2-01A(扩展名lbi系统默认)，如下所示： 第13步：用同样方法，将表格右边的图创建为库项目，名为2-01B。 第14步：单击“table#table2-1B”标签，选中table2-1B表格，如下所示，将其创建为库项目，名为2-01C。 3.创建模板 第15步：打开root\x2-01\Y2-01B.asp文件，如下： 第16步：执行“文件”\“另存为模板”，在“另存为”文本框内输入x2-01B，在“站点”下拉列表框中选“我的站点”，单击“保存”钮，如下所示： 4.设置模板 第17步：在x2-01B.dwt模板中，按Ctrl+单击“全国计算机信息技术考试”文本所在的单元格，选中该单元格，右击，执行“模板”\“新建可编辑区域”命令。 第18步：在“新建可编辑区域”对话框中“名称”处输入EditRegion1，单击“确定”钮，如下所示： 第19步：按同样方法定义“欢迎光临我的网站”单元格为可编辑区域EditRegion2；“欢迎光临本网站。。。好东东！！”单元格为可编辑区域EditRegion3；“原创无地火烧云”单元格为EditRegion4；“当前时间”单元格为可编辑区域EditRegion5，如下所示：