《网页制作》理论试题及答案-Linux大棚

admin 管理员组

文章数量: 1086019

2023年12月19日发(作者：css二级菜单导航代码)

《网页制作》理论试题及答案

一、单选题

1. 当测览器不能正常显示图像时，会在图像的位置显示的内容

A.替代 B. 目标 C. 地图 D. 低品质源

__D___。

_A___。

2. 将超链接的目标网页在当前窗口中打开的方式是

B._blank C._top D._self

3. 当网页既设置了背景图像又设置了背景色，那么

A.以背景图像为主 B. 以背景色为主

_A___。

D. 冲突，不能同时设置 C. 产生-- 种混合效果

4. 在页面属性对话框中，我们不能设置

A.网页的背景色 B. 网页文本的颜色

__C___。

C. 网页文本的大小 D. 网页的边界

5. 在文本的属性面板中，不能设置

A.文字的大小和颜色 B.

___D__ 。

C. 文字的超链接 D. 矩形热区加粗或倾斜风格

___A___ 。 6. 下列路径中属于绝对路径的是

A. /

B./xuesheng/chengji/

D. staff/

__C____。

D. 任意格式

eaverMX可以导入的表格式数据的格式是

格式格式 C. 文本格式

8. 要一次选择整个行，在标签检查器中选择

__B____ 标签。

9. 指定表格内单元格之间的间隙大小，需要设置表格属性面板中的

10. 如果层中的图片太大，要设置超出部分照样显示，则

____B__。

" 溢出" 选项中应选择 ___A__ 。

11. 不论层中的内容是否超出，都显示滚动条，则

" 溢出" 选项中应选择 ___C___ 。

12. 利用键盘方向键移动层时，一次按键只能移动

A.l B.2 C.3 D.4

__A____ px 。

13. 层的对齐万式 " 设成宽度相同 " 的含义是 __B___ 。

A.所有层的宽度调整为和最初选取的层的宽度一样

C.所有层的宽度调整为和最窄的层的宽度一样

14. 下列说法中错误的是 ___A__ 。

A.模板一次只能更新一个页面 eaver 自动在文档的 head 部分插入可编辑区域

B. 所有层的宽度调整为和最后选取的层的宽度一样

所有层的宽度调整为和最宽的层的宽度一样

C.创建模板时，可编辑区域和锁定区域都可以更改

D.在基于模板的文档中，模板用户只能在可编辑区域中进行更改

法修改锁定区域

15. 能够作为库项目的是

样式表 B.

__D____ 。

C. 行为 D. 表格

target”属性设为 ( B ) 。

; 无

时间轴

16．要想在新的浏览器窗口中打开链接页面，应将链接对象的“

A．_parent B．_blank C．_self D．_top

17．输入一个网址后，浏览器会自动在前面加上“

A．文件传输协议 B ．超文本传输协议

HTTP:// ”。HTTP的意思是 ( B )

D ．以上都不是。

C ．顶级域名网址

18．定义 HTML文件主体部分的标记对是 ( B ) 。

A．．．．．．．<／title> B ．<body>．．．．．．<／body> </p><p style="text-indent: 2em;";>C．<head>．．．．．．<／head> D ．<html> ．．．．．．<／html> </p><p style="text-indent: 2em;";>19．( C ) 标记表示网页中一个段落的开始。 </p><p style="text-indent: 2em;";>A．</p><p style="text-indent: 2em;";> B ．<hr> C ．<p> D ．<b> </p><p style="text-indent: 2em;";>20．当浏览器不支持图像时，图像 <img>标记的( C ) 值可以替代图像。 </p><p style="text-indent: 2em;";>A．align 属性 B ．height 属性 C ．alt 属性 D ．border 属性 </p><p style="text-indent: 2em;";>21．Dreamweaver中( D ) 只是删除了本地相关文件和站点的联系，文件仍然是存在的。 </p><p style="text-indent: 2em;";>A．删除文件 B．删除文件夹 C．删除文档 D．删除站点 </p><p style="text-indent: 2em;";>22．在网页中输入文本时，如需正常换行，可按 ( C ) 键。 </p><p style="text-indent: 2em;";>A．Enter B ．ALT+Enter C ．Shift+Enter D ．Ctrl+Enter </p><p style="text-indent: 2em;";>23．在文本属性面板上，颜色设置通常是以 ( B ) 来表示颜色值，但也可用英文单词表示。 </p><p style="text-indent: 2em;";>A．八进制数 B ．十六进制数 C ．十进制数 D．二进制数 </p><p style="text-indent: 2em;";>24．在用 <marquee>活动字幕标记制作滚动字幕时，参数 ( C ) 用于设定活动字幕每次滚动的距离。 </p><p style="text-indent: 2em;";>A．align B ．direction C ．scrollamount D．scrolldelay </p><p style="text-indent: 2em;";>25．能被绝大多数的浏览器完全支持的图像格式为 ( A ) 。 </p><p style="text-indent: 2em;";>A．gif 和 jpeg B ．gif 和 png C ．jpeg 和 png D．png 和 bmp </p><p style="text-indent: 2em;";>26．在 CSS选择器中 ( B ) 样式表示鼠标移上状态。 </p><p style="text-indent: 2em;";>A．a：link B ．a：hover C ．a：active D ．a：visited </p><p style="text-indent: 2em;";>27．在 Dreamweaver 中通常采用 ( A ) 来实现访问者和网站两者之间的信息交互。 </p><p style="text-indent: 2em;";>A．表单 B．框架 C ．表格 D ．层 </p><p style="text-indent: 2em;";>28．在 Dreamweaver 中利用 ( C ) 可以自动生成 Javascript 程序来完成一些特定的工作，从而无需编程就可实现一部分交互和控制功能。 </p><p style="text-indent: 2em;";>A．事件 B ．动作 C ．行为 D ．表单 </p><p style="text-indent: 2em;";>29．在 Dreamweaver 中时间轴可以通过不同的时间段来控制的位置、大小、显示等属性来创建动态效果。 </p><p style="text-indent: 2em;";>A．层 B ．行为 C ．事件 D ．表单 </p><p style="text-indent: 2em;";>30．在 Dreamweaver 设计窗口中按 ( A ) 键可以预览页面。 </p><p style="text-indent: 2em;";>A．F12 B ．ALT+F12 C．F8 D．ALT+F8 </p><p style="text-indent: 2em;";>16. 在网页的源代码中表示段落的标记是 __B_____。 </p><p style="text-indent: 2em;";>A．<head></head> B ．<p></p> C ．<body></body> D ．<table></table> </p><p style="text-indent: 2em;";>17. 属于网页制作平台的是 __C____。 </p><p style="text-indent: 2em;";>A．photoshop B ．flash C ．dreamweaver D ．cuteFTP </p><p style="text-indent: 2em;";>18. 在属性面板中，每单击一次缩进按钮，文本就缩进 __D___个半角英文字符。 </p><p style="text-indent: 2em;";>A．l B ．2 C ．3 D ．4 </p><p style="text-indent: 2em;";>19. 在文本的属性面板中，不能设置 ___A___。 </p><p style="text-indent: 2em;";>A．背景色 B ．超链接在目标窗口打开的方式 C ．文本的无序列表和有序列表 D ．段落缩进 </p><p style="text-indent: 2em;";>20. 预览网页使用 __D____功能键。 </p><p style="text-indent: 2em;";>A．F2 B ．F 8 C ．FlO D ．Fl2 </p><p style="text-indent: 2em;";>21. 要在文本的首行空两个汉字，就要插入 _D____ 个空格。 </p><p style="text-indent: 2em;";>A．l B ．2 C ．3 D ．4A </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>22. 当鼠标停留在超链接上时会出现 </p><p style="text-indent: 2em;";>A．table B ．href C </p><p style="text-indent: 2em;";>__C___ 标记定义的文字。 </p><p style="text-indent: 2em;";>．title D ．word </p><p style="text-indent: 2em;";>23. 设置列的宽度为 30，则 __C____ 标签的属性被修改。 </p><p style="text-indent: 2em;";>A．table B ．tr C ．td D ．tp </p><p style="text-indent: 2em;";>24. 下列说法中正确的是 ___D_____。 </p><p style="text-indent: 2em;";>A．层的 Z 轴越小，层的叠放位置就越靠近顶部 </p><p style="text-indent: 2em;";>C．所有层的 Z 轴的大小不能重复 </p><p style="text-indent: 2em;";>25. 下列说法中错误的是 ___C_____。 </p><p style="text-indent: 2em;";>A．当调整整个表格的大小时，表格中的所有单元格按比例更改大小 </p><p style="text-indent: 2em;";>B．如果表格的单元格指定了明确的宽度或高度，则调整大小时不更改指定宽度和高度 </p><p style="text-indent: 2em;";>C．表格的宽度可以在像素和百分比之间互相转换，而高度不能转换 </p><p style="text-indent: 2em;";>D．只要整个选择部分的单元格形成一行或一个矩形就可以合并 </p><p style="text-indent: 2em;";>26. 下列说法是错误的是 __C_______。 </p><p style="text-indent: 2em;";>A． Dreamweaver 用文件扩展名． dwt 来保成模板 </p><p style="text-indent: 2em;";>B．模板被保存在站点的本地根文件夹中的 Templates 文件夹中 </p><p style="text-indent: 2em;";>D </p><p style="text-indent: 2em;";>B ．层的 z 轴越大，层的叠放位置就越靠近底部 </p><p style="text-indent: 2em;";>．在层面板中睁眼的层表示显示层，闭眼的层表示隐藏层 </p><p style="text-indent: 2em;";>C．可以将多个表格单元格标记为单个可编辑区域 </p><p style="text-indent: 2em;";>D．可以将层或层内容标记为单元可编辑区域 </p><p style="text-indent: 2em;";>27. 下列说法正确的是 ____D_____。 </p><p style="text-indent: 2em;";>A．某个网页中使用了库以后，只能更新不能分离 </p><p style="text-indent: 2em;";>C．基于模板的文件只能在模板保存时得到更新 </p><p style="text-indent: 2em;";>28. 下列属于静态网页的是 _____A___。 </p><p style="text-indent: 2em;";>A．index ．htm B ．index ．jsp C ．index ．asp D ．index ．php </p><p style="text-indent: 2em;";>D </p><p style="text-indent: 2em;";>B ．库是一个独立的文件 </p><p style="text-indent: 2em;";>．使用模板能够做到使众网页风格一致、结构统一 </p><p style="text-indent: 2em;";>29. 获取网站空间的主要方法有三种，下列 </p><p style="text-indent: 2em;";>A．申请免费主页空间 B </p><p style="text-indent: 2em;";>___B_____不是。 </p><p style="text-indent: 2em;";>C ．申请付费空间 D ．自己架设服务器 </p><p style="text-indent: 2em;";>, 是___B____布局 </p><p style="text-indent: 2em;";>．“口”型布局 </p><p style="text-indent: 2em;";>．申请虚拟主机 </p><p style="text-indent: 2em;";>30. 页面顶部为横条网站标志十广告条，下万左为主菜单，右为显示内容的布局 </p><p style="text-indent: 2em;";>A．对称对比布局 </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>B ．“T”型布局 C ．" 三" 型布局 D </p><p style="text-indent: 2em;";>eaver 是美国 Macromedia 公司开发的集网页制作与管理网站于一身的网页编辑器和开发工具。 </p><p style="text-indent: 2em;";>( ) </p><p style="text-indent: 2em;";>2. 一个 WEB站点至少需要一个主页（ home Page），可以有其他子页（二级页面等）。 ( ) </p><p style="text-indent: 2em;";>3. 网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。 </p><p style="text-indent: 2em;";>( ) </p><p style="text-indent: 2em;";>4. 网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。 </p><p style="text-indent: 2em;";>5. 一个超级链接链接的地址为： #x11 ，其中 x11 是 </p><p style="text-indent: 2em;";>( ) </p><p style="text-indent: 2em;";>页中的某个锚点。 ( ) </p><p style="text-indent: 2em;";>eaver 支持在网页中插入各种图像，简单的方法是选择（插入）菜单的中的 (图像) 子菜单项。( ) </p><p style="text-indent: 2em;";>7. 若某网页背景颜色设置为 FFFFFF，则背景的颜色为黑色。 ( X ) </p><p style="text-indent: 2em;";>8. 在制作框架网页时，如果需要保存所有框架网页，则只需要选择文件菜单中的保存即可保存所有框架网 </p><p style="text-indent: 2em;";>页。( X ) </p><p style="text-indent: 2em;";>9. 在网页设计过程中，有时需要将几个单元格进行合并，在 Dreamweaver 中操作方法是，拖动鼠标，将需 </p><p style="text-indent: 2em;";>( )要合并的单元格选中，然后点击属性工具栏中的“合并单元格”。 </p><p style="text-indent: 2em;";>31.选中表格后， Dreamweaver 中即可显示表格属性，即可对表格的对齐方式、高度、宽度，边框样式等进 </p><p style="text-indent: 2em;";>行设置。 ( ) </p><p style="text-indent: 2em;";>32.（ X ）快速切换所打开的文件标签，称为菜单栏。 </p><p style="text-indent: 2em;";>33.（ </p><p style="text-indent: 2em;";>修改。 </p><p style="text-indent: 2em;";>34.（ X ）若要在网站内新增文件夹，只要在站点文件夹单击鼠标右键，再从弹出的快捷菜单中选择新 </p><p style="text-indent: 2em;";>建网页就可以了。 </p><p style="text-indent: 2em;";>35.（ </p><p style="text-indent: 2em;";>36.（ </p><p style="text-indent: 2em;";>）在页面属性窗口里，可以修改文字和链接的颜色，还可以设置左边界和上边界的位置。 </p><p style="text-indent: 2em;";>）若觉得网格线颜色不明显、格子太大或太小，只要移动鼠标到菜单栏依序选择查看 / 网格 / 格 </p><p style="text-indent: 2em;";>）属性面板会随着所选取的对象不同产生不同的内容，选取对象后，就可以在面板内进行编辑或 </p><p style="text-indent: 2em;";>设置，就可修改成您想要的样式。 </p><p style="text-indent: 2em;";>37.（）在 Dreamweaver 的站点管理器中设置 FTP 上传时，必须要设置的 3 项是 FTP 主机名、登录名 </p><p style="text-indent: 2em;";>和密码。 </p><p style="text-indent: 2em;";>38. （ X </p><p style="text-indent: 2em;";>39. （ X </p><p style="text-indent: 2em;";>40. （ X </p><p style="text-indent: 2em;";>）表格有 3 个基本组成部分：行、列和层格。 </p><p style="text-indent: 2em;";>）文件头标签即元信息标签，也就是通常所见到的 head 标签。 </p><p style="text-indent: 2em;";>8 种属性。）CSS共有类型、图像、区块、表格、边框、列表、定位和扩展等 </p><p style="text-indent: 2em;";>HTTP。 41. （ X ）能实现远程管理网站的协议是 </p><p style="text-indent: 2em;";>42. （ X </p><p style="text-indent: 2em;";>43. （ </p><p style="text-indent: 2em;";>44. （ </p><p style="text-indent: 2em;";>45. （ </p><p style="text-indent: 2em;";>46.（ </p><p style="text-indent: 2em;";>）在 HTML中，〈pre 〉的作用是转行标记。 </p><p style="text-indent: 2em;";>）body 元素用于背景颜色的属性是 bgcolor 。 </p><p style="text-indent: 2em;";>）IP 地址以数字表示，域名用字符表示。 </p><p style="text-indent: 2em;";>）表格的标签是〈 table 〉，单元格的标签是〈 td 〉。 </p><p style="text-indent: 2em;";>）表格的宽度可以用百分比和像素两种单位来设置。 </p><p style="text-indent: 2em;";>( ) 47. 在 HTML表格中， TD和 TH标记符都可以用来包括单元格内容。 </p><p style="text-indent: 2em;";>48. 在 HTML表格中，表格的行数等于 TR标记符的个数。 ( ) </p><p style="text-indent: 2em;";>49. 在 HTML表格中，表格的列数等于任意一行中 </p><p style="text-indent: 2em;";>50. 在 HTML表格中，表格的列数等于任意一行中 </p><p style="text-indent: 2em;";>51. 在 HTML表格中，表格的列数等于第一行中 </p><p style="text-indent: 2em;";>TH与 TD的个数。 ( X ) </p><p style="text-indent: 2em;";>TH与 TD的 colspan 属性的和。 ( X ) </p><p style="text-indent: 2em;";>TH与 TD的 colspan 属性的和。 ( ) </p><p style="text-indent: 2em;";>属性可以控制单元格内容的垂直对齐。 ( X ) 52. 在 HTML表格中，在 TR、TD或 TH标记符中使用 align </p><p style="text-indent: 2em;";>表格内容的垂直对齐方式默认为垂直居中。 ( ) </p><p style="text-indent: 2em;";>54. 框架是一种能在同一个浏览器窗口中显示多个网页的技术。 </p><p style="text-indent: 2em;";>55. 要想在一个网页中嵌套另外一个网页，一般可以使用页内框架。 </p><p style="text-indent: 2em;";>56. 只有在框架结构的网页中，才能将 </p><p style="text-indent: 2em;";>个新的浏览器窗口中打开。 ( X ) </p><p style="text-indent: 2em;";>三、填空题 </p><p style="text-indent: 2em;";>( ) </p><p style="text-indent: 2em;";>( ) </p><p style="text-indent: 2em;";>A 标记符的 target 属性指定为 _blank ，从而使超链接目标文件在一 </p><p style="text-indent: 2em;";>10. 检查插件动作可以根据访问者是否安装了指定的插件，而将它们转到不同的页面。 </p><p style="text-indent: 2em;";> 是由微软公司推出的一个 </p><p style="text-indent: 2em;";>能的 WEB的服务应用程序。 </p><p style="text-indent: 2em;";>12. 启动 Dreamweaver 有标准的启动方式、桌面快捷方式、直接载入要编辑的文档３种方法。 </p><p style="text-indent: 2em;";>13. 定义站点以及设置站点信息的方法有两种，分别是基本和高级。 </p><p style="text-indent: 2em;";>上传与下载。Web服务器端的开发环境，利用它可以产生和执行动态的、互动的、高性 </p><p style="text-indent: 2em;";>14. 在设置本地站点信息和远程站点后，就可进行本地站点与远程站点间文件的 </p><p style="text-indent: 2em;";>57. 站点地图用树型结构图方式显示站点中文件的链接关系。在站点地图中可以添加、修改，删除文件的链 </p><p style="text-indent: 2em;";>接关系。 </p><p style="text-indent: 2em;";>58. 可以通过属性面板上的对齐按钮来设置文本的对齐方式。 </p><p style="text-indent: 2em;";>59. 列表一般可以分为无序列表、有序列表、字定义列表、目录列表和菜单列表５种类型。 </p><p style="text-indent: 2em;";>9．<FONT> 标记用来改变网页中文字设置。 </p><p style="text-indent: 2em;";>10．层是一种 HTML 页面元素，可以将它定位在页面上的任意位置。 </p><p style="text-indent: 2em;";>11．通过超链接的方式可以使各个网页之间联接起来，使网站中众多的页面构成一个有机整体，使访问者 </p><p style="text-indent: 2em;";>能够在各个页面之间跳转。 </p><p style="text-indent: 2em;";>12．在 Dreamweaver文档窗口中有三个视图，它们分别是代码视图、代码视图和设计视图和设计视图。 </p><p style="text-indent: 2em;";>变化。 13．应用 CSS 样式来控制文字，无论浏览器如何调整文字大小，页面中文字大小都不 </p><p style="text-indent: 2em;";>15. 属性面板用于查看和更改所选对象的各种属性。 </p><p style="text-indent: 2em;";>16. 表单是一种重要的信息收集和交流工具。 </p><p style="text-indent: 2em;";>17. 行为是事件与动作结合，行为被规定附属于用户页面上的某个特定的元素， </p><p style="text-indent: 2em;";>个图象或者 BODY标识。 </p><p style="text-indent: 2em;";>18. 行为实质上就是网页上的一段用于实现访问者与 </p><p style="text-indent: 2em;";>JavaScript 代码。使用行为面板可以指定 </p><p style="text-indent: 2em;";>19. ASP 是由微软公司推出的一个 </p><p style="text-indent: 2em;";>能的 WEB的服务应用程序。 </p><p style="text-indent: 2em;";>20. 同过链接的方式可以使各个网页之间联接起来， </p><p style="text-indent: 2em;";>在各个页面之间跳转。 </p><p style="text-indent: 2em;";>21. 超级链接有文本链接和图象链接。 </p><p style="text-indent: 2em;";>22. 通过创建瞄点链接可以指向到文档中指定的位置。 </p><p style="text-indent: 2em;";>WEB页进行交换的 </p><p style="text-indent: 2em;";>也可以是一个文本链接、一 </p><p style="text-indent: 2em;";>动作及触发该动作的事件。从而将行为添加到页面中。 </p><p style="text-indent: 2em;";>web服务器的开发环境，利用它可以产生和执行动态的、互动的、高性 </p><p style="text-indent: 2em;";>使网站中众多的页面构成一个有机整体，使访问者能够 </p><p style="text-indent: 2em;";>23. 选择插入导航条命令，或单击插入面板的插入导航条图像，可以打开插入导航条对话框。 </p><p style="text-indent: 2em;";>24. 删除超级链接，可用以下属性面板、修改命令、右击 3 种方法中的其中一种。 </p><p style="text-indent: 2em;";>25. 表格不但能够记载表单的资料、规范各种数据、输入列表式的文 </p><p style="text-indent: 2em;";>字，而且还用来排列文字和图形。 </p><p style="text-indent: 2em;";>四、名词解释 </p><p style="text-indent: 2em;";>1. 相对路径： </p><p style="text-indent: 2em;";>1. 指从当前文档到所链接的文档的路径。 </p><p style="text-indent: 2em;";>2. 导航条：导航条由图像或图像组组成，这些图像的显示内容随用户操作而变化。导航条通常为在站点上 </p><p style="text-indent: 2em;";>的页面和文件之间移动提供一条简捷的途径。 </p><p style="text-indent: 2em;";>3. 主页：进入网站的第一个网页，也是进入该网站其它网页的入口。 </p><p style="text-indent: 2em;";>4. 静态网页：浏览器端与服务器端不发生交互行为的网页。 </p><p style="text-indent: 2em;";>5.动态网页：浏览器端与服务器端发生交互行为的网页 </p><p style="text-indent: 2em;";>6. 静态网页：浏览器端与服务器端不发生交互行为的网页。 </p><p style="text-indent: 2em;";>7. 模板：创建具有统一布局版式或相同内容的网页基础文档。 </p><p style="text-indent: 2em;";>8. 表单：用来收集访问者信息的区域集合。是 </p><p style="text-indent: 2em;";>许用户进行交互的各种对象。 </p><p style="text-indent: 2em;";>9. JavaScript ：是一种基于对象和事件驱动并具有安全性能的脚本语言。 </p><p style="text-indent: 2em;";>Web站点的访问者与服务器进行交互的工具，其内包含了允 </p><p style="text-indent: 2em;";>10. 行为：是在网页中进行的一系列的动作事件，通过这些动作可以实现网页访问者与网页间的交互。</p><p style="text-indent: 2em;";>60. 站点：提供一种组织所有与本网站有关联的网页文档的方法 </p><p style="text-indent: 2em;";>：网站的标志、徽标；是网站形象的重要体现 </p><p style="text-indent: 2em;";>62. 网页交互：客户端 ( 浏览者 ) 向服务器发送请求或者数据 , 然后服务器处理请求或者数据 , 再将结果返回到 </p><p style="text-indent: 2em;";>客户端。 </p><p style="text-indent: 2em;";>63.翻转图片：存储在站点中的各种元素，如图像或影片文件。 </p><p style="text-indent: 2em;";>64.防火墙：是一个有软件和硬件设备组合而成、在内部网和外部网之间、专用网与公共网之间的界面上构 </p><p style="text-indent: 2em;";>造的保护屏障 . 是一种获取安全性方法的形象说法。 </p><p style="text-indent: 2em;";>五、简答题 </p><p style="text-indent: 2em;";>26. 如何设计与制作网页？ </p><p style="text-indent: 2em;";>答：设计与制作网页主要包括以下几方面： </p><p style="text-indent: 2em;";>(1 ）指定网页标题； (2 ）采集网页内容； (3 ）准备网页图片：要注意在保证图片质量的情况下应尽量 </p><p style="text-indent: 2em;";>Web页的传输速度； (4 ）确定网页框架； (5 ）设置网缩小图片的大小，图片的大小在很大程度上影响了 </p><p style="text-indent: 2em;";>页背景； (6 ）创建其他页面元素：为了增强网页的效果，可适当地采用一些网页制作的技巧，如声音、动 </p><p style="text-indent: 2em;";>态网页、 Flash 、JavaApplet 等，便要注意不要采用太多，否则会影响网页的下载速度，而且动态元素用 </p><p style="text-indent: 2em;";>得太多，会使浏览都感到眼花缭乱。 </p><p style="text-indent: 2em;";>27. 如何制作滚动字幕？ </p><p style="text-indent: 2em;";>在<body></body> 之间添加标记 <marquee></marquee>，<marquee></marquee>之间输入要在页面中滚动的文 </p><p style="text-indent: 2em;";>本即可。其中标记 <marquee>的属性有以下几个： Direction </p><p style="text-indent: 2em;";>动的方式（效果）； scrolldelay </p><p style="text-indent: 2em;";>() </p><p style="text-indent: 2em;";>动。 </p><p style="text-indent: 2em;";>28. 怎样布局网页？ </p><p style="text-indent: 2em;";>（1）纸上布局法：许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页编辑工具中边设计边加 </p><p style="text-indent: 2em;";>内容。这种不打草稿的方法很难设计出优秀的网页来，所以在开始制作网页时，最好首先在纸上画出页面 </p><p style="text-indent: 2em;";>的布局草图； </p><p style="text-indent: 2em;";>（2）软件布局法：如果不喜欢用纸来画出布局示意图，那么还可以利用 </p><p style="text-indent: 2em;";>不像用纸来设计布局，利用 </p><p style="text-indent: 2em;";>无法实现的布局意念。。 </p><p style="text-indent: 2em;";>29. 为什么在 Dreamweaver 中无法使用中文文件名和路径？ </p><p style="text-indent: 2em;";>由于有的网络服务器不支持中文路径和文件名，所以在 Dreamweaver 中也不支持。当使用中文做路径和文 </p><p style="text-indent: 2em;";>PHOTOSHO软P件来完成这些工作。 </p><p style="text-indent: 2em;";>表示文字移动的方向； behavior 表示文字移 </p><p style="text-indent: 2em;";>”和 on MouseOver=” 可以控制移动速度； on Mouseout=”() </p><p style="text-indent: 2em;";>”语句是当鼠标指针移至字幕上时，文字停止滚动，而当鼠标指针移至字幕上时，文字停止滚 </p><p style="text-indent: 2em;";>PHOTOSHO可P以方便地使用颜色、图形，并且可以利用层的功能设计出用纸张 </p><p style="text-indent: 2em;";>件名时， Dreamweaver 会自动转换为 ASCⅡ码，因此建议所有的路径和文件名使用英文字符。 </p><p style="text-indent: 2em;";>30.为什么要进行网页规划？不进行网页规划能进行网站制作吗？ </p><p style="text-indent: 2em;";>网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、 </p><p style="text-indent: 2em;";>内容、费用、测试、维护等做出规划网站规划对网站建设起到计划和指导的作用，对网站的内容护起到定 </p><p style="text-indent: 2em;";>位作用。一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的 </p><p style="text-indent: 2em;";>目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免 </p><p style="text-indent: 2em;";>在网站建设中出现的很多问题，使网站建设能顺利进行。</p><p style="text-indent: 2em;";>65. 网页规划的一般步骤有哪些？ </p><p style="text-indent: 2em;";>网页是信息传播的媒体，但又不同于传统的媒体，有自己的特殊性。网页具有交互性、多维性、整合性、 </p><p style="text-indent: 2em;";>不确定性等特点，它与技术的结合更为密切，网页的超级链接功能也使它比传统的媒体更具吸引力、正是 </p><p style="text-indent: 2em;";>因为这些特殊性，网页的设计与发布也有一个特殊的流程。 </p><p style="text-indent: 2em;";>(1) 确定网站主题 </p><p style="text-indent: 2em;";>(6) 上传测试 (7) </p><p style="text-indent: 2em;";>(2) 搜集材料 (3) 规划网站 (4) 选择合适的制作工具 (5) 制作网页 </p><p style="text-indent: 2em;";>推广宣传 (8) 维护更新 </p><p style="text-indent: 2em;";>66. 怎样让链接没有下划线 ? </p><p style="text-indent: 2em;";>只要在〈 Head〉〈/Head 〉中加入以下代码，所有链接就都没有下划线了： </p><p style="text-indent: 2em;";>〈style type="text/css" </p><p style="text-indent: 2em;";>〈!-- </p><p style="text-indent: 2em;";>a：link{text-decoration:none;} </p><p style="text-indent: 2em;";>a: hover{text-decoration:underline} </p><p style="text-indent: 2em;";>-- 〉 </p><p style="text-indent: 2em;";>〈/style 〉。 </p><p style="text-indent: 2em;";>67. 怎样在网页中加入多媒体播放 ? </p><p style="text-indent: 2em;";>而有许多多媒体文件需要外部程序才能播放。 </p><p style="text-indent: 2em;";>, 可加入如下代码： </p><p style="text-indent: 2em;";>如果浏览器没有 </p><p style="text-indent: 2em;";>〉 </p><p style="text-indent: 2em;";>有些多媒体文件无需其他程序就可以播放， </p><p style="text-indent: 2em;";>安装这种外部程序，那么浏览器会自动去下载。要加入多媒体格式 </p><p style="text-indent: 2em;";>〈EMBED SRC=多" 媒体文件名 " AUTOSTART="TRUE"〉 </p><p style="text-indent: 2em;";>68. 怎样让网页的背景图像不滚动 </p><p style="text-indent: 2em;";>Internet Explorer </p><p style="text-indent: 2em;";>? </p><p style="text-indent: 2em;";>浏览器支持一个 Body 属性 bgproperties ，它可以让背景不滚动，语句格式为： </p><p style="text-indent: 2em;";>〉〈Body Background=" 图片文件 " bgproperties="fixed" </p><p style="text-indent: 2em;";>69. 怎样定义网页的关键字 ? </p><p style="text-indent: 2em;";>在网页中加入关键字 , 可以供某些搜索引擎使用 , 它们会利用该关键字为你的网站做索引，这样，当别人用 </p><p style="text-indent: 2em;";>Head〉关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了。定义网页关键字，可以在〈 </p><p style="text-indent: 2em;";>〈/Head 〉中加入如下代码： </p><p style="text-indent: 2em;";>〈meta name="Keywords" content="china,enterprise,business,net" </p><p style="text-indent: 2em;";>Content 中所包含的就是关键字 , 你可以自行设置。〉 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>一、单选题 </p><p style="text-indent: 2em;";>70. A </p><p style="text-indent: 2em;";>31.A </p><p style="text-indent: 2em;";>2.D </p><p style="text-indent: 2em;";>11.C </p><p style="text-indent: 2em;";>3.A 4.C 5.D </p><p style="text-indent: 2em;";>14.A </p><p style="text-indent: 2em;";>6. A </p><p style="text-indent: 2em;";>15.D </p><p style="text-indent: 2em;";>7.C 8.B 9.B </p><p style="text-indent: 2em;";>12.A 13.B 16 ．B 17 ．B 18 ．B </p><p style="text-indent: 2em;";>19．C 20 ．C 21 ．D 22 ．C 23 ．B 24 ．C 25 ．A 26 ．B 27 ．A 28．C 29 ．A </p><p style="text-indent: 2em;";>30．A </p><p style="text-indent: 2em;";>2. B 32.C 33.D 34.A 35.D </p><p style="text-indent: 2em;";>11. D 37.C 38.C 39.D 40.C </p><p style="text-indent: 2em;";>41.C 42.D 43.A 44.B 45.B </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1. √ 2. √ 3. √ 4. √ 5. √ </p><p style="text-indent: 2em;";>6. √ 7. × 8. × 9. √ 10. √ </p><p style="text-indent: 2em;";>11. × 12. √ 13. × 14. √ 15. √ 16. √ 17. </p><p style="text-indent: 2em;";>× 19. × 20. × 21. × 22. √ 23. √ 24. </p><p style="text-indent: 2em;";>25. √ </p><p style="text-indent: 2em;";>26. √ 27. √ 28. × 29. × 30. √ </p><p style="text-indent: 2em;";>31. × 32. √ 33. √ 34. √ 35. × </p><p style="text-indent: 2em;";>三、填空题： </p><p style="text-indent: 2em;";>1．检查插件 </p><p style="text-indent: 2em;";>2．Web服务器端 </p><p style="text-indent: 2em;";>3．标准的启动方式、桌面快捷方式、直接载入要编辑的文档 </p><p style="text-indent: 2em;";>4．基本、高级 </p><p style="text-indent: 2em;";>5．上传、下载 </p><p style="text-indent: 2em;";>6．树型结构图 </p><p style="text-indent: 2em;";>7．属性面板、对齐按钮 </p><p style="text-indent: 2em;";>8．无序列表、有序列表、自定义列表× 18. </p><p style="text-indent: 2em;";>√ </p><p style="text-indent: 2em;";>9．文字设置 </p><p style="text-indent: 2em;";>10．任意 </p><p style="text-indent: 2em;";>11．超链接 </p><p style="text-indent: 2em;";>12．代码视图和设计视图 </p><p style="text-indent: 2em;";>13．变化 </p><p style="text-indent: 2em;";>设计视图 </p><p style="text-indent: 2em;";>14．属性 </p><p style="text-indent: 2em;";>15．收集和交流 </p><p style="text-indent: 2em;";>16．事件与动作 </p><p style="text-indent: 2em;";>17．JavaScript 、动作及触发该动作 </p><p style="text-indent: 2em;";>18．Web服务器 </p><p style="text-indent: 2em;";>19．链接 </p><p style="text-indent: 2em;";>20．文本链接、图像链接 </p><p style="text-indent: 2em;";>21．锚点链接 </p><p style="text-indent: 2em;";>22．插入导航条 </p><p style="text-indent: 2em;";>23．属性面板、修改命令、右击 </p><p style="text-indent: 2em;";>24．表格 </p><p style="text-indent: 2em;";>四、名词解释： </p><p style="text-indent: 2em;";>71. 指从当前文档到所链接的文档的路径。 </p><p style="text-indent: 2em;";>2．导航条由图像或图像组组成，这些图像的显示内容随用户操作而变化。导航 </p><p style="text-indent: 2em;";>条通常为在站点上的页面和文件之间移动提供一条简捷的途径。 </p><p style="text-indent: 2em;";>3．进入网站的第一个网页，也是进入该网站其它网页的入口。 </p><p style="text-indent: 2em;";>32. 浏览器端与服务器端不发生交互行为的网页。 </p><p style="text-indent: 2em;";>5．浏览器端与服务器端发生交互行为的网页 </p><p style="text-indent: 2em;";>6．浏览器端与服务器端不发生交互行为的网页。 </p><p style="text-indent: 2em;";>7．创建具有统一布局版式或相同内容的网页基础文档。 </p><p style="text-indent: 2em;";>8．用来收集访问者信息的区域集合。是 Web站点的访问者与服务器进行交互的 </p><p style="text-indent: 2em;";>工具，其内包含了允许用户进行交互的各种对象。 </p><p style="text-indent: 2em;";>9．是一种基于对象和事件驱动并具有安全性能的脚本语言。 </p><p style="text-indent: 2em;";>10．是在网页中进行的一系列的动作事件，通过这些动作可以实现网页访问者与 </p><p style="text-indent: 2em;";>网页间的交互。 </p><p style="text-indent: 2em;";>11．提供一种组织所有与本网站有关联的网页文档的方法 </p><p style="text-indent: 2em;";>12．网站的标志、徽标；是网站形象的重要体现</p><p style="text-indent: 2em;";>13．客户端( 浏览者) 向服务器发送请求或者数据 , 然后服务器处理请求或者数据 , </p><p style="text-indent: 2em;";>再将结果返回到客户端。 </p><p style="text-indent: 2em;";>14．存储在站点中的各种元素，如图像或影片文件。 </p><p style="text-indent: 2em;";>15．是一个有软件和硬件设备组合而成、在内部网和外部网之间、专用网与公共 </p><p style="text-indent: 2em;";>网之间的界面上构造的保护屏障 . 是一种获取安全性方法的形象说法。 </p><p style="text-indent: 2em;";>五、简答题 </p><p style="text-indent: 2em;";>72. 设计与制作网页主要包括以下几方面： </p><p style="text-indent: 2em;";>(1 ）指定网页标题； </p><p style="text-indent: 2em;";>(2 ）采集网页内容； </p><p style="text-indent: 2em;";>(3 ）准备网页图片：要注意在保证图片质量的情况下应尽量缩小图片的大小， </p><p style="text-indent: 2em;";>片的大小在很大程度上影响了 Web页的传输速度； </p><p style="text-indent: 2em;";>(4 ）确定网页框架； </p><p style="text-indent: 2em;";>(5 ）设置网页背景； </p><p style="text-indent: 2em;";>(6 ）创建其他页面元素：为了增强网页的效果，可适当地采用一些网页制作的技 </p><p style="text-indent: 2em;";>巧，如声音、动态网页、 Flash 、JavaApplet 等，便要注意不要采用太多，否则 </p><p style="text-indent: 2em;";>会影响网页的下载速度，而且动态元素用得太多，会使浏览都感到眼花缭乱。 </p><p style="text-indent: 2em;";>73. 在<body></body>之间添加标记 <marquee></marquee>，<marquee></marquee> </p><p style="text-indent: 2em;";>图 </p><p style="text-indent: 2em;";>之间输入要在页面中滚动的文本即可。其中标记 </p><p style="text-indent: 2em;";>Direction </p><p style="text-indent: 2em;";>scrolldelay </p><p style="text-indent: 2em;";><marquee>的属性有以下几个： </p><p style="text-indent: 2em;";>表示文字移动的方向； behavior 表示文字移动的方式（效果）； </p><p style="text-indent: 2em;";>可以控制移动速度； on Mouseout=”() ”和 on </p><p style="text-indent: 2em;";>MouseOver=”() ”语句是当鼠标指针移至字幕上时，文字停止滚动， </p><p style="text-indent: 2em;";>而当鼠标指针移至字幕上时，文字停止滚动。 </p><p style="text-indent: 2em;";>74. （1）纸上布局法：许多网页制作者不喜欢先画出页面布局的草图，而是直接 </p><p style="text-indent: 2em;";>在网页编辑工具中边设计边加内容。这种不打草稿的方法很难设计出优秀的网页 </p><p style="text-indent: 2em;";>来，所以在开始制作网页时，最好首先在纸上画出页面的布局草图； </p><p style="text-indent: 2em;";>（2）软件布局法：如果不喜欢用纸来画出布局示意图，那么还可以利用 </p><p style="text-indent: 2em;";>PHOTOSHO软P件来完成这些工作。不像用纸来设计布局，利用 PHOTOSHO可P以方 </p><p style="text-indent: 2em;";>便地使用颜色、图形，并且可以利用层的功能设计出用纸张无法实现的布局意 </p><p style="text-indent: 2em;";>念。。</p><p style="text-indent: 2em;";>75. 由于有的网络服务器不支持中文路径和文件名，所以在 Dreamweaver中也不支 </p><p style="text-indent: 2em;";>持。当使用中文做路径和文件名时， Dreamweaver会自动转换为 ASCⅡ码，因此 </p><p style="text-indent: 2em;";>建议所有的路径和文件名使用英文字符。 </p><p style="text-indent: 2em;";>76. 网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根 </p><p style="text-indent: 2em;";>据需要对网站建设中的技术、内容、费用、测试、维护等做出规划网站规划对网 </p><p style="text-indent: 2em;";>站建设起到计划和指导的作用，对网站的内容护起到定位作用。一个网站的成功 </p><p style="text-indent: 2em;";>与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的 </p><p style="text-indent: 2em;";>目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只 </p><p style="text-indent: 2em;";>有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。 </p><p style="text-indent: 2em;";>77. 网页是信息传播的媒体，但又不同于传统的媒体，有自己的特殊性。网页具 </p><p style="text-indent: 2em;";>有交互性、多维性、整合性、不确定性等特点，它与技术的结合更为密切，网页 </p><p style="text-indent: 2em;";>的超级链接功能也使它比传统的媒体更具吸引力、正是因为这些特殊性，网页的 </p><p style="text-indent: 2em;";>设计与发布也有一个特殊的流程。 </p><p style="text-indent: 2em;";>(1) 确定网站主题 </p><p style="text-indent: 2em;";>(2) 搜集材料 </p><p style="text-indent: 2em;";>(3) 规划网站 </p><p style="text-indent: 2em;";>(4) 选择合适的制作工具 </p><p style="text-indent: 2em;";>(5) 制作网页 </p><p style="text-indent: 2em;";>(6) 上传测试 </p><p style="text-indent: 2em;";>(7) 推广宣传 </p><p style="text-indent: 2em;";>(8) 维护更新 </p><p style="text-indent: 2em;";>78. 只要在〈Head〉〈/Head〉中加入以下代码，所有链接就都没有下划线了： </p><p style="text-indent: 2em;";>〈style type="text/css" </p><p style="text-indent: 2em;";>〈!-- </p><p style="text-indent: 2em;";>〉 </p><p style="text-indent: 2em;";>a：link{text-decoration:none;} </p><p style="text-indent: 2em;";>a: hover{text-decoration:underline} </p><p style="text-indent: 2em;";>-- 〉 </p><p style="text-indent: 2em;";>〈/style 〉。 </p><p style="text-indent: 2em;";>79. 有些多媒体文件无需其他程序就可以播放，而有许多多媒体文件需要外部程 </p><p style="text-indent: 2em;";>序才能播放。如果浏览器没有安装这种外部程序，那么浏览器会自动去下载。要</p><p style="text-indent: 2em;";>加入多媒体格式 , 可加入如下代码： </p><p style="text-indent: 2em;";>〈EMBED SRC多="媒体文件名 " AUTOSTART="TRUE〉" </p><p style="text-indent: 2em;";>et Explorer 浏览器支持一个 Body 属性 bgproperties ，它可以让背 </p><p style="text-indent: 2em;";>景不滚动，语句格式为： </p><p style="text-indent: 2em;";>〈Body Background=" 图片文件" bgproperties="fixed" </p><p style="text-indent: 2em;";>81. 在网页中加入关键字 , 可以供某些搜索引擎使用 </p><p style="text-indent: 2em;";>〉 </p><p style="text-indent: 2em;";>, 它们会利用该关键字为你的 </p><p style="text-indent: 2em;";>网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字， </p><p style="text-indent: 2em;";>那么就可以被列出了。定义网页关键字，可以在〈 Head〉〈/Head〉中加入如下 </p><p style="text-indent: 2em;";>代码： </p><p style="text-indent: 2em;";>〈meta name="Keywords" content="china,enterprise,business,net" 〉 </p><p style="text-indent: 2em;";>Content 中所包含的就是关键字 , 你可以自行设置。 </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/455.html" target="_blank">网站</a> <a style="margin-right: 10px" href="/tag/175.html" target="_blank">文件</a> <a style="margin-right: 10px" href="/tag/266.html" target="_blank">页面</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：《网页制作》理论试题及答案内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/p/1702924080a436133.html">http://www.roclinux.cn/p/1702924080a436133.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/1743813211a2483998.html" class="post-item-title" title="H5网站-微信浏览器中打开底部fixed遮住内容区域问题"> <h3>H5网站-微信浏览器中打开底部fixed遮住内容区域问题</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">26天前</div> </div> <p class="post-item-summary">其他安卓浏览器都没问题，在微信浏览器中会出现这种情况，是因为fixed兼容性问题造成，但是此时absolute并不能满足需求，故使用如下方式解决&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743813489a2484044.html" class="post-item-title" title="前端pdf文件直接下载而不是在浏览器直接打开"> <h3>前端pdf文件直接下载而不是在浏览器直接打开</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">26天前</div> </div> <p class="post-item-summary">在 pdf 后缀添加 ?response-content-typeapplicationoctet-stream <a v-if"scope.row.files.fileName" :href"sco</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743813520a2484049.html" class="post-item-title" title="html5 拖拽上传文件时，屏蔽浏览器默认打开文件"> <h3>html5 拖拽上传文件时，屏蔽浏览器默认打开文件</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">26天前</div> </div> <p class="post-item-summary">我们在使用html5的拖拽上传时，做法往往是监听一个控件范围内的drop事件。但是用户在操作的时候往往会出现文件没有进入到控件范围内就释放的情况，这种情况在以下浏览器中会出现不同的情况，下面是实验结果： chrome：如果该文件是浏览器可</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743813968a2484125.html" class="post-item-title" title="解决pyecharts运行后产生的html文件用浏览器打开空白"> <h3>解决pyecharts运行后产生的html文件用浏览器打开空白</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">26天前</div> </div> <p class="post-item-summary">问题描述： pyechart生成html文件原来可以在浏览器中正常显示， 过了一段时间后重新打开同一个html文件，浏览器页面显示空白原HTML，或</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743815500a2484388.html" class="post-item-title" title="h5页面滚动如何让safari浏览器地址栏消失"> <h3>h5页面滚动如何让safari浏览器地址栏消失</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">26天前</div> </div> <p class="post-item-summary">背景:针对于在safari浏览器打开的h5页面,若页面是可滚动装填,safari浏览器底部会有默认地址栏,导致滑动起来很难受,想要在滑动页面时,底部导航栏消失可以用一下办法. 做法: 之前将overflow-y:sc</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743860409a2492185.html" class="post-item-title" title="word文件设置了密码，忘记了密码怎么办？"> <h3>word文件设置了密码，忘记了密码怎么办？</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">26天前</div> </div> <p class="post-item-summary">word文件是有两种密码的，一个是打开密码、一个是编辑限制密码设置了word密码之后，一定要记住自己设置的密码，要么设置简单的密码、要么将设置的密码记录在一个地方。但</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743863657a2492752.html" class="post-item-title" title="Win10修改编辑文件无法保存怎么办（没有权限）"> <h3>Win10修改编辑文件无法保存怎么办（没有权限）</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">26天前</div> </div> <p class="post-item-summary">Win10修改编辑hosts文件无法保存怎么办修改一些系统文件无法保存说明这个账户没有“写”这个权限这里以hosts文件为例，为账户增加读写权限： 首先进入Win10系统的hosts文件所在位</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743864002a2492804.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">26天前</div> </div> <p class="post-item-summary">网站在最近被百度提示有风险，导致网站流量急剧的下滑，从百度点击进去会直接跳转到什么BCdu博的网站上去，360提示：未经证实的BCdu博网站您访问的网</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743864156a2492828.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">26天前</div> </div> <p class="post-item-summary">网页打开后，微信分享的时候，微信没抓到图片怎么办？ 或者我们不想让微信随便抓，想有个默认的图片怎么办？ 我们这边采用最简单粗暴的</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743867972a2493488.html" class="post-item-title" title="基于python的火车票售票系统基于django火车票务网站火车购票系统"> <h3>基于python的火车票售票系统基于django火车票务网站火车购票系统</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">26天前</div> </div> <p class="post-item-summary">摘要随着科学技术的飞速发展，社会的方方面面、各行各业都在努力与现代的先进技术接轨，通过科技手段来提高自身的优势，火车票售票系统当然也不能排除在外。火车票售票系统是以实际运用为开发背景，运用软件工程原理和开发方法，采用python技术构</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743879794a2495548.html" class="post-item-title" title="微信超链接自动跳转外部浏览器打开app下载文件，实现微信直接下载APK的解决方法"> <h3>微信超链接自动跳转外部浏览器打开app下载文件，实现微信直接下载APK的解决方法</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">26天前</div> </div> <p class="post-item-summary">很多朋友都已经习惯在微信内分享网页链接和二维码了，通过扫描二维码下载APP或打开网页也成为大家惯用且非常方便的方式了。如此微信就成为了扫描二维码重要的工具，因为对于用户来说，</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743880055a2495590.html" class="post-item-title" title="m3u8下载插件，视频下载插件，抓取网页视频插件，Video DownloadHelper"> <h3>m3u8下载插件，视频下载插件，抓取网页视频插件，Video DownloadHelper</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">26天前</div> </div> <p class="post-item-summary">可以直接在网页中，下载视频的浏览器插件 “Video DownloadHelper” 我用的是火狐浏览器，下面以火狐浏览器举例，Google浏览器大致相同 1、在浏览器中输入</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743890352a2497363.html" class="post-item-title" title="windows下python相关库pip install 出错的解决办法改用网站直接下载然后本地安装"> <h3>windows下python相关库pip install 出错的解决办法改用网站直接下载然后本地安装</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">26天前</div> </div> <p class="post-item-summary">下载网站搜索（CTRLF）需要安装的库的名称找到对应自己系统的版本并下载，cp后面的数字时python的版本，如cp36代表python3.6版本&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743894639a2498113.html" class="post-item-title" title="【C盘文件迁移】C盘满了，怎么无损迁移C盘安装的软件"> <h3>【C盘文件迁移】C盘满了，怎么无损迁移C盘安装的软件</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">26天前</div> </div> <p class="post-item-summary">在日常电脑使用中，C 盘空间告急是很多小伙伴常遇到的困扰。不少软件默认安装在 C 盘，随着时间推移，系统运行速度也会受到影响。其实，我们可以将这些软件文</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743912088a2501142.html" class="post-item-title" title="windows系统，删除文件慢，使用命令行快速删除大文件"> <h3>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">25天前</div> </div> <p class="post-item-summary">在删除、复制、移动文件夹的时候经常遇到这样的情况：如果文件夹里的文件非常多，文件夹总容量非常大时，文件删除速度就会变得缓慢，这是因为Windows系统在</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1744003776a2516915.html" class="post-item-title" title="Beyond Compare 4 文件对比安装、激活"> <h3>Beyond Compare 4 文件对比安装、激活</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">24天前</div> </div> <p class="post-item-summary">1.Beyond Compare 4下载 2.Beyond Compare 4 激活删除C:UsersadminAppDataRoamingScooter SoftwareBeyond Compar</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1744005383a2517192.html" class="post-item-title" title="Windows XP系统中DLL文件缺失：当遇到DLL文件丢失时，如何确保系统的稳定运"> <h3>Windows XP系统中DLL文件缺失：当遇到DLL文件丢失时，如何确保系统的稳定运</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">24天前</div> </div> <p class="post-item-summary">在使用Windows XP操作系统时，偶尔会遇到与DLL文件相关的错误提示，如“找不到xxx.dll”或“xxx.dll已损坏”。这些问题可能导致某些应用程序无法正常启动或运行。本文将探讨DLL文</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1744055552a2525781.html" class="post-item-title" title="U盘报错，无法复制文件和文件消失"> <h3>U盘报错，无法复制文件和文件消失</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">24天前</div> </div> <p class="post-item-summary">U盘报错，无法复制文件和文件消失一、U盘无法复制，如图的情况。二、U盘内容不见了一、U盘无法复制，如图的情况。一般来说应该是U盘受到损伤，或者病</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1744055772a2525817.html" class="post-item-title" title="如何备份U盘文件?教您4个简单方法"> <h3>如何备份U盘文件?教您4个简单方法</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">24天前</div> </div> <p class="post-item-summary">在数字化时代，U盘作为便携式数据存储设备，广泛应用于日常生活与工作中。然而，U盘的便携性也伴随着数据丢失或损坏的风险。为了确保数据的安全性和完整性，做好</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1744055887a2525839.html" class="post-item-title" title="Linux操作系统无法往U盘写入文件"> <h3>Linux操作系统无法往U盘写入文件</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">24天前</div> </div> <p class="post-item-summary">文章目录现象原因解决现象往U盘写入文件时一直显示 “只读文件系统，无法写入”。原因 U盘坏了或者有病毒，电脑系统为了不让它进一步损坏设置为了只读。解决将U盘用电脑自带的U盘修</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/436133.html?safe_token=8gZURin_2BItSko9LFJhzvZrLq_2B1rWZ_2F_2Fv27o79njBYacjcLdCxZuJbqxx2YgPE5sN7Zf90dr3Tdzb7F_2FtJymmrg_3D_3D"> <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="/p/1744028495a2521065.html" title="Firebase Functions, does waiting for external API to respond count towards billable CPU time? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Firebase Functions, does waiting for external API to respond count towards billable CPU time? - Stack Overflow </h3> </div> </a> <a href="/p/1744038584a2522833.html" title="javascript - How do I save a model with attribute of type 'date' in Ember.js? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> javascript - How do I save a model with attribute of type 'date' in Ember.js? - Stack Overflow </h3> </div> </a> <a href="/p/1744045163a2523980.html" title="javascript - React Native - How to handle TextInput onChangeText event to wait before execute function? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> javascript - React Native - How to handle TextInput onChangeText event to wait before execute function? - Stack Overflow </h3> </div> </a> <a href="/p/1744048981a2524661.html" title="Fade into black jQuery or Javascript effect? Exists? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Fade into black jQuery or Javascript effect? Exists? - Stack Overflow </h3> </div> </a> <a href="/p/1744049626a2524777.html" title="javascript - Cross-domain error with Chrome in local dev only. How to resolve? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> javascript - Cross-domain error with Chrome in local dev only. How to resolve? - Stack Overflow </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="javascript - JQuery - Number every li - Stack Overflow" target="_blank" href="/p/1743998210a2515965.html"> <h3>javascript - JQuery - Number every li - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - How to properly serialize query params? - Stack Overflow" target="_blank" href="/p/1744010256a2518020.html"> <h3>javascript - How to properly serialize query params? - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - console.log not logging with await variable - Stack Overflow" target="_blank" href="/p/1744010572a2518074.html"> <h3>javascript - console.log not logging with await variable - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - how can one "unstyle" a div html element? - Stack Overflow" target="_blank" href="/p/1744017211a2519139.html"> <h3>javascript - how can one "unstyle" a div html element? - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="angularjs - JavaScript - List of last 12 Months - Stack Overflow" target="_blank" href="/p/1744024710a2520426.html"> <h3>angularjs - JavaScript - List of last 12 Months - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="How to protect Python Flask Blueprints pages with Azure authentication - Stack Overflow" target="_blank" href="/p/1744026628a2520749.html"> <h3>How to protect Python Flask Blueprints pages with Azure authentication - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Play audio from PCM data and handle PCM delay iOS swift - Stack Overflow" target="_blank" href="/p/1744046845a2524278.html"> <h3>Play audio from PCM data and handle PCM delay iOS swift - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="html - Easy way to set active class with javascript - Stack Overflow" target="_blank" href="/p/1744059665a2526491.html"> <h3>html - Easy way to set active class with javascript - Stack Overflow</h3> </a> <span class="post-date">24天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="positioning - Position div depending on distance browser edge (javascript) - Stack Overflow" target="_blank" href="/p/1744074408a2529079.html"> <h3>positioning - Position div depending on distance browser edge (javascript) - Stack Overflow</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Two divs to get fixed position, one after the other at the top - Stack Overflow" target="_blank" href="/p/1744086618a2531246.html"> <h3>javascript - Two divs to get fixed position, one after the other at the top - Stack Overflow</h3> </a> <span class="post-date">23天前</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="javascript - How do I toggle the readonly attribute of all child element with jquery - Stack Overflow" target="_blank" href="/p/1744100356a2533471.html"> <h3>javascript - How do I toggle the readonly attribute of all child element with jquery - Stack Overflow</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Might it be possible to block an entire US state from accessing my site, using PHP? - Stack Overflow" target="_blank" href="/p/1744100331a2533470.html"> <h3>javascript - Might it be possible to block an entire US state from accessing my site, using PHP? - Stack Overflow</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="c++ - Is dereferencing std::span::end always undefined? - Stack Overflow" target="_blank" href="/p/1744100330a2533469.html"> <h3>c++ - Is dereferencing std::span::end always undefined? - Stack Overflow</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Delay function execution if it has been called recently - Stack Overflow" target="_blank" href="/p/1744100302a2533468.html"> <h3>javascript - Delay function execution if it has been called recently - Stack Overflow</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Google Maps Autocomplete List - Stack Overflow" target="_blank" href="/p/1744100275a2533467.html"> <h3>javascript - Google Maps Autocomplete List - Stack Overflow</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="windows设置断电重启开机后自动输入锁屏密码登录" target="_blank" href="/b/1744098521a2533348.html"> <h3>windows设置断电重启开机后自动输入锁屏密码登录</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Windows系统设置开机默认开启数字小键盘" target="_blank" href="/b/1744098338a2533314.html"> <h3>Windows系统设置开机默认开启数字小键盘</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Windows11 开机自动同步时间（开机时间不更新问题）" target="_blank" href="/b/1744098057a2533264.html"> <h3>Windows11 开机自动同步时间（开机时间不更新问题）</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="windows配置开机自启动软件或脚本" target="_blank" href="/b/1744097709a2533205.html"> <h3>windows配置开机自启动软件或脚本</h3> </a> <span class="post-date">23天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【Redis】Windows设置Redis为开机自启动" target="_blank" href="/b/1744097548a2533178.html"> <h3>【Redis】Windows设置Redis为开机自启动</h3> </a> <span class="post-date">23天前</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">3月前</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">3月前</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">3月前</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">3月前</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">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 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>