网页设计制作面试 第1篇

通过三年的大学专业理论学习,使我具备了扎实的专业基础知识。

在大学期间，我始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，树立正确的人生观、价值观和世界观。为适应社会发展的需求，我认真学习专业知识，发挥自己的特长;挖掘自身的潜力，结合暑期社会实践，从而提高了自己的学习能力和分析处理问题能力。

“学而知不足”是我学习、工作的动力，除了必修课外，还自学Office、Flash、FrontPage20xx、Photoshop、DreamweaverMX等软件。学习之余，我坚持参加各种体育活动与社交活动。在思想行为方面，我作风优良、待人诚恳，能较好处理人际关际，处事冷静稳健，能合理地统筹安排生活中的事务。

我希望能找一个展现出自己实力的舞台。我自信能凭自己的能力和学识在毕业以后的工作和生活中克服各种困难，不断实现自我的人生价值和追求的目标，实现自己的人生价值，为人民多作贡献。

请HR能够给我这一次机会，让我能够在互联网领域中作出自己的贡献。

网页设计制作面试 第2篇

从 IE6 开始，引入了 Standards 模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。

在 IE6 之前 CSS 还不够成熟，所以 IE5 等之前的浏览器对 CSS 的支持很差， IE6 将对 CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果 IE6 支持 CSS 则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？

在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支，即当某个参数为真时，我们就使用新功能，而如果这个参数 不为真时，就使用旧功能，这样就能不破坏原有的程序，又提供新功能。IE6 也是类似这样做的，它将 DTD 当成了这个“参数”，因为以前的页面大家都不会去写 DTD，所以 IE6 就假定 如果写了 DTD，就意味着这个页面将采用对 CSS 支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是 Quirks模式（怪癖模式，诡异模式，怪异模式）。

区别：

总体会有布局、样式解析和脚本执行三个方面的区别。

盒模型：在 W3C 标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在 Quirks 模式下，IE 的宽度和高度还包含了 padding 和 border。

设置行内元素的高宽：在 Standards 模式下，给等行内元素设置 wdith 和 height 都不会生效，而在 quirks 模式下，则会生效。

设置百分比的高度：在 standards 模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用margin:0 auto 设置水平居中：使用 margin:0 auto 在 standards 模式下可以使元素水平居中，但在 quirks 模式下却会失效。

（还有很多，答出什么不重要，关键是看他答出的这些是不是自己经验遇到的，还是说都是看文章看的，甚至完全不知道。）

网页设计制作面试 第3篇

src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系。

src 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和 frame 等元素。

当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行

完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js 脚本放在底部而不是头部。

href 是 Hypertext Reference 的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加

那么浏览器会识别该文档为 css 文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式来加载 css，而不是使用@import 方式。

网页设计制作面试 第4篇

a:alt(alt text):为不能显示图像、窗体或 applets 的用户代理（UA），alt 属性用来指定替换文字。替换文字的语言由 lang 属性指定。(在 IE 浏览器下会在没有 title 时把 alt当成 tool tip 显示)

title(tool tip):该属性为设置该属性的元素提供建议性的信息。

strong:粗体强调标签，强调，表示内容的重要性

em:斜体强调标签，更强烈强调，表示内容的强调点

网页设计制作面试 第5篇

本人性格开朗、稳重、有活力，待人热情、真诚;工作认真负责，积极主动，能吃苦耐劳，用于承受压力，勇于创新;有很强的组织能力和团队协作精神，具有较强的适应能力;纪律性强，工作积极配合;意志坚强，具有较强的无私奉献精神。

对待工作认真负责，善于沟通、协调有较强的组织能力与团队精神;活泼开朗、乐观上进、有爱心并善于施教并行;上进心强、勤于学习能不断提高自身的能力与综合素质。在未来的工作中，我将以充沛的精力，刻苦钻研的精神来努力工作，稳定地提高自己的工作能力，与企业同步发展。

本人是设计专业毕业生，熟练手绘，熟练cad,3dmax,vray,photoshop等设计软件，熟练办公软件。懂画施工图，懂一定的对装饰材料和施工方法。本人乐观开朗,积极好学,健谈,有自信,具有设计的创新思想;对待工作认真负责,细心,能够吃苦耐劳,敢于挑战,并且能够很快融于集体。我虽刚刚毕业，但我年轻，有朝气，有能力完成任何工作。尽管我还缺乏一定的经验，但我会用时间和汗水去弥补。请领导放心，我一定会保质保量完成各项工作任务。 思想上积极要求上进，团结同学，尊敬师长，乐于助人，能吃苦耐劳，为人诚恳老实，性格开朗善于与人交际，工作上有较强的组织管理和动手能力，集体观念强，具有团队协作精神，创新意识。

通过两年的社会生活，我成长了很多。，我对自己这两年来的收获和感受作一个小结，并以此为我今后行动的指南。思想方面，我追求上进，思想觉悟有了很大的提高。在我从事办公室文员工作过程中，感觉到了办公室文员这一职位在企业运转过程起着衔接与协调重要作用。作为一名办公室文员，要热爱本职工作，兢兢业业，要有不怕苦不怕累的精神，也要有甘当无名英雄的气概。办事要公道，忠于职守并在工作中努力掌握各项技能。

三年的军校生活，使我懂得了纪律得重要性，锻炼了我的意志;乐观向上，大方开朗，热情务实;善与人交流，人际关系良好，待人诚恳;工作认真负责，具有吃苦耐劳、艰苦奋斗的精神;遇事沉着冷静，理智稳重，适应能力强，具备良好的组织协调能力，注重团队精神、爱好阅读,上网,打羽毛球,旅游。

网页设计制作面试 第6篇

去掉或样式丢失的时候能让页面呈现清晰的结构：

html 本身是没有表现的，我们看到例如

是粗体，字体大小 2em，加粗；是加粗的，不要认为这是 html 的表现，这些其实 html 默认的 css 样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的 HTML 结构的优点，但是浏览器都有有默认样式，默认样式的目的也是为了更好的表达 html 的语义，可以说浏览器的默认样式和语义化的 HTML 结构是不可分割的。

屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页.

例如,如果你使用的含语义的标记,屏幕阅读器就会“逐个拼出”你的单词,而不是试着去对它完整发音.

PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对 CSS的支持较弱）

使用语义标记可以确保这些设备以一种有意义的方式来渲染网页.理想情况下,观看设备的任务是符合设备本身的条件来渲染网页.

语义标记为设备提供了所需的相关信息,就省去了你自己去考虑所有可能的显示情况（包括现有的或者将来新的设备）.例如,一部手机可以选择使一段标记了标题的文字以粗体显示. 而掌上电脑可能会以比较大的字体来显示.无论哪种方式一旦你对文本标记为标题,您就可以确信读取设备将根据其自身的条件来合适地显示页面.

搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重

过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客”,但现在它们他们实际上是极其宝贵的用户.没有他们的话,搜索引擎将无法索引你的网站,然后一般用户将很难过来访问.

你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.

因此,如果页面文件的标题被标记,而不是,那么这个页面在搜索结果的位置可能会比较靠后. 除了提升易用性外,语义标记有利于正确使用 CSS 和 JavaScript,因为其本身提供了许多“钩钩”来应用页面的样式与行为.

SEO 主要还是靠你网站的内容和外部链接的。

便于团队开发和维护

W3C 给我们定了一个很好的标准，在团队中大家都遵循这个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，甚至实现模块化开发。

由于篇幅原因今天就到这里喽~

有需要完整版的朋友可以

网页设计制作面试 第7篇

大家好，我是，所学的是网页设计专业，回首四年的学习生活，使我学到了很多有关专业的知识。怀着对专业的热爱，对提高自身素质的渴望，我投入了巨大的热情和精力，并取得了优秀的成绩四年的学习培育我成为一个勇于承担责任，对人诚恳，具备很强的环境适应能力，对待生活乐观积极，拥有吃苦耐劳精神的青年.

专业学习上，本人具有较扎实的自然科学基础，较好的人文、艺术和社会科学基础及正确运用本国语言、文字的表达能力;系统地掌握本专业领域宽广的技术理论基础知识，能较强的解决与力学有关的工程技术问题的理论分析能力与实验技能.

我还积极地参加各种社会活动，抓住每一个机会，锻炼自己。大学四年，我深深地感受到，与优秀学生共事，使我在竞争中获益;向实际困难挑战，让我在挫折中成长。祖辈们教我勤奋、尽责、善良、正直;大学培养了我实事求是、开拓进取的作风。

进取勤恳是我的最大优点，我坚信选择贵单位是明智之举，立身于您为青年一代提供的广阔发展空间，必能充分激发我的自身潜力、脱颖而出，成为独挡一面的卓越人才.希望贵公司能给我一个发展的平台，我会好好珍惜它，并全力以赴，为实现自己的人生价值而奋斗，为贵公司的发展贡献力量。

网页设计制作面试 第8篇

尊敬的领导：

您好!

我叫，毕业于xx大学平面设计专业。了解到贵公司正在招聘网页设计/美工，仔细阅读贵公司对岗位的相关要求后，自认为能够胜任这份工作，特此向贵公司毛遂自荐。

我是平面设计专业的一名应届毕业生，在校期间曾系统的学习过平面构成，色彩构成，素描基础等专业课程，能熟练使用PHOTOSHOP、DREAMWEAVER、FLASH等软件，熟练掌握JAVASCRIPT、HTML5、DIV+CSS标准。四年的专业学习，在提升审美能力的同时，也练就了良好的网页整体布局能力。扎实的美术功底和色彩感，能准确把握网站整体风格设计。

纸上得来终觉浅，我深知书本上的理论知识只是前期的积累，想要真正的提升自己的能力，还是得靠实践来积累。因此，大学期间，在不耽误学业的前提下，利用课余和假期时间，多次到网站、设计公司实习。现能独立完成网页设计及制作。

长飞破浪会有时，直挂云帆济沧海，我真诚的希望成为贵公司一员，我定会以饱满的热情，踏实肯干的精神，勇于创新的理念，为公司更好的展示我们的特色!

网页设计制作面试 第9篇

尊敬的领导：

我是xx学校网页设计专业的应届毕业生，xx年6月我将顺利毕业并获得优秀管理员学位。近期获知贵公司正在招聘人才，我自信通过我几年的学习会使我能胜任这一职位。

我掌握了扎实的计算机知识并具有较好的计算机应用能力，xx年通过计算机资格证，xx年通过xx省模块试毕业。我可以熟练的进行Windows操作，并且能使用asp，html等语言进行编程，同时，本人能够灵活运用photoshop、coreldraw等图像处理软件，熟悉广告制作工序，对印刷工序有深入的了解.主要负责广告设计、包装、企业形象、户外广告、宣传册、名片制作、版报(pop)等设计工作

我的专业基础扎实，有良好的理论知识背景和较强的动手实验能力。

在学习期间，我参加过多次社会实践活动。正因为此，使我在生产、销售、管理方面积累了丰富的经验。

我深知自己缺少了“名牌大专毕业生”这一光环，因此，我付出了加倍的努力来弥补，以提高自己的竞争力。自己二年来的耕耘取得了收获，我自信自己已具备了争取就业机会的实力，而未来的事业更要靠自己去探索和拼搏。

我很希望能加盟贵公司，并为贵公司的发展贡献自己的一份力量。随信附上我的简历。如有机会与您面谈，我将十分感谢。

谨祝贵公司业绩蒸蒸日上!

网页设计制作面试 第10篇

图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。

如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。

如果图片为 css 图片，可以使用 CSSsprite，SVGsprite，Iconfont、Base64 等技术。

如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。

如果图片展示区域小于图片的真实大小，则因在服务器端根据业务需要先行进行图片压缩，图片压缩后大小与展示一致。

网页设计制作面试 第11篇

您好！

首先，带去我最诚挚的问候和深深的谢意，因为一个年轻人生命中最辉煌的一段人生旅程或许即将从您这儿启程了！在此，很高兴能为您介绍一下我：

我来自，悠久的汉文化气息，从小就造就了我“敢于争先，自强不息”的良好素质和不骄不躁的自信心理。随着知识经济的产生，“专业突出，素质全面”的复合型人才将更加适合社会需要。因此，课外我用心投身于各种班级、学校的社交活动，从不一样层次、不一样角度锻炼自我，使自我的组织、管理潜力及团队合作精神得到很大的提高。

在校期间，我各科学习成绩优异，多次获得奖学金。并和同学一起负责本系网页的修改和维护工作。担任学习委员职位期间，我在做好本职工作的同时还用心帮助他人，获得老师同学的一致好评。透过与老师同学们的交流，我的沟通、表达潜力也得到了加强。我还参加了XX省的学校大学生“挑战杯”竞赛并取得好成绩。同时我还有很强的动手、创新潜力，注重实际应用，注重团队合作，能迅速将所学转化为生产力，多次在实验、课程设计上取得好的成绩。

也许我不是最好的，但我愿用我的青春和热情乃至我的全部去理解新世纪的挑战！当然贵公司也许是实力、技术、人才兼备的大公司，没有我可能一样能直挂云帆，但若有了我的努力，相信她必须会百尺竿头更进一步！

最后衷心的期望能得到您的赏识与任用！如有机会与您面谈，我将十分感谢！一颗期盼的心真诚的静候您的佳音！

网页设计制作面试 第12篇

我是&&，是来自&&学校机电专业的一名学生。我的性格属于活泼开朗型，同时我在工作或学习时却是沉着冷静的，我能够很专心的做好有一件事，不管是多无聊，另外我学习能力很强，能够迅速掌握各种技能。

在大学里我的主修课程是：机械制图、机械设计、机械制造、数控加工技术、电子电工、PLC、金属工艺学等。运用的软件是：AUTO CAD、PRO/E绘图软件。

在激烈的人才竞争中，虽然我只是一名大专生,没有许多大学生的知识渊博，但我有颗真挚的心和拼搏进取的精神，愿为贵单位贡献一份自己的力量，为了更好地为贵单位服务。虽然我刚从大专学校毕业，没有实际的工作经验，但我相信像贵单位那样重能力、重水平、重开拓，有远见的单位，一定能把能力、水平与经验等同视之。给新人一个显身手的机会，希望贵单位能给我一个机会，能考虑我，我迫切希望早日成为贵单位的一员。

如我有幸成为贵单位的一员，将严格遵守单位的各项规章制度，发挥自己的聪明才智，开拓创新，创造业绩，以报答贵单位对我的信任!我相信只要我有这个机会，我一定可以做好，不让大家失望。

网页设计制作面试 第13篇

png-8，png-24，jpeg，gif，svg。

但是上面的那些都不是面试官想要的最后答案。面试官希望听到是 Webp。（是否有关注新技术，新鲜事物）

科普一下 Webp：WebP 格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。

图片压缩体积大约只有 JPEG 的 2/3，并能节省大量的服务器带宽资源和数据空间。FacebookEbay 等知名网站已经开始测试并使用 WebP 格式。

在质量相同的情况下，WebP 格式图像的体积要比 JPEG 格式图像小 40%

网页设计制作面试 第14篇

渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带。

“优雅降级”观点

“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，并把测试对象限定为主流浏览器（如 IE、Mozilla 等）的前一个版本。

在这种设计范例下，旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 的浏览体验。你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点，因此除了修复较大的错误之外，其它的差异将被直接忽略。

“渐进增强”观点

“渐进增强”观点则认为应关注于内容本身。

内容是我们建立网站的诱因。有的网站展示它，有的则收集它，有的寻求，有的操作，还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。这使得“渐进增强”成为一种更为合理的设计范例。这也是它立即被 Yahoo! 所采纳并用以构建其“分级式浏览器支持 (Graded Browser Support)”策略的原因所在。

那么问题来了。现在产品经理看到 IE6,7,8 网页效果相对高版本现代浏览器少了很多圆角，阴影（CSS3），要求兼容（使用图片背景，放弃 CSS3），你会如何说服他？