dream 制作.doc

文字部分display :inline以消除IE6双倍边距的bug 服装主题：杭州MM超时尚街头混搭，20款超级显瘦混搭，最甜美可爱学院风，MM约会衣橱必备装扮。巧妙运用欢迎词：介绍店铺、店铺经营宗旨、特色和优惠信息，欢迎或感谢买家的光临。 不具备真正和动态交互功能的通常称为静态网页、而具有交互功能且支持数据库操作的网页称为动态网页比如提交留言，参加论坛等动态网页通常以.asp .aspx .jsp ,php ,do等后缀格式保存。网页的配色设计 粉色象征着浪漫、温馨，常被用于向访问者传递爱情、幸福甜蜜、可爱的感觉。在一些以女性或婴儿为访问群体的网站上常见到以粉色为基调的配色方案。蓝色容易让人联想到大海、湖泊和天空。它象征着青春，当然不同的蓝色又的不同的象征意义。比如深蓝给人以沉稳。冷静和善于思考的印象。亮蓝给人以开放、富有活力的感觉。蓝色常被IT和电子产品类的企业网站作为基调。绿色象征着自然、和谐、健康和青春的含义，让人感觉到新鲜与活力。它被用于医疗或健康食品的网站。站点的创建【站点】新建站点 否我不想使用 设置连接服务器方式 无 完成 导入 导出站点插入注释 【插入记录/注释】在代码视图中可以找到“”的代码 文本的换行和空格按【Shift+Enter】组合键、单击【文本】中的换行按钮以及选择【插入记录/HTML特殊字符/换行符】命令都可以插入换行符。但在Dreamwerver中直接按空格键只能插入一个空格，要想同时插入多个空格必须使用【Ctrl+Shift+空格键】或单击文本选项卡中的【不换行空格】按钮及选择【插入记录/HTML特殊字符/空格】命令 绝对路径必须 以http:/开头插入锚点超链接利用锚点超链接可以实现返回首页顶部的功能，也可以实现页面的分段定位，对于具有分级结构并且篇幅很长的页面非常实用，能够帮助访问者从冗长的内容中轻松的找到自己所需的段落。锚点超链接通常在页面中进行定位。例如：打开“返回顶部网页”顶部标题文本后定位鼠标光标，单击【文本】【命名锚点】名称为top，翻到页面最底部，选择“返回顶部”文本，在【属性】“链接”中输入“#top”单击页面底部的返回顶部超链接就可以返回到页面的顶部。插入脚本链接它能够在不离开当前页面的情况下为访问者提供有关某项的附加信息。步骤选择文本，在【属性】链接中输入“javaScript：脚本代码”其中javaScript：部分用于指明该链接为脚本链接。例如：将链接 设置为javaScript：alert(hello);即可使访问者单击该链接时打开HELLO的对话框。插入空链接就是未指定的链接，它主要用于向页面上的对象或文本附加行为。操作选择目标文本【属性】链接中输入“#“符号 单击空链接默认返回当前页面的最顶部。对图像重新取样【属性】“重新取样“选择图像，调整其大小后，单击“重新取样“按钮或选择【修改】图像/“重新取样“绘制图像热点 图像热点只能应用于图像。插入鼠标经过图像在插入鼠标经过图像前，首先需要制作两幅大小完全一致，外观相似但有明显区别的图像 ，【常用】鼠标经过图像按钮【属性】插入导航条它由一组导航链接和按钮在机组合而成，起到引导访问者浏览网站页面的作用【常用】【导航条】或【插入记录】/图像对象/导航条。图文混排的操作方法默认情况下，图像和文本不能被放置在同一行中，只在将图像设置为左对齐或右对齐的情况下，才能实现文字环绕图像的混排效果。嵌套表格嵌套是指在一个表格中插入另一个表格，但是嵌套级数越多浏览器解析的速度越慢，文访问者等待的时间越久。在实际应用中，表格嵌套的深度通常不会超过三级。绘制布局表格【查看 】表格模式/布局模式插入和嵌套AP Div布局绘制AP Div按钮 拖动鼠标绘制或【插入记录】布局对象/AP Div嵌套AP Div如果选中“防止重叠“就无法实现AP Div的嵌套 可以调整大小 与可见性用AP Div布局“欢迎光临“打开网页【绘制AP Div】按钮绘制一个AP Div【属性】左140 上32 宽400高 260在AP Div中定位鼠标插入图像 在已经制好的AP Div右下角绘制一个嵌套的AP Div其大小以能输入6个14px的汉字 为准。 在新AP Div中插入一空链接文本“单击进入”插入和设置文本域文本域分为单行文本域、多行文本域、密码框。在表单标签中定位 鼠标光标，单击【表单】文本字段按钮插入和设置按钮分别为提交按钮、重设按钮、一般按钮在表单标签中定位 鼠标光标，单击【表单】按钮。插入和设置单选按钮组 多选按钮组 列表/菜单 跳转菜单制作客户反馈调查表打开网页，定位鼠标插入【表单】文本字段按钮 标签文字为“客户名称”在刚插入的文本域【属性】名称为name字符宽度15 换行【表单】文本区域按钮 标签文字为：反馈内容“设置属性名称content 宽度50行数6 换行【表单】单选按钮 名称为Sex 编辑两个单选按钮的”标签“和”值“都分别 为男 和女的换行 【表单】列表/菜单 标签文字 为所在地 【属性】打开列表值 换行【表单】 按钮【属性】值为”发出反馈信息“插入Spry验证文本域Spry验证根据判断条件向用户发出相应的提示信息。【表单】Spry验证文本域按钮插入Spry验证文本区域打开网页在表单标签中定位鼠标光标【表单】Spry验证文本域按钮【属性】“最大字符数“100选中”其他字符“单选按钮再选中”禁止额外字符和onBlur“复选框并设置 ”预览状态“为”已超过最大字符数“在编辑窗口中修改提示内容 。插入Spry验证复选框打开网页在表单标签中定位鼠标光标【表单】Spry验证复选框按钮 在ID和标签文字 中分别输入“fun“和”上网“在Spry验证复选框区域内定位鼠标光标单击复选框按钮在ID和标签文字 中分别输入“fun“和游戏”。设置Spry验证复选框属性选中“强制范围”在“最小选择数”输入2在实施范围 选择“未达到最小选择数”修改错误提示信息内容为“至少选择两项插入Spry验证选择打开网页在表单标签中定位鼠标光标【表单】Spry验证选择按钮。【属性】选中“无效值”并输入0选中onblue 和onchange选择列表/菜单【属性】设置“项目标签为请选择 值为0 单击+按钮依次插入 其它项目值分别为1-4插入Spry折叠式构件插入栏Spry选项中的Spry折叠式按钮【属性】面板中选择LABLE2单击添加按钮在编辑窗口将三个选项卡标签分别修改为“我的好友“”最近联系人“”黑名单。选中我的好友返回编辑 窗口顺内容2 部分定位 鼠标光标删除内容2 输入名称文本。行为的基本操作在添加行为前，需要在页面中选择需要添加行为的目标对象，如网页的按钮 文本框等如果不进行选择，则默认对BODY标签添加行为。利用Dreamweaver实现远程服务器管理 1编辑站点2，设置远程信息【高级】【分类】“远程信息”“访问”“FTP”测试3，选择窗口/文件单击右上角的“展开以显示本地和远端站点”按钮选择要进行FTP远程站点 管理的站点名称单击“连接到远端主机”按钮在右侧的“本地文件列表”中选择需要上伟的文件。单击“上伟文件”选中不再显示该信息4，获取文件 在面板左侧的“远程文件列表”中选择文件单击“获取文件”按钮将这些远程服务器上的文件下载到本地文件中。5，修改本地文件在“本地文件列表”中打开一个本地文档。选择文件/另存为。然后再单击“文件”面板 中“展开以显示本地和远端站点”按钮6，同步文件“文件”面板 中选择“编辑/选择较新的本地文件”选择“本地文件列表”中亲增的文件单击“文件”“同步”按钮 选择“仅选中的本地文件”保持“方向”“放置较新的文件到远程”原价价格： 35.00元 促销： 9.80元 (剩 - 结束) 运费：卖家承担运费1，创建电子邮件链接：选中文本“联系我们”切换到插入面板中的常用选项卡单击【电子邮件链接按钮】在文本中输入链接的文本内容在E-MAIL中输入地址。2，创建图像的电子链接：选中图像在属性面板的【链接】中输入语句mailto:?subject=客服帮助 电子邮件前加mailto:3,【命令】排列表格 【布局】扩展HTML标记例如标题段落表格链接字体CSS样式位于文档的与标签之间，其作用范围由类或其他任何符合CSS规范的文本设置。如果CSS样式被应用与一个文本的局部范围，则将在文本块中插入一个包含类属性的SPAN标记 .font01 font-family:宋体; font-size:12x; color:#96641d;以下代码在标签中应用自定义的CSS代码contentCXS由选择符和属性构成，写法如下：CSS选择符属性1：属性值1；属性2：属性2值2；CSS样式表位于HTML文件的头部在head标签内并且以开始CSS代码结束 css代码 其中与之间的内容是样式。type属性表明使用text/css来书写代码超链接样式表只有应用于超链接标签内才会对超链接的文本起作用。3，利用层的溢出布局页面：在源文件中单击【插入】布局【绘制AP Div】调节大小并输入文本。选中刚输入的文本在属性面板类中选择font12102并应用。选中输入文本的层，在属性面板的溢出中选择auto选项。【保存】4,隐藏/显示层：选择Div2层中的图像执行【窗口】行为 添加行为 显示-隐藏元素选择div3单击显示按钮并设置显示层的鼠标事件为on mouse over再次选择层2添加行为【显示-隐藏】元素为div3再单击隐藏按钮鼠标事件为on mouse out目录1， 创建站点 2，设置网页头部内容与页面属性3，编辑文本和起链接4，在网页中使用图像5，使用表格6，多媒体元素的应用7，网页美化和 AP DIV布局8，丰富多彩的CSS样式表9，表单和Spry框架10，行为与事件互动功能11，模板和库提高效率。设置网页头部内容执行【查看】文件头内容 命令 【属性】可修改标题 设置关键字，【插入 】面板常用选项卡单击【文件头】按钮的向下箭头选择关键字 还可以设置“说明”“META”“刷新”“链接”修改页面属性【修改】页面属性滚动文本1， 将光标定位在需要添加滚动文本的位置，单击【代码】按钮将光标定位在在前加入2007-4-24网站全新改版上线啦！2007-4-24j最新活动通知！2007-4-24j最新活动通知！在这加入实现了左右的滚动2，继续编辑代码在中加入为了使浏览者能够清楚的看到滚动的文字，还需要实现当光标指向滚动字幕后，字幕滚动停止，当光标离开后继续滚动的效果则修改代码 direction 属性是指滚动的方向scrollamount 属性是指滚动的速度，数值越小滚动越慢scrolldelay是指滚动的速度延时，数值越大速度越慢， height是指滚动文本区域的高度。插入图像占位符【插入】【图像】的向下箭头选择占位符 只是一个临时占位的图像，在实际浏览时只显示一个叉插入鼠标经过图像先删除图像然后【插入】【图像】的向下箭头选择【鼠标经过图像】插入导航条在需要的位置【插入】【图像】的向下箭头选择“导航条”CSS扩展。光标 形状会发生改变当在表单域中插入表格时，需要调整表单域代码的位置。切换到【代码】调整与的位置，将标签移至与包含表格中的所有单元格，将也放在与之间。按钮选中一个文本的图像域，将其删掉，然后【插入】【表单】按钮弹出“输入标签辅助功能属性”对话框单击取消在单元格中插入按钮，“属性”名称为button值为提交 动作提交表单。由于插入的按钮与右边 的图像比例不协调。选中插入的表单在【代码】中修改代码制作注册页面1，【文件】新建HTML保存 【表格】宽度686像素边框粗细、单元格边距、单元格间距均为0的1行1 列的表格。居中对齐 插入FLASH 光标移至表格后【表格】宽度686像素同上2行1列的表格。居中对齐移至第一行单元格中高为30。输入文本。”您的位置首页会员注册填写信息”应用样式FONT10401光标移至表格后【表格】同上，应用样式BG012， 光标移至刚插入的表格中【插入】【表单】插入表单域，移至表单域中插入【表格】同上。调整表单域代码的位置。移到第一行单元格中插入GIF移至第1行第1列的单元格中，宽115高27输入用户名移至第2列单元格中，插入【文本字段】属性 字符宽度15，最多字符数10类下TABLE10403在文本字段后输入“中文文本。同上使用行为 添加状态栏文本（在浏览器的左下方的状态栏上显示一些信息）单击“文档”body标签选中标签然后单击【行为】添加行为【设置文本】【设置状态文本】在消息中输入文本触发事件为onload添加弹出信息单击“文档”body标签选中标签然后单击【行为】添加行为【弹出信息】在消息中输入文本触发事件为onload检查表单打开一个登录的页面选中用户名后的文本域在属性设置名称为username选中密码后的文本域设置名称为pass选中标签主要是针对表单的。【行为】添加行为【检查表单】在域中输入username pass触发事件为onSubmit设置文本域中的文本选中需要添加行为的文本域，单击【行为】添加行为【设置文本】例如“请输入用户名”触发事件为onFocus添加背景音乐在代码视图中将光标定位在与标签的位置添加代码为 如果希望循环播放则再加代码 嵌入音频【插入】【媒体】【插件】属性宽400高45参数列中输入loop值为true再输入autostar在值中输入true自动播放。设置无框架内容【修改】【框架集】【编辑无框架内容】插入IFRAME2,插入【布局】【IFRAME】在页面是出现一个浮动框架，在代码中输入 插入表格。然后制作框架页面。再新建一个名为11-3-3.html的页面 回到有IFRAME的页面添加代码 3,使IFRAME自适应高度将高度属性删除并添加IFRAME高度自适应代码 社区类网站制作1，新建HTML文档 页面属性外观“宋体”“12”“#666666”“image/topbg.jpg”“repeat-x”0 0,0,0 单击CSS【附加样式表】【插入】【表格】1行1列960像素0，0，0，居中对齐。移至刚插入单元格中【表格】1行2列同上，移至第一列单元格中 宽800 【表格】2行3列800像素同上。2，移至第一行单元格中1301.jpg移到第2行单元格中【表格】1行3列100百分比移到第1列中宽12，1306.jpg在第3列单元格中1307.gif移至第2列单元格中【背景颜色】#FFFFFF插入nav.swf3,将光标移至上级表格的第2列单元格 中，插入1302.jpg移至上级表格后【表格】3行1列600像素在刚插入的第1行和第3行 的单元格中插入图像在第2行单元格中应用样式BG01【表格】1行2列600像素在第1 列中设置宽213【表格】2行1列190像素居中对齐。4，移至第1行单元格中高451311.jpg第2行单元格中高190样式bg02【表格】1行1列168像素居中输入相应的文本。样式font01换行【表格】1行1列190像素居中1313.gif换行【表格】3行1列居中 5，插入【表单】插入表单域【表格】1行5列100百分比移动与，隐藏表单域移至单元格中宽76高25【表单】【列表/菜单】添加列表值修改最近公告的样式“经济贸易大学100周年校庆2009/06/05【代码】修改代码添加本应的列表标签代码 近日在台北将举行的封神榜万人演唱会 2009 05 03 经济贸易大学100周年校庆 2009 06 08 切换到DIV.CSS文件创建名称为#main-2 dt和#main-2 dd的CSS规则#main02-2 dt line-height: 23px;background-image: url(%E7%AC%AC23%E7%AB%A0/images/117.gif);background-repeat: no-repeat;background-position: 0px 5px;float: left;width: 215px;padding-left: 15px;#main02-2 dd line-height: 23px;text-align: right;float: left;width: 17px;企业类网站1，新建HTML创建两个CSS样式表，并【附加样式表】切换到CSS.CSS中创建body和*的规则bodyfont-size: 12px;color: #ce0924;background-image: url(%E7%AC%AC20%E7%AB%A0/images/182-01.gif);background-repeat: repeat;*margin: 0px;padding: 0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;2制作顶部菜单布局【插入Div标签】ID为box创建一个#box的CSS规则#box background-color: #FFF;height: 1133px;width: 800px;margin-right: auto;margin-left: auto;删除多余的文本【插入Div标签】在box层中插入top层创建一个#top的CSS规则#top background-color: #FFF;background-image: url(%E7%AC%AC20%E7%AB%A0/images/182-02.gif);background-repeat: no-repeat;height: 27px;width: 482px;padding-top: 42px;padding-left: 318px;删除多余的文本【插入Div标签】在top层中插入top-1层.创建一个#top-1的CSS规则#top-1 color: #373737;background-image: url(%E7%AC%AC20%E7%AB%A0/images/182-03.gif);background-repeat: no-repeat;height: 20px;width: 455px;padding-top: 7px;padding-left: 27px;删除多余的文本，输入相应的文本“首页新闻动态干红公司东方美酒客服服务酒乡漫步沙城产品”【代码】添加相应的列表标签代码首页       新闻动态      干红公司        东方美酒        客服服务      酒乡漫步      沙城产品 在字符间添加  脚本的目的是调整字符与字符之间的间距【插入Div标签】在top层后插入main层并创建一个#main的CSS规则#main height: 190px;width: 800px;删除多余的文本【图像】182 04gif插入到main层制作左侧列表【插入Div标签】在main层后插入left层并创建一个#left的CSS规则#left background-image: url(%E7%AC%AC20%E7%AB%A0/images/182-05.gif);background-repeat: no-repeat;float: left;height: 874px;width: 155px;padding-right: 16px;padding-left: 31px;删除多余的文本【插入Div标签】在left层中插入left 1层并创建一个#left 1的CSS规则#left1 background-color: #eeeeee;background-image: url(%E7%AC%AC20%E7%AB%A0/images/182-06.gif);background-repeat: no-repeat;height: 119px;width: 152px;padding-top: 27px删除多余的文本【图像】182 07gif创建一个#left1 img的CSS规则#left1 imgpadding-top:9px;padding-left:10px;【插入Div标签】在left 1层后插入left 2并创建一个#left 2的CSS规则#left2 color: #000;background-color: #eeeeee;background-image: url(%E7%AC%AC20%E7%AB%A0/images/182-08.gif);background-repeat: no-repeat;height: 212px;width: 152px;padding-top: 27px;删除多余的文本并输入相应的文本“葡萄酒与产地葡萄酒与葡萄葡萄酒与工艺葡萄酒品评葡萄酒的饮用葡萄酒文化葡萄酒与健康【代码】并添加相应的代码 葡萄酒与产地 葡萄洒与葡萄 葡萄酒与工艺 葡萄酒品评 葡萄酒的饮用 葡萄酒文化 葡萄酒与健康 切换到div,css文件中创建一个#left2 li的CSS的规则】#left2 libackground-image: url(%E7%AC%AC20%E7%AB%A0/images/182-09.gif);background-repeat: no-repeat;background-position: 20px center;height: 21px;padding-left: 30px;padding-top:7px;list-style-type: none;border-bottom-style:dotted;border-bottom-color:#082715;border-bottom-width:1px;影视音乐类网页制作新建HTML并创建两个CSS样式表单击【附加样式表】切换到css,css文件中创建body和*的规则bodyfont-size:12px;font-family:宋体;color:#000;background-image: url(%E7%AC%AC23%E7%AB%A0/images/101.gif);background-repeat: repeat-y;*margin:0px;padding:0px;border:0px;制作页面导航部分布局【插入Div标签】ID为box创建一个#box的CSS规则#box background-image: url(%E7%AC%AC23%E7%AB%A0/images/102.gif);background-repeat: no-repeat;background-position: 0px 5px;height: 1000px;width: 900px;删除多余的文本【插入Div标签】在box层中插入left层创建一个#left 的CSS规则#left float: left;height: 870px;width: 160px;margin-top: 130px;删除多余的文本并输入相应的文本“网络首发、王牌影院。电视剧场。免费杂志。艺术欣赏，动漫时间，免费专区”切换到代码视图创建列表标签 免费杂志 艺术欣赏 动漫时间 免费专区 创建一个#left li 的CSS规则】#left lifont-size: 14px;line-height: 18px;font-weight: bold;text-align: center;width: 70px;margin-top: 50px;margin-right: 0px;margin-bottom: 50px;margin-left: 70px;list-style-type: none;制作页面的主体【插入Div标签】在left层后插入right层创建一个名称为#right的CSS规则#right float: left;height: 920px;width: 680px;margin-top: 80px;margin-right: 0px;margin-bottom: 0px;margin-left: 30px;删除多余的文字 在right层后插入top 层创建一个#top的规则#top text-align: center;height: 20px;width: 300px;margin-top: 10px;margin-right: 0px;margin-bottom: 10px;margin-left: 380px;padding-top: 5px;color: #333;删除多余的文本。输入相应的文本HONE|JOIN|LOGIN|SITEMAP|CONTACTUS,切换到【代码】中添加相应的标签 HOME|JOIN|LOGIN|SITEMAP|CONTATUS并创建一个#top span的规则 #top spam margin-top: 0px;margin-right: 5px;margin-bottom: 0px;margin-left: 5px;在top层后插入flash层，创建 一#flash的CSS规则#flash margin: auto;height: 190px;width: 665px;删除多余的文本【flashfla01.swf制作表单【插入Div标签】在flash层后插入top02层创建#top2的CSS规则#top02 background-image: url(%E7%AC%AC23%E7%AB%A0/images/103.gif);height: 26px;width: 301px;margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 180px;padding-top: 8px;padding-right: 0px;padding-bottom: 0px;padding-left: 7px;删除多余的文本【表单】插入一个表单域在表单域中【图像】105.gif移至图像的右侧【表单】【文本字段】ID为name无标签标记 移到文本字段的右侧【图像】106.gif【表单】【文本字段】ID 为pass创建#name #padd的CSS规则#name ,#pass background-color: #e9cba5;height: 20px;width: 80px;移至名为name文本字段的左侧【表单】【图像域】107.gif ID为button创建#button的CSS规则#button float: right;margin-right: 10px;【插入Div标签】在top02层后插入main层创建#mainCSS规则#main background-image: url(%E7%AC%AC23%E7%AB%A0/images/104.gif);background-repeat: no-repeat;margin: auto;height: 260px;width: 665px;padding-top: 50px;使用浮动定位来控制页面删除多余的文本【插入Div标签】在main层后插入main1-main5层并创建#main1, #main2, #main3, #main4, #main5 的CSS规则 和#main1 img, #main2 img, #main3 img , #main4 img , #main5 img 的CSS规则#main1, #main2, #main3, #main4, #main5 float: left;height: 212px;width: 110px;margin-top: 0px;margin-right: 10px;margin-bottom: 0px;margin-left: 10px;#main1 img, #main2 img, #main3 img , #main4 img , #main5 img margin:5px 0px 5px 0px;删除多余的文本在main1-main5层中插入图像并输入相应的文本在main层后插入main02层创建#main02的CSS规则#main02 height: 235px;width: 672px;margin-left: 5px;删除多余的文本在main02层中插入main02-1层并创建#main02-1 和#main02-1 img,#main02-1 line-height: 18px;background-image: url(%E7%AC%AC23%E7%AB%A0/images/114.gif);background-repeat: no-repeat;float: left;height: 185px;width: 285px;padding-top: 50px;padding-right: 0px;padding-bottom: 0px;padding-left: 15px;#main02-1 img float: left; margin-right: 10px;移至main02-1层中删除多余的文本【图像】并在图像右侧输入相应的文本在css.CSS中创建一个.fomt01有CSS规则.font01 text-indent:24px选择第二段文本【属性】样式为font01在main02-1 层后插入main02-2创建#main02-2的CSS规则#main02-2width:337px;background-image: url(%E7%AC%AC23%E7%AB%A0/images/116.gif);background-repeat: no-repeat;float: left;height: 190px;margin-left: 35px;padding-top: 45px;在页面中使用列表元素移到main02-2中删除多余的文本L输入相应的文本。“近日在台北举行演唱会2009-05-06”切换到【代码】中添加相应的列表标签代码。 近日在台北将举行的封神榜万人演唱会 2009 05 03 大手笔制作个唱玩飞车 2009 06 08 创建#main02-2 dt 和#main02-2 dd的CSS规则#main02-2 dt line-height: 23px;background-image: url(%E7%AC%AC23%E7%AB%A0/images/117.gif);background-repeat: no-repeat;background-position: 0px 5px;float: left;width: 215px;padding-left: 15px;#main02-2 dd line-height: 23px;text-align: right;float: left;width: 17px;电子商务类网站制作1，文件 新建 创建两个外部CSS样式表文件。【附加样式表】切换到css.CSS文件中创建名称为body 和*的CSS规则 bodyfont-size:12px;font-family:宋体;*margin:0px; padding:0px;border:0px;【插入Div标签】ID 为box创建名称为#box的CSS规则#boxheight: 1240px;width: 940px;margin-right: auto;margin-left: auto;删除多余的文本。在box层中插入top层。创建#top的CSS规则#topwidth:940px;height:102px;删除多余的文本在top层中插入top1层。创建top1层的CSS规则#top1 color: #333;background-image: url(%E7%AC%AC24%E7%AB%A0/image/24102.gif);background-repeat: no-repeat;text-align: right;height: 16px;width: 875px;padding-top: 40px;padding-right: 65px;删除多余的文本并输入相应的文本“我的购物车登录注册帮助”切换到【代码】添加不换行空格代码 我的购物车 | 登录 | 注册 | 帮助【插入Div标签】在top1层后插入top2层创建#top2的CSS规则#top2 background-image: url(%E7%AC%AC24%E7%AB%A0/image/24101.gif);background-repeat: repeat-x;height: 46px;width: 940px;删除多余的文本然后在top2层中插入top2-1创建#top2-1的CSS规则#top2-1 float: left;height: 39px;width: 470px;删除多余的文本，在top2-1层中插入一个红色虚线的表单域 移至表单域内【表单】【单选按钮】ID为dxan1用FOR属性附加标签标记 在表单项后 移到刚插入的表单后输入“站内商品搜索”使用相同的方法有后面再次插入一个单选按钮，并输入相应的文本“全球商品搜索”【表单】【文本字段】ID为wbzde使用FOR属性 在表单项前。光标移到单选按钮左机侧【表单】【图像域】24037.gif图像域的ID为GO 切换到div.css中创建#form1margin-top:10px;#gofloat:right;margin:2px 70px 0px 0px;#wbzdborder:solid #06c 1px;【插入Div标签】在top2-1层后插入top2-2层创建#top2-2的CSS规则#top2-2width:340px;height:24px;float:left;padding-left:120px;padding-top:15px;删除多余的文本并根据前面的做法输入