课程咨询 :0755-33209019

  • UI设计笔试题

    发布:达内      来源:未知      时间:2015-10-27

  • 填空:(20分)

    1. UI是由_____________和_______________两个元素组成,还包括这两者之间的______________关系。(4分)
    2. 使用css代码___________________________使一段文本居中显示。(2分)
    3. 当鼠标移动至a链接,用a:______________来使其样式产生变化。(2分)
    4. 页面中除数据显示外均用____________________(2分)布局。页面中无冗余代码,样式均写在_____________(1分)分文件中,脚本如非必要均写在_____________(1分)文件中。
    5. 网页中文字大小一般默认为_____________px(2分),字体为___________。(1分)
    6. Tab类型导航顶部一般最多显示___________级菜单。(1分)
    7. 门户型系统主要支持分辨率为____________________。(2分)
    8. 门户型系统界面主色调为____色。应用系统界面主色调是____色。(2分)

    选择题(20分)(每空2分)

    1. 网页样式兼容性,IE都能识别(),标准浏览器(如FireFox)不能识别。IE6不能识别(),且IE7和FireFox能识别。IE6支持(),IE7和FireFox不支持。
    A:*              B:_           C:!important
     
    1. 样式兼容性书写方式为:写在最前面(),写在中间(),写在最后面()。
    A:FireFox         B:IE6          C:IE7
     
    1. UI一致性原则不包括()
    A:设计目标一致   B:元素外观一致
    C:交互行为一致   D:前后台风格一致
     
    1. 对于联系页面,新增页面(新闻浏览、编辑等)均应该是()显示,使用户能回到以前页面进行操作。
    A:新窗口     B:当前窗口    C:父窗口    D:弹窗
     
    1. 以下哪个不是横向菜单的特征()
    A:当前菜单必须选中
    B:菜单如果一行不能显示,需要换行显示
    C:菜单宽度一致
    D:下拉菜单最多为5级菜单
     
    1. 一般页面的加载时间<3秒,这是属于()
    A:环境贴切原则    B:即时响应原则   C:灵活高效原则   D:人性化帮助原则
     

    问答题

    1. 对以下软件开发中UI操作流程进行排序(5分)
    ①设计页面②与业务进行页面确认③需求确认④页面调整⑤UI检测报告⑥制作静态页面
           答案:________________________________
     
    1. 请简化以下代码:(6分)
    1)margin-bottom:10px;
    margin-top:5px;
    margin-left:3px;
    margin-right:13px;
    简化:_________________________________
     
           2)padding-bottom:10px;
           padding-top:5px;
           padding-left:10px;
           padding-right:10px;
           简化:_________________________________
     
           3)padding-bottom:10px;
           padding-top:10px;
           padding-left:5px;
           padding-right:5px;
           简化:_________________________________
     
    1. 使用jQuery定位元素(9分)
    示例:<div id=”News”>
                      <ul>
                                <li>第一行</li> < br style="padding:0px;margin:0px;font-size:12px;color:#666666;font-family:寰蒋闆呴粦, 瀹嬩綋;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:23.9999980926514px;orphans:auto;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:1;word-spacing:0px;-webkit-text-stroke-width:0px;background-color:#FFFFFF;" /> <li>第二行</li>
    <li>第三行</li>
    <li>最后一行</li>
    </ul>
                       </div>
            
            
    问题1:使用jQuery代码定位id为News下的所有li元素,并添加样式color:red;。(3分)
          
          
          
          
          
          
    问题2:使用jQuery代码定位id为News下的最后一行li元素,并添加样式color:red;(6分)
     
     
     
     
     
     
     
     
     
    1. 用DIV+Css实现以下布局。要求宽为960px,尽量接近原图。(40分)

上一篇:UI设计面试题

下一篇: 网​页​设​计​与​制​作

最新开班日期  |  更多

c++--高薪就业班

c++--高薪就业班

开班日期:

c++--零基础周末班

c++--零基础周末班

开班日期:

c++--零基础全日制班

c++--零基础全日制班

开班日期:

c++--免费训练营

c++--免费训练营

开班日期:

  • 地址:/
  • 课程培训电话:0755-33209019     全国服务监督电话:400-111-8989
  • 服务邮箱 tousu@tedu.cn
  • 2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56