网页设计问题汇总

网页设计考试题+参考答案一、单选题（共30题，每题1分，共30分）1.当通过定义列表实现图文混排时，可以定义图片解释说明文字的标记是（）。

A、<'li><'/li>B、<'dd><'/dd>C、<'dl><'/dl>D、<'dt><'/dt>正确答案：B2.下列选项中，表示网页主体的标记是（）。

A、bodyB、headC、htmlD、h1正确答案：A3.下列标记中，用于定义HTML文档所要显示内容的是（）。

A、<'html><'/html>B、<'body><'/body>C、<'head><'/head>D、<'title><'/title>正确答案：B4.对于网页制作者来说web的含义是什么？（）A、可以简单理解为网页B、传输协议C、超媒体D、万维网的缩写正确答案：A5.<'div>标记是网页布局中最常用的标记，其显示类型为（）。

A、行内块类型B、块级类型C、行内类型D、浮动类型正确答案：B6.下面标记中，表示换行的标记是（）。

A、<'h1>B、<'enter>C、<'hr />D、<'br />正确答案：D7.如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是（）。

A、20像素B、30像素C、10像素D、50像素正确答案：B8.下列选项中，不是<'img />标记属性的是（）。

A、srcB、widthC、altD、href正确答案：D9.text-transform属性用于控制英文字符的大小写。

⽹页设计与制作常见60问解答1. 为什么⽹站的⾸页⽂件名⼀般命名为index.htm或index.asp？⽹站的⾸页⽂件名为index.htm或index.asp，这是⼀种⽹站⾸页命名规范。

在浏览器地址栏输⼊⽹址，即使不输⼊index.htm或index.asp，浏览器也能正确找到该⽂件并正确显⽰出来，因为Web服务器默认的⾸页⽂件名是index.htm或index.asp。

此外，通过设置，Web 服务器常⽤的默认⾸页⽂件名格式有index.htm、default.htm、index.asp、default.asp等。

2. 巧妙设置分辨率在制作⽹页时，有时会发现，制作好的⽹页在本地计算机上浏览时很正常，但在另外⼀台计算机上浏览时却发现⽹页的布局乱套了，这是因为各个计算机的分辨率不同所致。

在Dreamweaver⽂档窗⼝中的右下⾓，显⽰当前⽂档的分辨率⼤⼩。

单击当前分辨率数字，在弹出的菜单中可以为当前的页⾯指定显⽰分辨率，通过修改可以使⽹页更具灵活性。

3. 打开⽂件及插⼊⽹页图像的快速⽅法在Dreamweaver⾥，进⾏⽹页编辑时，不必通过菜单栏⾥的【打开】命令来打开⽂件，⼀个更快的⽅法是利⽤【⽂件】⾯板，打开相关⽂件，直接⽤⿏标拖动⽂件到⽂档编辑窗⼝即可；同样，要在⽹页上插⼊图像等元素，也可直接通过【⽂件】⾯板将图像⽂件拖动到⽹页上。

4. 怎样仅仅复制⽂字⽽不想要其格式？当从Dreamweaver中复制⽂字到另⼀个应⽤程序中时，HTML代码和⽂字⼀起被复制过去了。

此时⼀般都⽤快捷键【Ctrl＋C】来复制，如果在复制的时候多按⼀个【C】键则只复制选中的⽂字。

从外部⽂档中粘贴时，如果只要⽂字⽽不想要其格式，可以选择菜单中的【编辑】︱【粘贴⽂本】命令，不要直接⽤快捷键【Ctrl＋V】。

5. 如何巧妙隐藏标签？如果在⽹页中插⼊了不可见的元素时，Dreamweaver会⾃动在页⾯上添加⼀个与之相应的元素标签，以便于选择不可见元素。

页面在设计过程中遇到的问题及解决方法第一部分：页面设计过程中遇到的问题1. 要点太多，内容太复杂，页面太拥挤：在页面设计过程中，往往会遇到页面要点太多，内容太复杂，而页面空间不够放置的情况。

此时，可以采用分页技术，将内容分散到多页，从而减少一个页面的要点过多，视觉上页面也更加简洁明了。

2. 导航设计不清晰：页面上的导航设计是不适合用户浏览的话，会导致用户在找不到自己想要的内容，影响用户体验。

对于这一情况，可以根据用户需求，合理安排导航内容，以及下拉菜单的配合，以便用户能够快速的找到自己要浏览的内容。

3. 内容量过大，页面加载速度太慢：页面设计过程中，要注意控制内容量，一太多的内容会导致用户在加载时耗时太多，不利于用户的浏览。

此时，可以采用图片压缩技术，剔除不必要的内容，并优化页面加载。

4. 多浏览器的兼容性：页面设计过程中，要注意保证不同浏览器的兼容性，避免在不同浏览器中出现严重的显示错误。

此时，可以设计页面时注意在多种浏览器效果上的均衡性，同时可以使用css hack方法，来针对各个不同的浏览器做出不同的处理，从而保证浏览器的兼容性。

第二部分：解决页面设计中的问题1. 清晰明了的导航设计：要设计出一个简洁、明了的导航设计，可以考虑文字与图片相结合，以及添加跳转链接，给用户更多的选择，使其可以方便的浏览内容，从而提高用户的体验度。

2. 合理排版：在页面设计过程中，要注意合理排版，给用户创造一个舒适的浏览环境。

可以使用新颖的设计手段，将文字、图片有机的结合起来，让用户感到视觉上的舒适感，而不致出现“内容拥挤”的状况。

3. 节点加载优化：将页面上多余的内容删除，优化图片加载，将节点加载与页面内容分开，以便节省时间，优化页面加载。

4. 浏览器兼容性：针对不同的浏览器进行兼容性测试，在设计过程中，可以分阶段进行功能测试，在测试出错误的部分进行修改，以保障浏览器的兼容性。

网页设计时需要注意什么问题网页设计时需要注意什么问题网页设计时需要注意什么问题呢?很多做网页设计人员或许不会太注意一些网页的小细节，但是往往就是因为这些小细节让你的网页带来不一样的效果，同时给你带来更多的用户。

今天就让我们店铺为大家介绍：网页设计时需要注意什么问题?1.网页色彩太杂乱一个网页最好不要选太多种颜色，一般在三种颜色内最佳，选的颜色一般为相近色或对比色较好，这样整个页面看上去大方得体2.网页中字体设置过多通常来说一个网页中最好不要超过三种字体，没有特殊要求的一般都用宋体字。

3.网页内容过于堆叠杂乱网页的内容繁多，各种分支信息占据的空间过多时，为了突出关键的主题时可以设计不一样的字体和背景色，这样可以引导用户注意到你想让他注意的地方。

在网页设计中，没有特别奉行的准则，但以直观的方式组织你的内容是一条很好的经验规则，也是多年培养的用户习惯。

网页要大众化不要标新立异，毕竟用户不是专业网页设计人士，用户不会站在你的角度上看问题。

当然一成不变不是我们所鼓励的。

4.网页中留白不要太少留白是网页设计中一个重要部分。

适当的留白可以给用户很好的视觉感，而且整体看上去很舒服，段落分明，结构规划合理。

空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。

5.网页设计注意对比效果适当考虑两种对比色彩的运用或者大小的变化，有些方式之所以比其他的更好，其原因就是这是一种眼睛感知到对比的方式。

如果你很难舒服的阅读文字，考虑一下改变字体大小或方式。

6.重视用户电脑的屏幕显示效果也许某个分辨率对你的电脑效果特别好，但是用在用户电脑上就不一定如此了。

虽然这种分辨率的显示器正在减少，但采用更小的分辨率的手机设备也来了。

现在的网页设计宽度标准是960像素，虽然没有照顾到每一种分辨率，但在主流分辨率上可以呈现的最好。

假如你希望面对大量的手机用户，最好考虑一个手机版设计。

7.缺乏尺寸大小标准做法是h1的文字大于h2的`文字，头部文字大于段落文字。

网页设计练习题集一、单项选择题1. 在HTML中，标记<pre>的作用是(B )。

A.标题标记B．预排版标记 C.转行标记D．文字效果标记2. 域名系统DNS的含义是( B )。

A. Direct Network SystemB. Domain Name ServiceC. Dynamic Network SystemD. Distributed Network Service3. 主机域名center. nbu. edu. cn由四个子域组成，其中( D )子域代表国别代码。

A. centerB. nbuC. eduD. cn4.在一个框架的属性面板中，不能设置下面哪一项。

（ A ）A．源文件B．边框颜色C．边框宽度D．滚动条5.下列哪一项表示的不是按钮。

（ B ）A．type="submit"B．type="reset"C．type="image"D．type="button"6．在CSS中使用背景图片需要使用参数（ B ）A．image B．urlC．style D．embed7．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（ C ）A．不用修饰B．下划线C．上划线D．横线从字中间穿过8．在CSS的文本属性中，文本修饰的取值text-decoration：underline表示（ B ）A．不用修饰B．下划线C．上划线D．横线从字中间穿过9.下面哪一个属性不是文本的标签属性？（A ）A．nbsp; B．align C．color D．face10.下面哪一项的电子邮件链接是正确的？（ D ）A． B．xxx@.net C．xxx@com D．xxx@ 11．在CSS的文本属性中，文本修饰的取值text-decoration：line-through表示（ D ）A．不用修饰B．下划线C．上划线D．横线从字中间穿过12．外部式样式单文件的扩展名为（ D ）A．.js B．.domC．.htm D．.css13. 超级链接是一种(A )的关系。

网页设计常见错误及解决办法网页设计常见错误及解决办法大部分设计师不可避免的会接触到移动UI设计以外的内容，那就是网页设计。

那网页设计里有哪些套路捏?咱们往下看。

1、色彩种类运用过多为了让自己的网站表现得热情而有吸引力，很多朋友非常极端地向其中加入大量色彩鲜艳的文字与边框，而这些颜色的运用与图片内容并不协调。

这显然有损访客对核心内容的关注。

解决办法最好的办法是使用最多三种主色调与素雅的背景。

如果大家决定选择纹理背景，请确保其具体取色不会像霓虹灯般锐利刺眼。

2、字体大小存在问题这类问题往往存在多种表现形式，包括字体不足12号使得用户无法看清甚至点不到后退按钮。

解决办法要解决这些难题，最重要的是理解客户需要——年纪超过40岁的群体往往更喜欢大字体。

年纪更大的使用者甚至只能看得清14号以上的字体。

主题文本还应被拆分成更易于管理的区块，但却又不能破坏其连贯性。

保证信息的易读性与快速获取性是我们的核心设计原则之一。

当需要提供大量文本内容时，可以考虑将其划分成多个不同页面以简化内容管理。

3、过度使用GIF、动画与音效在某些情况下，GIF动画非常有趣;动画能够让访问者获得更好的使用体验;音效可能也有助于提升感受。

但这些都只是点缀，切记不可画蛇添足。

GIF动画过多会造成一种庸俗而幼稚的氛围，而大家对于音效以及音乐的取向也有所不同。

有时，我们精心设计，却难以实现效果。

解决办法千万别让费尽心力添加的动画与音效成了刺眼又刺耳的垃圾元素。

使用GIF动画最好能免则免，企业的官方网站绝对不要使用。

4、超大的导航菜单大型的`导航菜单，对于包含大量不同子页面的网站而言，似乎是一个很好的解决方案，然而实际情况并非如此。

我们常见的网站设计错误就是在边栏及子菜单中塞进长长的清单，超大的导航菜单对于绝大多数的普通用户而言，看起来更像是迷宫。

这看似满足了全部用户的需求，实则会分散用户注意力，并让用户觉得不那么爽。

如果导航、侧栏与底栏无法协同工作，那么网站内容再好也将没有意义。

网页设计试题及答案一、选择题（每题2分，共20分）1. 以下哪个不是网页设计中常用的图像格式？A. JPEGB. PNGC. SVGD. MP32. CSS（层叠样式表）的主要功能是什么？A. 网页布局B. 网页导航C. 网页样式控制D. 网页内容编辑3. HTML5相对于HTML4，新增了哪些功能？A. 视频和音频支持B. 表单控件增强C. 语义化标签D. 所有以上4. 网页设计中，响应式设计的主要目的是？A. 提高网站访问速度B. 增加网站内容C. 使网站在不同设备上都能良好显示D. 提升网站安全性5. 以下哪个不是JavaScript的用途？A. 表单验证B. 动态内容更新C. 服务器端编程D. 交互式动画制作二、填空题（每空2分，共20分）6. HTML是_________的缩写，用于创建网页的结构。

7. CSS选择器可以用于_________网页元素的样式。

8. JavaScript是一种常用于_________的脚本语言。

9. 网页的可访问性（Accessibility）指的是_________。

10. 网页的SEO（搜索引擎优化）主要关注网页的_________和_________。

三、简答题（每题10分，共30分）11. 简述网页设计中用户体验（User Experience, UX）的重要性。

12. 解释什么是Web标准，并说明遵循Web标准的好处。

13. 描述网页设计中的色彩理论及其对用户视觉体验的影响。

四、案例分析题（每题15分，共30分）14. 给出一个网页设计的案例，并分析其布局、导航、色彩和字体选择等方面。

15. 分析一个响应式网页设计的例子，讨论其在不同设备上的表现和用户体验。

答案：一、选择题1. D2. C3. D4. C5. C二、填空题6. HyperText Markup Language7. 选择和应用8. 客户端脚本编写9. 所有用户都能访问和使用网站10. 结构、内容三、简答题11. 用户体验（UX）在网页设计中至关重要，因为它直接影响用户对网站的第一印象和整体满意度。

8个经典的网页设计师面试问题及回答思路8个经典的网页设计师面试问题及回答思路面试过程中，面试官会向应聘者发问，而应聘者的回答将成为面试官考虑是否接受他的重要依据。

对应聘者而言，了解这些问题背后的“猫腻”至关重要。

下面是YJBYS收集整理的8经典的网页设计师面试问题及回答思路，欢迎阅读!问题一：“请你自我介绍一下”思路：1、这是面试的必考题目。

2、介绍内容要与个人简历相一致。

3、表述方式上尽量口语化。

4、要切中要害，不谈无关、无用的内容。

5、条理要清晰，层次要分明。

6、事先最好以文字的形式写好背熟。

回答要点：用10秒钟简单说说个人资料即可。

用一分半钟左右时间介绍你以前从事的工作，和所获得的经验。

再用一分钟左右时间描述你以前的工作经验对应聘的这份职位来说有那些帮助。

问题二：“谈谈你的家庭情况”思路：1、况对于了解应聘者的性格、观念、心态等有一定的作用，这是招聘单位问该问题的主要原因。

2、简单地罗列家庭人。

3、宜强调温馨和睦的家庭氛围。

4、宜强调父母对自己教育的重视。

5、宜强调各位家庭成员的良好状况。

6、宜强调家庭成员对自己工作的支持。

7、宜强调自己对家庭的责任感。

问题三：“你有什么业余爱好?”思路：1、业余爱好能在一定程度上反映应聘者的性格、观念、心态，这是招聘单位问该问题的主要原因。

2、最好不要说自己没有业余爱好。

3、不要说自己有那些庸俗的、令人感觉不好的爱好。

4、最好不要说自己仅限于读书、听音乐、上网，否则可能令面试官怀疑应聘者性格孤僻。

5、最好能有一些户外的业余爱好来“点缀”你的形象。

问题四：“你最崇拜谁?”思路：1、最崇拜的人能在一定程度上反映应聘者的性格、观念、心态，这是面试官问该问题的主要原因。

2、不宜说自己谁都不崇拜。

3、不宜说崇拜自己。

4、不宜说崇拜一个虚幻的、或是不知名的人。

5、不宜说崇拜一个明显具有负面形象的人。

6、所崇拜的人人最好与自己所应聘的工作能“搭”上关系。

7、最好说出自己所崇拜的人的哪些品质、哪些思想感染着自己、鼓舞着自己。

网页设计的排版问题〔网页〔制定〕〕的排版问题使用超过3种不同的字体使网站看起来非结构化和不专业，太多的类型尺寸和样式一次也可能破坏任何布局。

下面介绍网页制定的排版问题，希望可以为您带来帮助。

1. 最少使用字体数量使用超过3种不同的字体使网站看起来非结构化和不专业，太多的类型尺寸和样式一次也可能破坏任何布局。

一般来说，整个网站字体的数量限制在最多两种，一种一般就足够了。

如果您使用多个字体，请保证字体系基于字符宽度互补。

如图：左边组的字体相对就比较和谐，而右边字体的粗细对比太显然，则显得轻重比例很不和谐了。

2. 尝试使用标准字体字体嵌入服务(如Google Web字体或Typekit)有许多有趣而标准的系统字体，而因为用户更加熟悉标准字体，所以可以更快地读取它们。

除非您的网站关于自定义字体(如品牌宣扬或创建身临其境的体验)非常有吸引力，否则通常最好使用系统字体。

3. 限制线长度如果你想要一个优良的阅读体验，你应该每行约 60 个字符。

在每行上拥有适当的字符数量是您的文本可读性的关键。

如果每行文字太短，视线必须反复折回来，打破读者的节奏。

如果一行文字太长，用户的眼睛将很难专注于文本。

关于移动设备，您应该每行30- 40 个字符。

以下是在移动设备上查看的两个网站的示例。

第一个使用每行50- 75 个字符(打印和桌面的每行最正确字符数)，而第二个使用最正确30- 40 个字符。

4. 选择各种尺寸的字体保证您选择的字体在较小的屏幕上清楚可辨!5. 使用可区分字母的字体许多字体使得很容易混淆类似的字母，特别是与"i'和"L'(如下列图所示)，所以当选择你的字体类型时，请保证在不同的上下文中检查你的类型，以保证不会为你的用户造成问题。

6. 避免英文全部大写请勿强制用户阅读所有大写字母，与小写类型相比，那只会大大延缓了用户扫描和阅读的速度，让他们分分钟爆炸。

7. 不要最小化线间距行间距一般是字符高度的30%，以便优良的可读性。

ui网页设计面试题在UI网页设计领域，面试是评估候选人技能和能力的重要环节。

以下是一些常见的UI网页设计面试题，帮助你对面试进行准备。

1. 请简要介绍一下你的工作经验和专业背景。

2. 你对UI网页设计的理解是什么？它在网页设计中的重要性是什么？3. 你在设计一个新的UI网页时的工作流程是什么？4. 在UI设计中，你是如何确定用户界面的整体风格和色彩搭配的？5. 如何保证在不同设备上的网页显示效果一致？请谈谈你的策略和方法。

6. 你如何为不同目标受众设计适用的用户界面？7. 请举例说明你成功应用用户体验设计（UX）原则的项目。

8. 你怎样确定可点击元素（按钮、链接等）的设计和放置位置？9. 在设计大型网页时，你是如何处理信息层级结构和导航的？10. 请谈谈你对网页可访问性的理解，并提供一些提高网页可访问性的方法。

11. 在UI设计中，有哪些常见的设计失误需要避免？12. 你如何与开发人员合作，确保设计师和开发人员之间的良好沟通和协作？13. 请列举一些你最喜欢的UI设计工具和软件，并解释你为什么喜欢使用它们。

14. 当面对设计难题或挑战时，你是如何应对和解决的？15. 请说说你对最新UI设计趋势和技术的了解。

16. 你认为自己最大的UI设计优势是什么？请分享一次展现这个优势的经历。

17. 在一个团队项目中，你是如何管理时间和处理工作压力的？18. 如何评估一个UI设计的成功与否？你会采取哪些方法来收集用户反馈或评估数据？19. 请描述一次你与客户或团队成员之间发生冲突的经历，以及你是如何解决冲突的。

20. 除了UI网页设计，你还有什么其他设计方面的技能和兴趣？以上是一些常见的UI网页设计面试题，通过回答这些问题，你可以展示你的技能和经验，同时也体现出你对UI设计的热情和专业素养。

祝你在面试中取得成功！。