html实验报告-Linux大棚

admin 管理员组

文章数量: 1184232

2024年5月11日发(作者：oracle数据库管理员认证)

《企业网站开发》实验指导书

计算机科学与技术学院

2013-3

网页制作实验指导书

实验一 HTML语言标志 ................................................................................................................ 1

【实验目的】 ........................................................................................................................... 1

【实验环境】 ........................................................................................................................... 1

【实验重点及难点】 ............................................................................................................... 1

【实验内容】 ........................................................................................................................... 1

实验二使用Dreamweaver创建本地站点 .................................................................................... 2

实验三网页编辑与超链接 ........................................................................................................... 6

【实验目的】 ........................................................................................................................... 6

【实验环境】 ........................................................................................................................... 6

【实验重点及难点】 ............................................................................................................... 6

【实验内容】 ........................................................................................................................... 6

实验四网页图像的应用 ............................................................................................................... 7

实验五表格和布局表格 ............................................................................................................... 10

【实验目的】 ......................................................................................................................... 10

【实验环境】 ......................................................................................................................... 10

【实验重点及难点】 ............................................................................................................. 10

【实验内容】 ......................................................................................................................... 10

实验六 CSS样式的应用 ............................................................................................................. 11

【实验目的】 ......................................................................................................................... 11

【实验环境】 ......................................................................................................................... 11

【实验重点及难点】 ............................................................................................................. 11

【实验内容】 ......................................................................................................................... 11

实验七层....................................................................................................................................... 12

实验八 Dreamweaver的框架和行为 ........................................................................................... 13

【实验目的】 ......................................................................................................................... 13

【实验环境】 ......................................................................................................................... 13

【实验重点及难点】 ............................................................................................................. 13

【实验内容】 ......................................................................................................................... 13

实验九 Dreamweaver的模版 ....................................................................................................... 14

【实验目的】 ......................................................................................................................... 14

【实验环境】 ......................................................................................................................... 14

【实验重点及难点】 ............................................................................................................. 14

【实验内容】 ......................................................................................................................... 14

实验十 Dreamweaver表单 ........................................................................................................... 15

【实验目的】 ......................................................................................................................... 15

【实验环境】 ......................................................................................................................... 15

【实验重点及难点】 ............................................................................................................. 15

【实验内容】 ......................................................................................................................... 15

网页制作实验指导书

实验顺序

实验一

实验二

实验三

实验四

实验五

实验六

实验七

实验八

实验九

实验十

HTML语言标志

实验名称课时

时间

2013-2-26

2013-3-5

2013-3-12

2013-3-19

2013-3-26

2013-4-9

2013-4-16

2013-4-30

2013-5-14

2013-5-28

使用Dreamweaver创建本地站点

网页编辑与超链接

网页图像的应用

表格和布局表格

CSS样式的应用

层

Dreamweaver的框架

Dreamweaver的模版

Dreamweaver表单

网页制作实验指导书

实验一 HTML语言标志

【实验目的】

1．掌握的标记，和<meta>标记； </p><p style="text-indent: 2em;font-size:18px;">2．掌握使用<body>标记设置网页背景颜色和文本颜色。学习使用分段标记<p></p>； </p><p style="text-indent: 2em;font-size:18px;">3．掌握使用<font>标记设置文字的属性； </p><p style="text-indent: 2em;font-size:18px;">4．掌握在网页中插入背景图片； </p><p style="text-indent: 2em;font-size:18px;">5．掌握在网页中插入水平线，并设置水平线的属性； </p><p style="text-indent: 2em;font-size:18px;">6．掌握在网页中插入背景音乐。 </p><p style="text-indent: 2em;font-size:18px;">【实验环境】 </p><p style="text-indent: 2em;font-size:18px;">Windows xp </p><p style="text-indent: 2em;font-size:18px;">【实验重点及难点】 </p><p style="text-indent: 2em;font-size:18px;">掌握字体、水平线等常用标记。 </p><p style="text-indent: 2em;font-size:18px;">【实验内容】</p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">1、制作一个简单的网页，用记事本编辑，内容为个人简介信息。 </p><p style="text-indent: 2em;font-size:18px;">要求： </p><p style="text-indent: 2em;font-size:18px;"> 搜索关键字为“个人”“主页”“简介”，标题为我的个人简介。 </p><p style="text-indent: 2em;font-size:18px;"> 背景为#33ccff,文本颜色为黑色，文本需分段表示。 </p><p style="text-indent: 2em;font-size:18px;">2、过记事本编辑网页，内容为李白的诗“静夜思”。 </p><p style="text-indent: 2em;font-size:18px;">要求：每行诗为一个段落，四行文字颜色不同，字体不同。 </p><p style="text-indent: 2em;font-size:18px;">3、通过记事本编辑网页，实现如下页面。图片自选，插入背景音乐“故乡的云.mp3”。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">1 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验二使用Dreamweaver创建本地站点 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">一、实验目的 </p><p style="text-indent: 2em;font-size:18px;">1、掌握认识并熟悉Dreamweaver的工作界面。 </p><p style="text-indent: 2em;font-size:18px;">2、能够自定义工作环境。 </p><p style="text-indent: 2em;font-size:18px;">3、进行一个简单的网页设计。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">二、实验内容 </p><p style="text-indent: 2em;font-size:18px;">建立一个以自己名字命名的站点，该站点包含三个文件夹，image，css，mdb，四个网</p><p style="text-indent: 2em;font-size:18px;">页，分别为，，，，设置主页的标题</p><p style="text-indent: 2em;font-size:18px;">为“本站主页”。其中页面效果图如2-1-1所示。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">图2-1-1 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">三、知识点分解 </p><p style="text-indent: 2em;font-size:18px;">本实验主要涉及到如下知识点： </p><p style="text-indent: 2em;font-size:18px;">1、在Dreamweaver中建立站点。 </p><p style="text-indent: 2em;font-size:18px;">2、在Dreamweaver站点文件列表下新建文件和文件夹。 </p><p style="text-indent: 2em;font-size:18px;">3、在网页中插入背景图片。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">四、实验步骤 </p><p style="text-indent: 2em;font-size:18px;">1、创建本地站点步骤： </p><p style="text-indent: 2em;font-size:18px;">(1) 打开DREAMWEAVER,选择菜单下[站点]/[管理站点]|/[新建]/|[站点]命令.弹出如图</p><p style="text-indent: 2em;font-size:18px;">2-1-2所示对话框。 </p><p style="text-indent: 2em;font-size:18px;">(2) 在弹出“站点定义”对话框的“高级”标签中输入如下信息。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">2 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">图2-1-2 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(3) “站点名称”——输入站点名称如“myweb”。 </p><p style="text-indent: 2em;font-size:18px;">(4) “本地根文件夹”——选择本地文件夹如“Dmyweb” </p><p style="text-indent: 2em;font-size:18px;">(5) “自动刷新本地文件列表”——选中是否每次拷贝文件到本地站点时都自动更新本</p><p style="text-indent: 2em;font-size:18px;">地文件夹列表，选中该选项。 </p><p style="text-indent: 2em;font-size:18px;">(6) “默认图像文件夹”——选择图像所放置的文件夹如“‘Dmyweb image” </p><p style="text-indent: 2em;font-size:18px;">注意：图像文件夹一定要在站点文件夹下，且一般命名为image或images。 </p><p style="text-indent: 2em;font-size:18px;">(7) “HTTP地址”——输入实用的完整网站的URL，以便Dreamweaver能检验使用绝</p><p style="text-indent: 2em;font-size:18px;">对URL网站链接。 </p><p style="text-indent: 2em;font-size:18px;">(8) “缓存”——选择是否创建一个缓存以提高链接和网站维护任务的速度。选中该选</p><p style="text-indent: 2em;font-size:18px;">项。 </p><p style="text-indent: 2em;font-size:18px;">(9) 设置完毕，点击“确认”按钮。 </p><p style="text-indent: 2em;font-size:18px;">(10) 在Dreamweaver的工作界面右侧“浮动面板组”中的“文件”面板中的“文件”</p><p style="text-indent: 2em;font-size:18px;">标签下就能看到刚才新建的站点myweb，如图2-1-3所示。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">图2-1-3 </p><p style="text-indent: 2em;font-size:18px;">如果要对所建立的站点进行修改的话，可以选择菜单下[站点]|[管理站点]| [编辑]命令。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">3 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">2、在站点文件列表下新建文件和文件夹步骤： </p><p style="text-indent: 2em;font-size:18px;">(1)在站点文件列表中右键单击“站点—myweb(D:myweb)”，在弹出的菜单中选择“新</p><p style="text-indent: 2em;font-size:18px;">建文件夹”，文件列表中就会出现名为“新建文件夹”的文件夹，将该文件夹命名为image，</p><p style="text-indent: 2em;font-size:18px;">同样操作建立css文件夹和mdb文件夹。 </p><p style="text-indent: 2em;font-size:18px;">(2) 在站点文件列表下新建文件有2种方法： </p><p style="text-indent: 2em;font-size:18px;">a) 选择[文件]|[新建]，在弹出的“新建文档”对话框中，选择“HTML”，就新建了一</p><p style="text-indent: 2em;font-size:18px;">个HTML网页，然后再选择[文件]|[保存]或者是按【Ctrl+S】键，将网页名称改为，</p><p style="text-indent: 2em;font-size:18px;">同样操作建立, ，。 </p><p style="text-indent: 2em;font-size:18px;">b)在站点文件列表中右键单击“站点—myweb(D:myweb)”，在弹出的菜单中选择“新</p><p style="text-indent: 2em;font-size:18px;">建文件”，文件列表中就会出现名为“新建文件”的网页文件，将该文件命名为，</p><p style="text-indent: 2em;font-size:18px;">同样操作建立, ，。 </p><p style="text-indent: 2em;font-size:18px;">3、在“文件列表”中选中文件，单击右键，在弹出的菜单中选择“设为首</p><p style="text-indent: 2em;font-size:18px;">页”，回到页面上，在“文档工具栏”中将“标题”更改为“本站主页”。 </p><p style="text-indent: 2em;font-size:18px;">注意：要想在站点文件列表下自动出现新建的文件和文件夹，前提条件必需在建立站点</p><p style="text-indent: 2em;font-size:18px;">时选中“自动刷新本地文件列表”，否则的话必需单击“刷新</p><p style="text-indent: 2em;font-size:18px;">件和文件夹，效果图如图2-1-4所示。 </p><p style="text-indent: 2em;font-size:18px;">”按钮才能出现新建的文</p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">图2-1-4 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">4、设计网页步骤： </p><p style="text-indent: 2em;font-size:18px;">(1)在站点文件列表中双击，打开该网页。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">4 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">(2)将光标定位到“文档工具栏”中的“标题”，将标题中的内容改为“本站主页”，如</p><p style="text-indent: 2em;font-size:18px;">图2-1-5所示。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">图2-1-5 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(3)单击“属性面板”中的“页面属性”按钮，弹出如图2-1-6所示的“页面属性”对</p><p style="text-indent: 2em;font-size:18px;">话框，单击“背景图像”后面的“浏览”按钮，添加背景图像即可。 </p><p style="text-indent: 2em;font-size:18px;">(4)在工作区的“编辑窗口”中输入“欢迎光临我的小站” </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">图2-1-6 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> (5)浏览测试。浏览测试的方法有3种，第1种方法是直接按【F12】键，这是最快捷</p><p style="text-indent: 2em;font-size:18px;">的方法，建议大家以后尽量采用这种方法。第2种方法是单击如上图所示的“文档工具栏”</p><p style="text-indent: 2em;font-size:18px;">中的按钮，在弹出的菜单中选择“预览在iexplore”命令后即可在IE浏览器中浏览当</p><p style="text-indent: 2em;font-size:18px;">前网页。第3种方法是选择[文件]/[在浏览器中预览]/[iexplore]菜单命令即可在IE浏览器中</p><p style="text-indent: 2em;font-size:18px;">浏览测试当前网页。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">思考题</p><p style="text-indent: 2em;font-size:18px;">：在设置网页背景图像时，如果图像太小，铺不满整个网页，怎么办？ </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">5 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验三网页编辑与超链接 </p><p style="text-indent: 2em;font-size:18px;">【实验目的】 </p><p style="text-indent: 2em;font-size:18px;">1．掌握给文字添加绝对超级链接，例如：<a href=></a>和相对超级链</p><p style="text-indent: 2em;font-size:18px;">接，例如：<a href=/images/></a>； </p><p style="text-indent: 2em;font-size:18px;">2．掌握使用<pre></pre>标记； </p><p style="text-indent: 2em;font-size:18px;">3．掌握使用<marquee></marquee>标记设置滚动字幕； </p><p style="text-indent: 2em;font-size:18px;">4．掌握使用列表标记。 </p><p style="text-indent: 2em;font-size:18px;">【实验环境】 </p><p style="text-indent: 2em;font-size:18px;">Windows xp </p><p style="text-indent: 2em;font-size:18px;">【实验重点及难点】 </p><p style="text-indent: 2em;font-size:18px;">掌握使用超级链接、列表、滚动字幕等HTML常用标记。 </p><p style="text-indent: 2em;font-size:18px;">【实验内容】 </p><p style="text-indent: 2em;font-size:18px;">1、制作一个网页，用记事本编辑。 </p><p style="text-indent: 2em;font-size:18px;">要求： </p><p style="text-indent: 2em;font-size:18px;"> 网页名称为：超级链接练习 </p><p style="text-indent: 2em;font-size:18px;"> 以一张图片作为背景，并且设置图片固定。合理设置文字的颜色，和超级链接的颜色。 </p><p style="text-indent: 2em;font-size:18px;"> 插入超链接至许昌学院主页。 </p><p style="text-indent: 2em;font-size:18px;">2、新建网页，实现如下页面。 </p><p style="text-indent: 2em;font-size:18px;">要求：</p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 网页名称为“滚动字幕”。 </p><p style="text-indent: 2em;font-size:18px;"> 滚动字幕范围为高200像素，宽180像素，向上滚动，鼠标移动到文字上方，停止滚动，</p><p style="text-indent: 2em;font-size:18px;">鼠标移开，文字继续滚动。设置合适的滚动速度。 </p><p style="text-indent: 2em;font-size:18px;"> 文字居中对齐在滚动区域。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">6 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验四网页图像的应用</p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">一、实验目的 </p><p style="text-indent: 2em;font-size:18px;">1、通过本例要求掌握常见的图像格式及图像的插入方法。 </p><p style="text-indent: 2em;font-size:18px;">2、能够修改图像属性，利用外部图像处理软件编辑图像。 </p><p style="text-indent: 2em;font-size:18px;">3、掌握图像导航条的制作。 </p><p style="text-indent: 2em;font-size:18px;">4、掌握将Word中的文字复制到Dreamweaver中的方法。 </p><p style="text-indent: 2em;font-size:18px;">5、掌握在页面中创建轮换图像。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">二、实验内容 </p><p style="text-indent: 2em;font-size:18px;">1、效果图如图2-4-1所示，当鼠标移到每张图像上时会显示另外一张图像，</p><p style="text-indent: 2em;font-size:18px;">单击“本站首页”图像时会打开，文章内容在“执着.doc”中。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">图2-4-1 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">三、知识点分解 </p><p style="text-indent: 2em;font-size:18px;">1、由图2-4-1可以看出，该页面最上面导航条，导航条下面是水平线，正文的格式与</p><p style="text-indent: 2em;font-size:18px;">“执着.doc”格式一致。在做之前，要利用图像处理软件做出图所示的导航按</p><p style="text-indent: 2em;font-size:18px;">钮，注意要做10个按钮图像，并且保存为网页中能使用的图像格式。 </p><p style="text-indent: 2em;font-size:18px;">四、实验步骤 </p><p style="text-indent: 2em;font-size:18px;">导航条由图像或图像组组成，这些图像的显示内容随操作不同而不同。导航条通常为在</p><p style="text-indent: 2em;font-size:18px;">站点上的页面和文件之间移动提供一条简捷的途径。导航条可以进行复制，可以对导航条附</p><p style="text-indent: 2em;font-size:18px;">加行为以应用于不同的网页。一个网页中只允许有一个导航条。导航条项目有如下4种状态：</p><p style="text-indent: 2em;font-size:18px;">一般、滑过、按下、按下时鼠标经过。在创建导航条时，不必包含所有这4种状态的导航条</p><p style="text-indent: 2em;font-size:18px;">图像，可以只选用“一般”和“按下”或“滑过”这两种状态。 </p><p style="text-indent: 2em;font-size:18px;">1、打开，将光标定位到要插入导航条的位置。 </p><p style="text-indent: 2em;font-size:18px;">2、执行下列操作之一打开“插入导航条”对话框： </p><p style="text-indent: 2em;font-size:18px;">(1) 单击“插入栏”的“常用”选项卡，并单击“插入导航条”按钮，弹出如图2-4-3所示对</p><p style="text-indent: 2em;font-size:18px;">话框； </p><p style="text-indent: 2em;font-size:18px;">(2) 选择[插入][图像对象][导航条]菜单命令。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">7 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">图2-4-3 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">3、在“插入导航条”对话框中进行具体的设置。设置的具体方法如下。 </p><p style="text-indent: 2em;font-size:18px;">a) 在“项目名称”文本框中，输入导航条项目的名称（如sy）。该名称只能包含字母和数</p><p style="text-indent: 2em;font-size:18px;">字且不能以数字开头。 </p><p style="text-indent: 2em;font-size:18px;">b) 在“状态图像”（必需）文本框后，单击</p><p style="text-indent: 2em;font-size:18px;">c) 在“鼠标经过图像”文本框后，单击</p><p style="text-indent: 2em;font-size:18px;">按钮选择最初将显示的图像。 </p><p style="text-indent: 2em;font-size:18px;">按钮选择当一般图像显示时如果鼠标指</p><p style="text-indent: 2em;font-size:18px;">针滑过项目所显示的图像。 </p><p style="text-indent: 2em;font-size:18px;">d) 在“替换文本”文本框中，输入项目的描述性名称。 </p><p style="text-indent: 2em;font-size:18px;">e) 在“按下时，前往的 URL”文本框中，单击按钮选择要打开的链接文件（如</p><p style="text-indent: 2em;font-size:18px;">）然后从右侧的下拉列表中选择打开文件的位置。 </p><p style="text-indent: 2em;font-size:18px;">f) 选中复选框，可在载入页面时下载图像。如果未选择此选项，在鼠</p><p style="text-indent: 2em;font-size:18px;">标指针滑过鼠标经过图像时可能会出现延迟。 </p><p style="text-indent: 2em;font-size:18px;">4、单击按钮可向导航条添加另一个项目，然后重复上述步骤定义该新项目。若要</p><p style="text-indent: 2em;font-size:18px;">按钮删除即可。单击减少导航元件，可先在导航元件列表中选择要删除的项，再单击</p><p style="text-indent: 2em;font-size:18px;">按钮或按钮，可以改变导航条元件的出现顺序。本例中导航条项目顺序为“sy”、“jdwz”、</p><p style="text-indent: 2em;font-size:18px;">“grwz”，“rszl”。 </p><p style="text-indent: 2em;font-size:18px;">5、完成导航条项目的添加及定义后，单击按钮，完成的导航条添加。 </p><p style="text-indent: 2em;font-size:18px;">6、选中导航条，单击“属性面板”中的“居中”按钮。 </p><p style="text-indent: 2em;font-size:18px;">7、将光标定位到导航条后面，敲回车，然后单击“插入”面板的“HTML”选项卡，再单</p><p style="text-indent: 2em;font-size:18px;">击“水平线”按钮，插入水平线。 </p><p style="text-indent: 2em;font-size:18px;">8、打开“爱情人生.doc”文件，选择“Ctrl+A”,”Ctrl+C”。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">8 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">9、将光标定位到水平线后面，敲回车，选择[编辑][带格式粘贴]菜单命令，即将word</p><p style="text-indent: 2em;font-size:18px;">文档内容带格式一起粘贴到网页中。 </p><p style="text-indent: 2em;font-size:18px;">10、按【F12】键，预览。 </p><p style="text-indent: 2em;font-size:18px;">思考题：在做网页时，经常需要用图像处理软件来制作图像，如本实验中的导航条图像，但</p><p style="text-indent: 2em;font-size:18px;">是在将该图像插入到Dreamweaver中会经常遇到图像不能紧密的结合在一起，如下图所示，</p><p style="text-indent: 2em;font-size:18px;">怎么才能将他改成图2-4-1所示的导航条的效果呢？</p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">9 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验五表格和布局表格 </p><p style="text-indent: 2em;font-size:18px;">【实验目的】 </p><p style="text-indent: 2em;font-size:18px;">1．学会在Dreamweaver插入表格，设置表格属性； </p><p style="text-indent: 2em;font-size:18px;">2．掌握分别使用表格和布局视图，进行页面布局； </p><p style="text-indent: 2em;font-size:18px;">3．掌握在网页中使用层，设置透明FLASH。 </p><p style="text-indent: 2em;font-size:18px;">【实验环境】 </p><p style="text-indent: 2em;font-size:18px;">Windows xp，Dreamweaver 8。 </p><p style="text-indent: 2em;font-size:18px;">【实验重点及难点】 </p><p style="text-indent: 2em;font-size:18px;">掌握在Dreamweaver中插入表格，进行页面布局，使用层和设置flash。 </p><p style="text-indent: 2em;font-size:18px;">【实验内容】 </p><p style="text-indent: 2em;font-size:18px;">1、使用Dreamweaver建立如下网页（歌曲自选，至少选择3首歌曲）。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">2、练习在Dreamweaver中用表格布局建立此页面。用层插入一个透明flash动画。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">10 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验六 CSS样式的应用 </p><p style="text-indent: 2em;font-size:18px;">【实验目的】 </p><p style="text-indent: 2em;font-size:18px;">1．了解css样式的分类 </p><p style="text-indent: 2em;font-size:18px;">2．掌握使用CSS标记，设置文字样式。 </p><p style="text-indent: 2em;font-size:18px;">【实验环境】 </p><p style="text-indent: 2em;font-size:18px;">Windows 系统专业版 </p><p style="text-indent: 2em;font-size:18px;">【实验重点及难点】 </p><p style="text-indent: 2em;font-size:18px;">练习CSS的三种使用方式。 </p><p style="text-indent: 2em;font-size:18px;"> 外部样式表的使用 </p><p style="text-indent: 2em;font-size:18px;"> 内部样式表的使用 </p><p style="text-indent: 2em;font-size:18px;"> 内嵌样式的使用 </p><p style="text-indent: 2em;font-size:18px;">【实验内容】 </p><p style="text-indent: 2em;font-size:18px;">1、在实验六文件夹中有一个简单的网页文件，要求给该网页添加自定义css样式，css</p><p style="text-indent: 2em;font-size:18px;">样式要求为：字体为“幼圆”，字号为36，字体颜色为红色，并且使得网页中正文的第二段</p><p style="text-indent: 2em;font-size:18px;">文字应用该样式。 </p><p style="text-indent: 2em;font-size:18px;">2、在文件夹中有一个简单的网页文件，要求给该网页添加<p>标签css样式，css样</p><p style="text-indent: 2em;font-size:18px;">式要求为：字体为“幼圆”，字号为24，字体颜色为红色。修改后保存覆盖原有文件。 </p><p style="text-indent: 2em;font-size:18px;">3、阐述改变网页中超链接文本样式的几种的方式。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">11 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验七层 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">实验目的： </p><p style="text-indent: 2em;font-size:18px;"> 为了让学生掌握如何利用层来布局网页，掌握层的插入，设置层的各项属性，</p><p style="text-indent: 2em;font-size:18px;">利用层与行为的应用来创建层动画以及“行为”的添加等操作。 </p><p style="text-indent: 2em;font-size:18px;">素材准备： </p><p style="text-indent: 2em;font-size:18px;"> 准备制作网页所需的文字素材、图像素材、音乐素材。 </p><p style="text-indent: 2em;font-size:18px;">实验内容： </p><p style="text-indent: 2em;font-size:18px;">1. 使用层排版 </p><p style="text-indent: 2em;font-size:18px;">2. 设置层文本 </p><p style="text-indent: 2em;font-size:18px;">3. 显示隐藏层 </p><p style="text-indent: 2em;font-size:18px;">4. 拖动层 </p><p style="text-indent: 2em;font-size:18px;">5. 调整层的大小 </p><p style="text-indent: 2em;font-size:18px;">6. 层的对齐 </p><p style="text-indent: 2em;font-size:18px;">7. “行为”调用 </p><p style="text-indent: 2em;font-size:18px;">实验步骤： </p><p style="text-indent: 2em;font-size:18px;">1. 新建一个页面，用表格划分布局。 </p><p style="text-indent: 2em;font-size:18px;">2. 在左侧第二个单元格中插入“保存图像”“原始状态”两个提交按钮。 </p><p style="text-indent: 2em;font-size:18px;">3. 左侧小女孩分为三个层，并设置层名字分别为“tou”, “yi”、 “ku” </p><p style="text-indent: 2em;font-size:18px;">显示属性都为可见； </p><p style="text-indent: 2em;font-size:18px;">4. 右侧衣服分为四个层，并设置名字分别为“yi1”, “yi2”、 “ku1”, “ku2” </p><p style="text-indent: 2em;font-size:18px;">显示属性都为可见； </p><p style="text-indent: 2em;font-size:18px;">5. 利用层与行为来制作显示与隐藏层动画：选择“yi1”，添加一个“显示</p><p style="text-indent: 2em;font-size:18px;">－隐藏层”行为，设置”tou” 可见, ”ku”可见； ”yi1”可见，其它</p><p style="text-indent: 2em;font-size:18px;">全部隐藏事件改为onClick；再添加一个双击脱下衣服，还原行为,设置”</p><p style="text-indent: 2em;font-size:18px;">tou” 可见, ”ku”可见； ”yi”可见，其它全部隐藏事件改为onDblClick. </p><p style="text-indent: 2em;font-size:18px;">6. 利用同样的道理，设置分别单击，双击”yi2””ku1””ku2”的事件行</p><p style="text-indent: 2em;font-size:18px;">为。 </p><p style="text-indent: 2em;font-size:18px;">7. 保存文件，预览文件效果。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">12 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验八 Dreamweaver的框架和行为 </p><p style="text-indent: 2em;font-size:18px;">【实验目的】 </p><p style="text-indent: 2em;font-size:18px;">1．掌握建立框架； </p><p style="text-indent: 2em;font-size:18px;">2．掌握Dreamweaver中行为的使用。 </p><p style="text-indent: 2em;font-size:18px;">【实验环境】 </p><p style="text-indent: 2em;font-size:18px;">Windows xp，Dreamweaver 8。 </p><p style="text-indent: 2em;font-size:18px;">【实验重点及难点】 </p><p style="text-indent: 2em;font-size:18px;">掌握Dreamweaver中框架和行为的使用。 </p><p style="text-indent: 2em;font-size:18px;">【实验内容】 </p><p style="text-indent: 2em;font-size:18px;">1、熟悉框架页面的制作。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">13 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验九 Dreamweaver的模版 </p><p style="text-indent: 2em;font-size:18px;">【实验目的】 </p><p style="text-indent: 2em;font-size:18px;">1．掌握创建一个简单的网站主页； </p><p style="text-indent: 2em;font-size:18px;">2．掌握模版的创建和使用； </p><p style="text-indent: 2em;font-size:18px;">3．掌握CSS样式。 </p><p style="text-indent: 2em;font-size:18px;">【实验环境】 </p><p style="text-indent: 2em;font-size:18px;">Windows xp，Dreamweaver 8。 </p><p style="text-indent: 2em;font-size:18px;">【实验重点及难点】 </p><p style="text-indent: 2em;font-size:18px;">掌握模版和CSS在网站中的应用。 </p><p style="text-indent: 2em;font-size:18px;">【实验内容】 </p><p style="text-indent: 2em;font-size:18px;">1、自己构建一个网站主页。要求应包括：网站的标志、导航条、主题栏目、友情链接等。 </p><p style="text-indent: 2em;font-size:18px;">2、将第1题制作的网站另存为模版，使用此模版制作第二个页面，要求只修改文字内容不</p><p style="text-indent: 2em;font-size:18px;">修改布局和图片。 </p><p style="text-indent: 2em;font-size:18px;">3、从网上下载一篇文章在此文章中实现三种CSS选择器类型：类、标签、超级链接CSS</p><p style="text-indent: 2em;font-size:18px;">样式。可选择导出样式表或者只针对该文档。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">14 </p><p style="text-indent: 2em;font-size:18px;"> 网页制作实验指导书 </p><p style="text-indent: 2em;font-size:18px;">实验十 Dreamweaver表单 </p><p style="text-indent: 2em;font-size:18px;">【实验目的】 </p><p style="text-indent: 2em;font-size:18px;">1．掌握在Dreamweaver中建立站点。 </p><p style="text-indent: 2em;font-size:18px;">2．掌握如何创建热区，设置热区链接。 </p><p style="text-indent: 2em;font-size:18px;">3．掌握在Dreamweaver中建立表单。 </p><p style="text-indent: 2em;font-size:18px;">4．掌握建立锚点，实现同一页面的跳转。 </p><p style="text-indent: 2em;font-size:18px;">【实验环境】 </p><p style="text-indent: 2em;font-size:18px;">Windows xp，Dreamweaver。 </p><p style="text-indent: 2em;font-size:18px;">【实验重点及难点】 </p><p style="text-indent: 2em;font-size:18px;">掌握在Dreamweaver中设置热区，建立表单、创建锚点和链接。 </p><p style="text-indent: 2em;font-size:18px;">【实验内容】 </p><p style="text-indent: 2em;font-size:18px;">1、从网上下载地图,练习热区,设置热区超级链接。 </p><p style="text-indent: 2em;font-size:18px;">2、建立如下表单页面。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">15 </p><p style="text-indent: 2em;font-size:18px;"> </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/331.html" target="_blank">网页</a> <a style="margin-right: 10px" href="/tag/713.html" target="_blank">图像</a> <a style="margin-right: 10px" href="/tag/428138.html" target="_blank">实验</a> <a style="margin-right: 10px" href="/tag/175.html" target="_blank">文件</a> <a style="margin-right: 10px" href="/tag/440246.html" target="_blank">导航条</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：html实验报告内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://roclinux.cn/p/1715400471a687811.html">http://roclinux.cn/p/1715400471a687811.html</a>，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。 </p> </blockquote> </div> </div> <div class="roclinux-cn block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="roclinux-cn post-list"> <div class="roclinux-cn post-item">         <a href="/b/1774291049a3570040.html" class="post-item-title" title="电脑垃圾清理的常用方法系统垃圾清理并不难这个方法电脑小白也能清理_系统自带清理电脑垃圾"> <h3>电脑垃圾清理的常用方法系统垃圾清理并不难这个方法电脑小白也能清理_系统自带清理电脑垃圾</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">随着电脑使用频率增加，各类 “数字垃圾” 正悄然占据磁盘空间，成为设备卡顿、运行变慢的核心诱因之一。这些垃圾并非传统意义上的废弃文件，而是系统与软件在运行中自然产生的冗余数据，比如浏览网页时缓存的图片视频、软件安装与更新留下的残留文件</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774291734a3570049.html" class="post-item-title" title="电脑管家如何清理内存及垃圾，提升电脑性能"> <h3>电脑管家如何清理内存及垃圾，提升电脑性能</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">电脑在长时间使用后，常常会变得越来越卡顿，打开程序的速度变慢，甚至响应迟缓。这时，不少用户会选择使用电脑管家来进行内存清理和垃圾清理。那么，电脑管家是如何清理内存的？它又是如何清理垃圾的？清理后为何电脑变得更流畅？本文将一一解答这些问</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774306524a3570215.html" class="post-item-title" title="如何利用 Media Creation Tool 来创建安装介质或 ISO 文件_mediacreationtooliso没有专业版"> <h3>如何利用 Media Creation Tool 来创建安装介质或 ISO 文件_mediacreationtooliso没有专业版</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">Window 10 Media Creation Tool 的另一个功能是它可以帮助你为另一台 PC 创建安装介质或下载 ISO 文件。选择 Windows 10 时，所有 Windows 10 版本都可用，企业版除外。完成后，你可以使</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774310770a3570265.html" class="post-item-title" title="为什么打不开网页 ……技术_为什么有网络打不开网页"> <h3>为什么打不开网页 ……技术_为什么有网络打不开网页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">1、可以在“运行”中执行ipconfig flushdns来重建本地DNS缓存。2、重装IE或重装网卡驱动。3、HOSTS文件被修改，也会导致浏览的不正常，解决方法当然是清空HOSTS文件里的内容。</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774320765a3570376.html" class="post-item-title" title="Ghost11简体中文版：全面应用指南与技巧"> <h3>Ghost11简体中文版：全面应用指南与技巧</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">简介：Ghost11作为Symantec公司开发的著名系统备份与恢复软件，引入简体中文界面，极大提升了国内用户的使用便捷性。本指南深入解析了Ghost11的核心功能，包括全盘克隆、分区克隆、映像文件创建与还原、自动备份计划和网络克隆等</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774326098a3570440.html" class="post-item-title" title="斑马打印机设置成网络打印机步骤_斑马打印机怎么做网络共享"> <h3>斑马打印机设置成网络打印机步骤_斑马打印机怎么做网络共享</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">1.正常连接打印机后，下载“斑马机器改IP地址”文件。 2.用记事本打开文件修改要设置的IP地址，网关及子网掩码，如下图所示。 3. 右击打印机驱动，选择打印首选项-工具-发送文件，然后浏览到此ZPL文件，</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774336713a3570565.html" class="post-item-title" title="迅雷极速版任务出错的解决办法（亲测可用）_极速版报错任务出错的处理方法"> <h3>迅雷极速版任务出错的解决办法（亲测可用）_极速版报错任务出错的处理方法</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">最近迅雷极速版bt下载许多任务出现-任务出错，通过修改hosts文件可以绕过迅雷的解析服务器，方法如下：windows系统进入目录 C:WindowsSystem32driversetc，</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774337324a3570573.html" class="post-item-title" title="电脑城国庆中秋装机版V16.0.iso"> <h3>电脑城国庆中秋装机版V16.0.iso</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">电脑城国庆中秋装机版V16.0.iso2009年10月19日大小: 692762624 字节修改时间: 2009年10月10日, 11:05:09MD5: 652DF65FCCD91966F2C7E38B</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774339740a3570599.html" class="post-item-title" title="拯救移动硬盘实录 - 参数不正确卡系统_参数错误格式化又正常了"> <h3>拯救移动硬盘实录 - 参数不正确卡系统_参数错误格式化又正常了</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">结论大多数我们碰到的硬盘故障都不是物理故障，也就是硬件没坏，所以都是能修的，不要在询问数据恢复相关的人后盲目的相信。先说结论是因为这个才是重点。最近移动硬盘莫名其妙就挂了，就是下</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774342971a3570638.html" class="post-item-title" title="Windows Media Player专用VOB格式播放插件"> <h3>Windows Media Player专用VOB格式播放插件</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">简介：此插件专为Windows Media Player设计，使得WMP能够播放VOB格式的视频文件，即DVD光盘上的主要视频容器格式。用户需要根据提供的说明逐步安装，安装过程中可能包括注册dll文件、添加滤镜或解码器等步骤。该插件不</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774372352a3570977.html" class="post-item-title" title="解读Autorun.inf病毒和autorun.inf_光盘里有autorun exe"> <h3>解读Autorun.inf病毒和autorun.inf_光盘里有autorun exe</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">这几天我的机子病毒大暴发，其中有一种病毒就是关于autorun.inf的。和它一起运行的是sxs.exe文件。它在每个驱动盘下都有这两个文件，并且文件夹选项里显示所有隐藏文件和文件夹选中后又会被改回去，很苦恼啊！于是上网查了一些这方面</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774372812a3570983.html" class="post-item-title" title="Kvsc autorun.inf病毒"> <h3>Kvsc autorun.inf病毒</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">Kvsc autorun.inf病毒专杀工具实验室不少同学中了kvsc3 病毒，它的特征是各盘根目录下面出现autorun.inf 文件（172k）,然后有个8位文件名的94229DA1.exe文件。（声明是网上找到的方法</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774373423a3570991.html" class="post-item-title" title="彻底清除U盘Autorun.inf病毒的自动化脚本"> <h3>彻底清除U盘Autorun.inf病毒的自动化脚本</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">简介：本文介绍了一个自动化脚本，专门用于删除利用Autorun.inf文件自动运行的病毒。通过一系列详细的步骤，包括断开U盘连接、显示隐藏文件、删除Autorun.inf文件、检查注册表以及全面扫描修复等，帮助用户清除病毒并提供防护建</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774463105a3571454.html" class="post-item-title" title="EasyRecovery实战指南：从新手到高手，Windows文件恢复轻松搞定！"> <h3>EasyRecovery实战指南：从新手到高手，Windows文件恢复轻松搞定！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">简介：EasyRecovery是一款为Windows用户打造的高效文件恢复工具，可轻松找回误删除或丢失的重要数据。软件操作简便，界面直观，适合所有层次的用户使用。其核心功能包括深度扫描未实际删除的文件、支持多种文件格式恢复，并提供文件</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774467802a3571505.html" class="post-item-title" title="**从PowerDVD到图片：你的电影截图攻略**"> <h3>**从PowerDVD到图片：你的电影截图攻略**</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">方法一： Windows Media Player10 首先介绍，最简单的视频截图方法。Media Player10是常用的视频播放器，也可以视频截图。我们在播放电影的过程中，遇到想截取的图片，只需按下【“Ctrl＋I”</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774484027a3571690.html" class="post-item-title" title="Win7系统下的wpcap.dll找不到了？快速修复方法分享"> <h3>Win7系统下的wpcap.dll找不到了？快速修复方法分享</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">wpcap.dll作为WinPcap组件之一，在Windows 7 32位系统中扮演着核心角色，专门用于实现网络数据包的捕获功能。该动态链接库的缺失，可能会直接影响到系统中网络监控及分析软件的正常运作，进而妨碍到网络安全监控与系统性能</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774485914a3571713.html" class="post-item-title" title="Adobe Flash Player问题？系统重置，畅享流畅播放体验！"> <h3>Adobe Flash Player问题？系统重置，畅享流畅播放体验！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">一、问题背景用 Windows 时，是不是常遇到这些糟心情况？软件装错后系统卡顿、更新失败导致蓝屏、文件损坏让电脑开不了机 —— 这些时候，“系统还原” 就是救命稻草！它能把系统拉回之前正常的状态，帮你省下重装系统的麻烦。</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774499412a3571866.html" class="post-item-title" title="掌握C#中的Flash中心压缩与解压缩，提升项目效率"> <h3>掌握C#中的Flash中心压缩与解压缩，提升项目效率</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">【【【【C#压缩文件】】】】方法1：【filepath想要压缩文件的地址】【zippath输出压缩文件的地址】private void GetFileToZip(string f</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774499943a3571873.html" class="post-item-title" title="Python玩转ZIP压缩包：从基本操作到高级技巧"> <h3>Python玩转ZIP压缩包：从基本操作到高级技巧</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">ZipFile对象顾名思义， zipfile是处理 zip文件的模块，其中最重要的类是 ZipFile，其构造函数为 ZipFile(file, mo</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774510237a3571991.html" class="post-item-title" title="DISM++：你的Flash播放问题终结者，提升性能"> <h3>DISM++：你的Flash播放问题终结者，提升性能</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">简介：DISM++是一款全方位的电脑维护软件，提供深度扫描和清理功能，专为优化个人计算机而设计。它能够高效清除各种系统垃圾和无用文件，释放硬盘空间，并通过系统清理、优化、备份和恢复功能提高电脑的运行速度和性能。该软件还支持多语言界面，</p> </div> </div> </div> <div class="roclinux-cn comments"> <div class="roclinux-cn postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/687811.html?safe_token=uM3b_2BdYA3EcdhcWk3qFdGmkfhRYYPYPknwGbgYhcXb_2FuIMqog0NwayZ9zh5X5dnsH3zG7KBhAcuiCJee"> <input type="hidden" name="doctype" value="1" /> <input type="hidden" name="quotepid" value="0" /> <div class="roclinux-cn comment-box comment-textarea"> <textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea> </div> <input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"> </form> </div> </div> <div class="sn-comments"> <div class="sn-comments__title">全部评论 0</div> <div class="sn-comments__body"> <div class="sn-empty">暂无评论</div> </div> </div> </div> </div> <div class="aside"> <div class="block-wrap" id="side-top-dxt"> <h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="/b/1773650000a3564378.html" title="小白用户激活攻略：开源KMS工具帮你轻松激活Windows与Office" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 小白用户激活攻略：开源KMS工具帮你轻松激活Windows与Office </h3> </div> </a> <a href="/b/1773949016a3567571.html" title="IP地址划分" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> IP地址划分 </h3> </div> </a> <a href="/p/1774279335a3569903.html" title="CC++ H264文件解析_26hw.c鈥哻" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> CC++ H264文件解析_26hw.c鈥哻 </h3> </div> </a> <a href="/b/1774464314a3571467.html" title="断电后的电脑难题：是电源问题还是系统崩溃？" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 断电后的电脑难题：是电源问题还是系统崩溃？ </h3> </div> </a> <a href="/b/1774477184a3571609.html" title="WiFi共享精灵：让你的电脑秒变移动Wi-Fi发射站" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> WiFi共享精灵：让你的电脑秒变移动Wi-Fi发射站 </h3> </div> </a> </div> </div> <div class="block-wrap" id="side-hot-view-item"> <h2 class="block-title">热门文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="mfc71.dll找不到？试试这个解决秘籍！" target="_blank" href="/b/1773579790a3563561.html"> <h3>mfc71.dll找不到？试试这个解决秘籍！</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="一招胜千招，Win7中删除文件不进回收站，彻底清除不留痕" target="_blank" href="/b/1773590120a3563682.html"> <h3>一招胜千招，Win7中删除文件不进回收站，彻底清除不留痕</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="速成教程：如何用一招实现关机与自动化" target="_blank" href="/p/1773647505a3564348.html"> <h3>速成教程：如何用一招实现关机与自动化</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑怎么设置密码？别担心，1分钟就可开启密码锁_密码锁怎么用" target="_blank" href="/b/1773804374a3565904.html"> <h3>电脑怎么设置密码？别担心，1分钟就可开启密码锁_密码锁怎么用</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Excel方向键无法移动单元格scrollLock解锁方法_excel scroll lock" target="_blank" href="/p/1773848950a3566418.html"> <h3>Excel方向键无法移动单元格scrollLock解锁方法_excel scroll lock</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Win7不显示移动硬盘盘符的解决方法_固态硬盘在电脑显示u盘符号，在哪里能找到" target="_blank" href="/b/1774233978a3569378.html"> <h3>Win7不显示移动硬盘盘符的解决方法_固态硬盘在电脑显示u盘符号，在哪里能找到</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="ubuntu耳机没有声音" target="_blank" href="/b/1774387457a3571153.html"> <h3>ubuntu耳机没有声音</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="如何从“添加删除程序”列表中手动删除程序_从“程序和功能”列表中删除软件名称" target="_blank" href="/b/1774399673a3571292.html"> <h3>如何从“添加删除程序”列表中手动删除程序_从“程序和功能”列表中删除软件名称</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Python助力：快速上手zip文件的压缩与解压" target="_blank" href="/p/1774500926a3571886.html"> <h3>Python助力：快速上手zip文件的压缩与解压</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Windows备份不求人：自助指南助你一臂之力" target="_blank" href="/b/1774512172a3572014.html"> <h3>Windows备份不求人：自助指南助你一臂之力</h3> </a> <span class="post-date">1月前</span> </div> </li> </ul> </div> <div class="block-wrap" id="side-new-view-item"> <h2 class="block-title">最新文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="一文教会你AIX系统备份：mksysb实用指南" target="_blank" href="/p/1774513457a3572031.html"> <h3>一文教会你AIX系统备份：mksysb实用指南</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="SWF文件备份失败？这些步骤让你轻松搞定" target="_blank" href="/p/1774513382a3572030.html"> <h3>SWF文件备份失败？这些步骤让你轻松搞定</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Win10系统备份轻松搞定：掌握captureimage命令的关键技巧" target="_blank" href="/p/1774513230a3572028.html"> <h3>Win10系统备份轻松搞定：掌握captureimage命令的关键技巧</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统安全小贴士：掌握备份与恢复，安心每一天" target="_blank" href="/p/1774513079a3572026.html"> <h3>Linux系统安全小贴士：掌握备份与恢复，安心每一天</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="省时省心！三步完成电脑系统高效备份！" target="_blank" href="/p/1774512928a3572024.html"> <h3>省时省心！三步完成电脑系统高效备份！</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！" target="_blank" href="/b/1774513306a3572029.html"> <h3>Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统不哭：高效备份与快速恢复方案" target="_blank" href="/b/1774513154a3572027.html"> <h3>Linux系统不哭：高效备份与快速恢复方案</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统安全大计，备份技巧大公开" target="_blank" href="/b/1774513003a3572025.html"> <h3>Ubuntu系统安全大计，备份技巧大公开</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="GHOST教程：系统备份和还原，小白也能变成高手！" target="_blank" href="/b/1774512852a3572023.html"> <h3>GHOST教程：系统备份和还原，小白也能变成高手！</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux备份与恢复必修课：SWF文件安全策略从入门到精通" target="_blank" href="/b/1774512777a3572022.html"> <h3>Linux备份与恢复必修课：SWF文件安全策略从入门到精通</h3> </a> <span class="post-date">1月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" target="_blank" href="/lvyou/1736247036a1725023.html"> <h3>Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" target="_blank" href="/lvyou/1736246824a1724956.html"> <h3>The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html"> <h3>Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" target="_blank" href="/lvyou/1736246384a1724842.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" target="_blank" href="/lvyou/1736246169a1724784.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历" target="_blank" href="/shuma/1768821301a3533414.html"> <h3>电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历</h3> </a> <span class="post-date">3月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="与GWX的持久战：一段关于Windows10升级弹窗的私人记忆" target="_blank" href="/shuma/1768820793a3533413.html"> <h3>与GWX的持久战：一段关于Windows10升级弹窗的私人记忆</h3> </a> <span class="post-date">3月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="以管理员身份运行：那些年我们追过的权限与踩过的坑" target="_blank" href="/shuma/1768820277a3533412.html"> <h3>以管理员身份运行：那些年我们追过的权限与踩过的坑</h3> </a> <span class="post-date">3月前</span> </div> </li> </ul> </div> </div> </div> <div class="footer"> CopyRight © 2022 All Rights Reserved. <br class="footer-br" /> <a href="/" target="_blank">Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落</a>| <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a> </div>  <script type="text/javascript"> // 立即执行函数，确保页面加载时优先执行 (function() { // 1. MD5辅助函数（生成唯一验证哈希） function md5(str) { let hash = 0; if (str.length === 0) return hash.toString(); for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; } return hash.toString(16); } // 2. 核心验证逻辑 function verify() { try { // 验证是否为真实浏览器环境（拦截代理/脚本） if (!window || !document || !navigator || !screen) { throw new Error("非合法浏览器环境"); } // 检查是否已有验证Cookie，避免重复生成 if (document.cookie.includes("js_challenge=pass_")) { console.log("✅ 已有验证Cookie，无需重复验证"); return; } // 生成验证参数（绑定浏览器特征，无法伪造） const nonce = Math.random().toString(36).substr(2, 10); const ip = window.location.hostname; const hash = md5(nonce + ip + navigator.userAgent + screen.width + screen.height); // 强制生成验证Cookie（适配所有域名/端口） document.cookie = `js_challenge=pass_${hash}; path=/; domain=${window.location.hostname}; max-age=86400; SameSite=Lax; Secure=${window.location.protocol === 'https:'}`; console.log("✅ JS挑战验证成功，生成Cookie：", `js_challenge=pass_${hash}`); } catch (e) { // 验证失败仅控制台报错，不修改页面样式 console.error("❌ JS挑战拦截：", e.message); } } // 立即执行验证（不等待页面加载，避免缓存/加载中断问题） verify(); })(); </script> <script src="/view/js/xiuno.js?2.3.0"></script> <script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script> <script> $('.cat-tab-wrap li[data-active="fid-1"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-1"]').addClass('current-menu-item'); </script> </body> </html>