网页设计师常见面试题集
- 格式:docx
- 大小:13.49 KB
- 文档页数:9
ui网页面试问题及答案UI(User Interface,用户界面)是指用户与设备或者软件之间进行交互的界面。
在网页设计中,UI设计是非常重要的一环,它直接影响着用户对网页的使用体验。
然而,在进行UI网页设计时,常会遇到一些问题。
本文将探讨一些常见的UI网页设计问题,并提供相应的解决方案。
一、颜色搭配问题在UI网页设计中,颜色的选择和搭配是非常重要的。
合理的颜色搭配可以提升用户对网页的视觉体验,但不当的颜色搭配可能会导致用户的不适感。
解决这个问题的关键在于了解颜色的搭配原则。
1.1 对照度不足对照度不足会导致文字或者图象无法清晰地展示在网页上。
解决这个问题的方法是选择具有足够对照度的颜色搭配,比如黑色和白色的搭配,或者是亮色和暗色的搭配。
1.2 色采过于明艳过于明艳的颜色会给用户带来刺眼的感觉,影响用户的使用体验。
解决这个问题的方法是选择柔和的颜色,或者是使用浅色背景搭配明艳的颜色。
二、布局问题网页的布局直接影响用户对网页信息的获取和操作方式。
合理的布局可以使用户更加方便地使用网页,但不合理的布局可能会导致用户的困惑和不满意。
解决这个问题的关键在于考虑用户的使用习惯和信息的重要性。
2.1 信息过于拥挤当网页上的信息过于拥挤时,用户可能会感到困惑和压抑。
解决这个问题的方法是合理分配信息的位置和大小,避免信息之间的重叠和混乱。
2.2 信息罗列无序网页上的信息罗列无序会给用户带来困惑,使其难以找到所需的信息。
解决这个问题的方法是按照逻辑和重要性对信息进行分类和罗列,使用户能够快速找到所需的信息。
三、导航问题导航是用户在网页上进行浏览和操作的重要方式,良好的导航设计可以提升用户的使用体验。
然而,不合理的导航设计可能会导致用户迷失和操作难点。
解决这个问题的关键在于简洁明了的导航设计。
3.1 导航复杂当导航过于复杂时,用户可能会迷失在网页中,不知道如何进行下一步的操作。
解决这个问题的方法是简化导航,将主要功能和页面进行分类,减少用户的选择难点。
网页设计面试题一、介绍网页设计是指通过对网页进行布局、色彩、图像、文字和交互等方面的设计与构思,使网页能够直观、美观、易用地呈现信息和功能。
在网页设计师的面试中,经常会被问及一些与网页设计相关的问题。
以下是一些常见的网页设计面试题:二、问题列表1. 什么是响应式设计?为什么响应式设计在现代网页设计中很重要?2. 提供几种常见的网页设计布局方式,并解释它们的特点。
3. 你对平衡、对比、一致、重复和醒目的设计原则有了解吗?请分别解释一下它们在网页设计中的运用。
4. 色彩在网页设计中的角色是什么?如何选择合适的色彩方案?5. 什么是无障碍性设计?为什么在网页设计中需要考虑无障碍性?6. 你知道什么是用户体验设计吗?在网页设计中,如何优化用户体验?7. 请举例说明一些常见的网页设计错误,并提出改进的建议。
8. 在设计网页时,如何选择适合的字体?9. 解释一下网页加载速度对用户体验的重要性,并提供一些优化网页加载速度的方法。
10. 请描述一下你最喜欢的网页设计作品,并解释你为什么喜欢它。
三、解答1. 响应式设计是通过使用弹性布局、媒体查询和其他技术,使网页能够自适应不同设备和屏幕尺寸。
它的重要性在于,在移动设备的普及和多样化的屏幕尺寸中,能够为用户提供一致、舒适的浏览体验。
2. 常见的网页设计布局方式有单栏布局、双栏布局、三栏布局、栅格布局等。
单栏布局适用于简单的内容呈现,双栏布局适用于包含不同主题的内容,三栏布局适用于更复杂的页面结构,栅格布局可以灵活调整元素的位置和布局。
3. 平衡指页面元素在视觉上的平衡,对比指不同元素之间的差异,一致指页面各个元素在样式和布局上的统一,重复指重复使用相似的元素来强调页面的连贯性,醒目指吸引用户注意力的元素使用。
在网页设计中,通过运用这些设计原则可以提高页面的可读性和吸引力。
4. 色彩在网页设计中有引导用户的作用,可以加强信息的传达和页面的组织。
选择合适的色彩方案时,需要考虑目标用户的喜好和页面所要传达的情感。
网页设计师面试题一、介绍作为一个网页设计师,面试过程中可能会遇到各种各样的问题。
这些问题旨在了解你的专业知识、技能和工作经验,以及你是否适合担任网页设计师的职位。
本文将针对网页设计师面试题展开讨论,帮助你更好地应对面试。
二、常见问题及回答以下是一些常见的网页设计师面试问题及其回答,供参考:问题1:请介绍一下你的网页设计经验。
回答:我已经从事网页设计工作五年了,期间我负责设计了多个企业网站和个人博客。
我熟悉HTML、CSS以及JavaScript等前端技术,能够根据客户需求进行网页设计,并确保网站具有良好的用户体验。
问题2:你认为什么样的网页设计更吸引用户?回答:我认为吸引用户的网页设计应该具备以下几个特点:简洁明了的布局、统一的配色方案、易于导航的界面、优秀的用户体验等。
同时,网页设计应该根据目标受众的需求和偏好来进行定制,以提高用户的参与度和留存率。
问题3:你在设计网页时通常会考虑哪些因素?回答:在设计网页时,我会考虑以下几个因素:用户体验、易用性、界面美观、加载速度以及各种屏幕尺寸的适应性。
此外,我还会关注网页的可访问性,确保残障用户也能够正常浏览和使用网站。
问题4:你熟悉哪些网页设计工具和技术?回答:我熟练使用Adobe系列软件,如Photoshop和Illustrator,用于图像处理和创作。
我还熟悉HTML、CSS和JavaScript等前端技术,能够编写符合标准的、优化的代码。
另外,我了解响应式设计和移动优先设计等最新的网页设计趋势。
问题5:你如何处理与客户之间的沟通和合作?回答:在与客户合作的过程中,我注重倾听客户的需求和要求,并确保我完全理解他们的期望。
我主动与客户保持沟通,及时反馈设计方案,并接受他们的修改意见。
我相信通过积极的沟通和合作,能够达到客户对网页设计的满意度。
问题6:请分享一次你觉得自豪的网页设计项目经历。
回答:在我之前的一家公司,我负责设计一个电子商务网站,该项目涉及到多个页面和复杂的功能。
web前端开发面试题及答案Web前端开发是互联网行业中一个非常热门的领域,涉及到网页设计、开发和用户体验等多个方面。
在面试过程中,面试官通常会提出一系列问题来评估应聘者的专业知识和技能。
以下是一些常见的Web前端开发面试题及答案:1. HTML相关问题- 问:HTML5有哪些新特性?- 答:HTML5引入了新的语义元素如`<header>`, `<footer>`,`<article>`, `<section>`等,增强了表单控件,如`<inputtype="date">`,`<input type="range">`等,支持多媒体内容,如`<video>`和`<audio>`,以及提供了绘图功能`<canvas>`。
2. CSS相关问题- 问:CSS选择器有哪些类型?- 答:CSS选择器主要有以下几种类型:元素选择器、类选择器(如`.class`)、ID选择器(如`#id`)、属性选择器(如`[type="text"]`)、伪类选择器(如`:hover`, `:first-child`)和伪元素选择器(如`::before`, `::after`)。
3. JavaScript相关问题- 问:JavaScript中的闭包是什么?- 答:闭包是指一个函数能够记住并访问其创建时的环境,即使该环境的外部上下文已经执行完毕。
闭包通常用于创建私有变量和方法,或者在回调函数中使用外部变量。
4. 响应式设计相关问题- 问:如何实现响应式网页设计?- 答:实现响应式网页设计主要依赖于CSS媒体查询(Media Queries),通过不同的屏幕尺寸和设备特性来应用不同的样式规则。
同时,使用流体布局(使用百分比而非固定像素)和可伸缩的图片和媒体元素也是关键。
网页制作面试题在进行网页制作面试时,面试官通常会提出一系列问题,以了解应聘者在网页制作方面的知识和能力。
本文将介绍一些常见的网页制作面试题,并给出相应的答案和解析。
问题一:请介绍一下你在网页制作方面的经验。
回答一:在过去的两年中,我一直从事网页制作工作。
我精通HTML、CSS和JavaScript等技术,能够独立完成网页的设计与开发。
我熟悉响应式设计的原理和实现方法,并且具备良好的设计审美和用户体验意识。
我还有丰富的项目经验,曾开发过多个具有不同功能和风格的网站。
问题二:请简要介绍一下HTML5的新特性和用途。
回答二:HTML5是HTML的最新版本,它引入了许多新特性和API,为网页制作提供了更多的可能性。
其中一些重要的新特性包括语义化标签(如header、nav、article等),音频和视频支持,Canvas绘图API,地理定位API等。
HTML5还提供了更好的跨平台和跨设备的支持,可以在不同的浏览器和设备上展现出一致的效果。
问题三:请解释一下CSS的盒模型,并说说它的作用。
回答三:CSS的盒模型是用来描述和布局网页元素的重要概念。
它将每个HTML元素看作一个矩形的盒子,包括内容区域、内边距、边框和外边距。
盒模型的作用是控制元素在页面中的尺寸和位置。
通过设置元素的宽度、高度、内边距和边框等属性,可以实现对元素的布局和样式的控制。
问题四:请说明一下CSS选择器的种类和使用场景。
回答四:CSS选择器用于选择HTML元素并应用样式。
常见的CSS 选择器包括元素选择器、类选择器、ID选择器、属性选择器、后代选择器、相邻选择器等。
它们可以单独使用,也可以结合使用,以满足不同的需求。
比如,元素选择器用于选中所有具有相同元素标签的元素,类选择器用于选中具有相同类名的元素,ID选择器用于选中具有相同ID的元素,后代选择器用于选中某个父元素下的所有后代元素等。
问题五:请介绍一下响应式网页设计,并说说它的优势。
ui网页面试问题及答案这是一篇由网络搜集整理的关于ui网页面试问题及答案的文档,希望对你能有帮助。
篇一:UI面试宝典一、UI设计面试12个问题需要注意1. 你的UI 是否高度一致?用户来到你的站点,脑子里会保持着一种思维习惯,你的UI 需要保持一致,以免用户的思维方向被打乱。
比如,如果你的某个品目下的产品可以拖放到购物车,那你站点中所有产品都应该可以这样操作。
将按钮放到不同页面相似的位置,使用相契合的配色,使用一致的语法和书写习惯,同时,让你的页面拥有一致的结构。
2.用户能自由掌控自己的操作吗?你应当分析一下,自己的站点是否容易导航。
用户应当可以自由掌控自己的浏览行为,确保他们能从某个地点跳出,能够毫无障碍地退出。
那些在用户离开前弹出窗口的行为是UI 易用性的一个大问题。
3.你知道谁是你的用户群吗?要设计有效的UI,必须对你的用户群有所了解,不同的用户阶层对不同的设计元素有不同的理解,17~25 岁年龄段的人,和40~55 年龄断的人有不同的喜好。
你的UI 设计必须针对你的用户群进行设计。
4.你是否有足够的预防错误的措施?应该尽可能检查程序中的错误和BUG,虽然你可以弹出一个窗口告诉用户发生了什么,但为了更好的用户体验,最好减少这些东西。
Beta 测试是消减错误的最好方法。
5.你是否首先将最重要的东西展示给用户?将重点放在重要的内容上面,首先为用户展示最重要的内容,以便用户更好地理解你的内容。
6.你的设计是否简约?很多站点的设计十分简约,简约设计可以增强UI 的易用性,可以让用户不必关心那些无关的信息。
你的UI 应该是这样的,它的功能很强大,但设计很简约,拥挤的界面,不管功能多么强大,都会吓跑用户。
7.你是否使用了视觉提示?如果你使用了Ajax,Flash 一类的技术,当内容在加载的时候,应当提供视觉提示,应当始终让用户知道目前在做什么。
8.你的UI 是否有操作提示?你的用户是否靠自己研究或FAQ 文档学习如何操作?你应当在UI 现场提供简单的操作提示,比如,使用jQuery在你的各个UI 元素上显示操作提示。
网页设计面试题一、单选题:1.Web安全色所能够显示的颜色种类为( C )A.4种B.16种C.216种D.256种2.XML描述的是( C )A.数据的格式B.数据的规则C.数据的本身D.数据的显示方式3.非彩色所具有的属性为( C )A.色相B.饱和度C.明度D.纯度4.在HTML中,标记<font>的Size属性最大取值可以是( C )A.5B.6C.7D.85.在HTML中,标记<pre>的作用是( B )A.标题标记B.预排版标记C.转行标记D.文字效果标记6.下面不属于CSS插入形式的是( A )A.索引式B.内联式C.嵌入式D.外部式7.如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是( C )A.HTTPB.HTTPSC.SHTTPD.SSL8、在以下的 HTML 中,哪个是正确引用外部样式表的方法?(5分) B A:<style src="mystyle.css">B:<link rel="stylesheet" type="text/css" href="mystyle.css">C:<stylesheet>mystyle.css</stylesheet>9. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C )A. display:inlineB. display:noneC. display:blockD. display:inheric10、下列哪些是格式良好的 XHTML?(5分) BA:<p>A <b><i>short</b></i> paragraph</p>B:<p>A <b><i>short</i></b> paragraph</p>C:<p>A <b><i>short</i></b> paragraph二、多选题:1.WWW的组成主要包括( ACD )A.URLB.GopherC.HTMLD.HTTPE.Telnet2.下列关于IP地址与域名的说法正确的是( ABCD )A.IP地址以数字表示,域名用字符表示B.IP地址是供全球识别的通信地址C.IP地址与域名是一一对应的D.域名可以多于三个层次E.IP地址与域名都限制在32位内3.网页制作工具按其制作方式分,可以分为( BE )A.通用型网而制作工具B.标记型网页制作工具C.专业型网页制作工具D.编程型网页制作工具E.“所见即所得”型网页制作工具4.下面说法正确的是( AE )A. Java是一种编译语言B. JaveScript是面向对象的程序设计语言C. javascript是由SUN公司开发的D. javascript的源代码非常安全E. Java采用强定义类型变量检查5.下面关于CSS的说法正确的有( ABC )A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距 三、填空题:1、改变元素的外边距用___margin_____,改变元素的内填充用____padding___2、对ul li的样式设成无,应该是用什么属性__list-style:none______。
网页设计面试技巧篇一:网页设计面试题1、你认为作为网页设计人员,下面的哪一个选项你最为看重?A、设计创作时的成就感和满足感B、收入C、宽松的工作环境及良好的团队协作D、个人事业发展2、你认为一个网页设计人员,要具备的最重要品质是下面哪一个:A、设计感觉和天赋B、强烈的责任心C、与人沟通和理解的能力D、全面的技术和不断学习能力3、如果你的工作很有压力,会出现时常加班的情况,你会如何应对:A、下了班就是我自己的时间了,拒绝加班B、如果公司有要求,会积极配合的C、虽然不太愿意,但是为了把工作做完,只有加班了D、没什么可抱怨的,喜欢呆在公司的感觉4、CSS+DIV在网页设计的好处?答:1、表现与内容分离:将设计部分分离出来放在一个独立样式文件中,HTML文件中只存放文本信息。
2、易于日后的修改和维护:用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效率地搜索到你的网页。
3、提高了页面浏览速度:页面容量比table编码的页面容量小得多。
4、提高了搜索引擎对网页的搜索效率:只需要简单的修改几个CSS文件就可以重新设计整个网站的页面。
5、CSS中id和Class如何定义,哪个定义的优先级别高?6、如何指定div元素中样式类为K1,字体大小为9pt的css样式?7、网页设计都用到什么工具,最令你满意的作品是哪几个?8、简单说明下你的设计风格?答:背景柔和自然、布局要简单、中心定位、3D效果9、用过的浏览器?10、曾用过什么语言编写程序?用过那种数据库?11、熟悉行业门户网站的设计吗?请列出几个行业门户网站?12、请举几个web2.0风格的网站例子(中/英文),分别说明其网站构架。
13、你觉得你自己有什么优点和缺点呢,性格方面有什么特点吗?14、你为什么要离开现在的公司?请简单描述一下你现在的公司情况。
15、请选择你最快能上班的时间?A、随时B、三天以内C、一周以内D、半个月以内一、单项选择题A.树型命名机制B.星型命名机制C.层次型命名机制D.网状型命名机制3.IP地址在概念上被分为A.两级结构B.三级结构C.四级结构D.多级结构5.Web安全色所能够显示的颜色种类为A.B.C.D.7.在客户端网页脚本语言中最为通用的是A.5B.6C.7D.89.在HTML中,标记的作用是A.HTMLB.CSSC.DOMD.ScriptA.索引式B.内联式C.嵌入式D.外部式12.使用FrontPage时,如果要检查网页的超链接是否正确有效,可以使用,那么连接到安全站点上的所有URL开头是A.DHTML是HTML基础上发展的一门语言B.根据处理用户操作位置的不同,HTML主要分为两大类:服务器端动态页面和客户端动态页面C.客户端的DHTML技术包括HTML4.0、CSS、DOM和脚本语言D.DHTML侧重于Web的内容的动态表现15.对远程服务器上的文件进行维护时,通常采用的手段是A.读取B.执行C.脚本D.写入17.XML描述的是A.TCP和TelnetB.TCP和IPC.TCP和SMTPD.IP和Telnet19.非彩色所具有的属性为A.规划目录结构时,应该在每个主目录下都建立独立的images 目录B.在制作站点时应突出主题色C.人们通常所说的颜色,其实指的就是色相D.为了使站点目录明确,应该采用中文目录------16.A17.C18.B19.C20.D二、多项选择题A.IP地址以数字表示,域名用字符表示B.IP地址是供全球识别的通信地址C.IP地址与域名是一一对应的D.域名可以多于三个层次E.IP地址与域名都限制在32位内23.一般来说,适合使用信息发布式网站模式的题材有A.通用型网而制作工具B.标记型网页制作工具C.专业型网页制作工具D.编程型网页制作工具E.“所见即所得”型网页制作工具25.下列关于网页设计的说法中,正确的有A.Java是一种编译语言B.JaveScript是面向对象的程序设计语言C.javascript是由SUN公司开发的D.javascript的源代码非常安全E.Java采用强定义类型变量检查27.以下属于DHTML最主要的优点的是A.fontB.marginC.paddingD.visibleE.border29.下面属于javascript对象的有A.CSS可以控制网页背景图片B.margin属性的属性值可以是百分比C.整个BODY可以作为一个BOXD.对于中文可以使用word-spacing属性对字间距进行调整E.margin属性不能同时设置四个边的边距webjx------26.AE27.ABD28.BCE29.ABCDE第二部分非选择题三、名词解释和二级页面、三级页面之间的结构关系。
第1篇一、自我介绍1. 请简单介绍一下您的个人信息、教育背景和工作经历。
2. 您为什么选择网页设计这个职业?3. 您认为自己的优势和劣势是什么?4. 您如何描述自己的工作风格?5. 您在团队合作中通常扮演什么角色?6. 您如何看待加班和工作压力?二、专业知识1. 请解释HTML、CSS和JavaScript之间的关系。
2. 您熟悉哪些网页设计工具和软件?3. 请简述响应式设计的概念及其重要性。
4. 如何实现网页的跨浏览器兼容性?5. 请谈谈您对Web标准化的理解。
6. 您如何优化网页的性能和加载速度?7. 请描述一下您在网页设计过程中如何处理图片和多媒体资源。
8. 您熟悉哪些前端框架和库,如React、Vue、Angular等?9. 请谈谈您对前端工程化的理解。
10. 您如何处理网页设计中的安全问题?三、项目经验1. 请列举您参与过的网页设计项目,并简要介绍项目的背景、目标、您的职责以及最终成果。
2. 在您参与的项目中,遇到哪些技术难题?您是如何解决的?3. 请谈谈您在项目团队合作中的经验和教训。
4. 您在项目中如何与客户沟通,确保设计满足客户需求?5. 请分享一个您认为最成功的项目,并说明原因。
6. 您在项目中如何处理项目进度和风险?7. 请谈谈您在项目管理方面的经验。
四、案例分析1. 请分析一个您认为设计出色的网页,并解释其成功之处。
2. 请分析一个您认为设计不成功的网页,并指出其问题所在。
3. 请谈谈您对网页设计趋势的看法。
4. 请谈谈您对移动端网页设计的看法。
5. 请谈谈您对网页设计伦理的看法。
五、职业规划1. 您对未来5年的职业发展有何规划?2. 您希望在工作中实现什么样的目标?3. 您如何保持自己的技能和知识更新?4. 您如何平衡工作和生活?5. 您如何看待职业发展和个人兴趣的关系?六、行业动态1. 请谈谈您对当前网页设计行业的看法。
2. 您认为网页设计行业未来发展趋势是什么?3. 您如何应对行业变革和竞争?4. 您认为哪些技术将对网页设计行业产生重大影响?七、综合素质1. 您如何处理工作中的冲突和压力?2. 您如何与不同性格和背景的人沟通?3. 您如何提高自己的团队合作能力?4. 您如何处理工作中的突发事件?5. 您如何看待自己的职业价值观?八、拓展题目1. 请设计一个简单的网页,包括首页、关于我们、产品展示和联系我们等页面。
网页设计师常见面试题集面试题类型一:一、填空题(40 分)1、目前常用的 WE际准静态页面语言是__________ 。
(4 分)2、改变元素的外边距用 _______ ,改变元素的内填充用_______ 。
(6 分)3、在 Table 中,TR是________ , TD是_________ 。
(6 分)4、如果给一行两列的表格(table)定义高度样式,在________ 标签中定义最合理,最能减少代码的臃肿。
(5 分)5、对 ul li 的样式设成无,应该是用什么属性________ 。
(6 分)6、在新窗口打开链接的方法是 _________ 。
(4 分)7、C olor:#666666; 可缩写为________ 。
(2 分)8、合理的页面布局中常听过结构与表现分离,那么结构是________,表现是________ 。
(9 分)二、选择题(20 分)1、在下面的 XHTML中,哪个可以正确地标记折行?(5 分)A:B:eak/> C:2、下列哪些是格式良好的XHTML?(5分)A:A short paragraphB:A short paragraphC:A short paragraph3、在以下的HTML 中,哪个是正确引用外部样式表的方法 ?(5 分)A:浮动后本来外边距 10px, 但 IE 解释为 20px, 解决办法是加上 display:inline3.为什么FF下文本无法撑开容器的高度?标准浏览器中固定高度值的容器是不会象 IE6 里那样被撑开的 , 那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉 he ight 设置 min-height:200px; 这里为了照顾不认识min-height 的 IE6 可以这样定义:div { height:auto!important; height:200px; min- height:200px; }4.为什么web标准中IE无法设置滚动条颜色了?原来样式设置:解决办法是将 body 换成 html5.为什么无法定义 1px 左右高度的容器 ?IE6 下这个问题是因为默认的行高造成的,解决的方法也有很多,例如: overflow:hidden | zoom: | line- height:1px6.怎么样才能让层显示在 FLASH之上呢?解决的办法是给FLASH设置透明:7.怎样使一个层垂直居中于浏览器中?这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二8、 firefox 嵌套 div 标签的居中问题的解决方法假定有如下情况:如果要实现b在a中居中放置,一般只需用 CSS设置 a 的text-align 属性为 center 。
这样的方法在 IE 里看起来一切正常 ; 但是在 Firefox 中 b 却会是居左的。
解决办法就是设置 b 的横向 margin 为 auto 。
例如设置 b 的 CSS样式为:margin: 0 auto;。
9、 HTML的含义是什么?其主体部分由什么标记构成?HTML即卩 Hyper Text Markup Language 超文本标记语言,是构成网页最基本的元素。
标记和之间的内容构成了 HTML 的主体部分,网页中的所有内容,包括文字、图形、链接以及其他页面元素都包含在该标记符内。
10、标记 br 和 p 有什么区别 ?标记 br 和 p 都可以用来换行,但是二者是有区别的。
标记使当前行强行中断而另起一行,但是新行与原来的行保持相同的属性,即新行与原来的行属于同一段落,而标记在换行的时候另起了一新的段落 ; 标记无对应的结束标记,而标记必须和配合使用,不能省略。
11、 URL指的是什么?有何作用?分为几种?有什么区别?URL是统一资源定位符,用于定位Web上的文件信息。
URL有绝对和相对之分。
绝对 URL就是指完整的资源地址,具体形式为:协议名称 :// 计算机域名 / 路径和文件名。
一般情况下,在指定外部 Internet 资源时应使用绝对 URL相对URL指资源相对于当前页面的路径。
使用相对 URL时,一般使用点“.”和双点“..”表示当前目录和上一级目录(父目录)。
在制作网站的时候,只要站点各资源的相对位置不变,就使用相对URL。
12、说明在网页设计中层的作用层,也就是DIV标记,是一个区块级的 HTML标记,在该标记之间可以添加段落、表格、图片等内容,使同一个 DIV标记中的元素具有相同的样式,并可在页面显示时同时出现、移动以及隐藏它的主要作用有以下两点: (1) 将一些标记元素组织起来,应用 DIV 的属性为这些标记元素定义统一的样式 ;(2) 利用其 z-index 属性,实现页面内各元素的重叠显示效果 ;(3)使页面上显示更多的特效功能。
13、 CSS指的是什么?在网页制作中为什么要使用CSS 技术?CSS(Cascading Style Sheets) 也叫层叠样式表,它是用来控制网页中一个或多个元素的外观。
在网页制作中,使用样式表可以减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便 ; 具体应用是:改变样式表中元素显示样式的定义,则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
14、网页制作中有哪几种样式设置方法?各有何特点?网页制作中有:内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。
(1)内联式样式设置:设置方法:直接在要设置样式的各标记元素中修改 style 属性 ;优点:直观、方便 ;缺点:不易于维护和修改 ;适用于:网页中个别需要修改的元素的样式定义(2)直接嵌入式样式设置:设置方法:在HTML文档的之间添加定义,部分是所有需要设置样式的元素的属性定义。
优点:对当前页面内的所有元素的样式修改、维护比较方便 ;缺点:对于网站建设,要采用相同的样式设置则比较麻烦;适用于:单独网页的样式定义 ;(3)外部链接式样式设置:设置方法:把所有样式定义放在一个独立的文件中,凡是需要使用该文件中规定样式的网页,只要在其与之间添加一个对该样式文件的链接:即可;适用于:需要统一显示样式的网站建设。
15、用户自定义的类和 ID 在定义和使用时有什么区别 ? 定义时,类以英文形式的句点“ . ”为起始标志, ID 以“#”为起始标志 ; 使用时,类可以在一个页面中被多个不同的元素引用,而 ID 在一个页面中只能被引用一次。
16、为什么 web 标准中 IE 无法设置滚动条颜色了 ? 原来样式设置:解决办法是将 body 换成 html17、样式定义如下,试说明显示结果,并做相应解释样式表文件:body{background-color:#ccccff;} p{color:Blue;font-size:30px; } h1{color:Yellow;font-size:medium;} pa{color :Orange;font-size:40px; }HTML文件:标题 1标题 2文本这是一个演示。
⑴ 第一次使用的p、H1〜H6标记均以红色的“ 40px” 大小的字体显示 ;(2)超链接未选中时,以蓝色字体显示 ; 当鼠标移动到上方时,以原字体大小的倍的橙色字体显示 ; 当超链接被点击之后,以暗红色字体显示 ;(3)所有 p 标记的内容都以列表的形式显示 ;(4)所插入图片的左右两侧都允许有文字出现 ;(5)使用背景图片,并使其在整个页面的两个方向平铺。
该HTML页面与样式表文件建立了链接,显示时以#ccccff ”色为背景色“标题1”:三种样式定义方式都使用了,最终按照就近原则,以内联式样式定义的颜色“ brown”、外部链接的样式表文件定义的字体大小“ medium”显示;“标题2”:使用了外部链接和直接嵌入的样式定义,以直接嵌入式定义的颜色“ red ”、类.first 定义的背景色“black ”、外部链接的样式定义的字体大小“ medium显示;“文本”:使用了外部链接和内联式的样式定义,以内联式定义的字体大小“ 20px”、外部链接的样式定义的颜色“ blue ”显示;“这是一个……演示”:使用了外部链接的样式定义,以颜色“ blue ”、字体大小“ 30px”显示;其中“链接”二字,使用了包含选择符的样式定义,以样式表定义的颜色“orange ”、字体大小“ 40px”显示;“另一个链接”:没有样式定义,按默认方式显示。
18、什么是脚本语言 ?目前流行的有哪些脚本语言 ?主要区别是什么 ?脚本语言是一种介于 HTML语言和C++、Visual Basic等程序设计语言之间的语言,它在形式和功能上可能更接近后者,但它并不是应用程序开发语言,所以语法规则没有那么严格和复杂,也无需编译。
目前流行的浏览器脚本语言主要有:ECMAScript 、 Jscript 、 JavaScript 、VBScript 等。
VBScript 是 Visual Basic 的子集,是特意为在浏览器中进行工作而设计的,它不包括一些在脚本这个范围以外的特性,如文件访问和打印等等。
它是基于 Microsoft 的 Visual Basic 语言。
目前只有 Microsoft Internet Explore 版本 3 或更高的版本支持 VBScript , Netscape 的浏览器并不支持 VBScript 。
JScript从一组编程语言如 C, C++以及Java等之中脱离出来的,是 Microsoft 公司在其 Internet Explore 浏览器中开始实现的解释性脚本语言。
Jscript 来源于 Netscape 公司出版的 JavaScript 文档,但是并不具有 JavaScript 的全部特性。
JavaScript是基于SUN公司的JAVA语言,用于创建动态的联机应用程序,这些程序能够将客户端和服务器端的对象和资源连接在一起。
Microsoft Internet Explore 和 Netscape Navigator 均支持 JavaScript 。
19、设计一个Web应用程序,要求从下向上滚动显示一行信息(1)建立一个新的 Web应用程序,在页面的【源】视图中加入。
(2)切换到【设计】视图,调整控件大小和位置,然后在控件中输入显示内容,例如“欢迎参加MARQUE控件练(3)修改该控件的【 behavior 】属性为【 scroll 】。
(4)修改该控件的【 direction 】属性为【 up】。
20、查找资料,学习掌握如何使用背景音乐、模式对话框和非模式对话框 ?模式对话框和非模式对话框的区别是什么?可以用 bgsound 播放背景音乐,例如 , 当音乐文件个数较多时,可以把音乐名保存到数据库中,然后根据具体情况灵活地选择要播放的乐曲。