您的位置：360文档中心› 青岛理工大学Web前端开发技术期末复习大纲

青岛理工大学Web前端开发技术期末复习大纲

青岛理工大学Web前端开发技术期末复习大纲
青岛理工大学Web前端开发技术期末复习大纲

第一篇HTML

1.页面的头部标记：

1)head：包含title meta 等标记，内容不会直接显示在网页上

2)title：设置网页标题

3)meta

a)关键字(name=”keywords” content=””)

b)描述信息(name=”description” content=””)

c)字符集(http-equiv=”Content-Type” content=”。。。”)

d)自动刷新(http-equiv=”refresh” content=”3”——页面每隔3秒刷新一次)

2.主体标记

a)可以设置网页正文颜色与背景

b)可以设置网页背景图片

c)可以设置网页链接文字颜色

d)可以设置网页边距

3.常用的文字与段落标记（


【注意水平线
标记和标题标记的差别】）
4.列表标记：
a)有序列表
     
  1. ，ol的type属性和start属性，注意start属性值，start=1
    表示项目序号从1开始，start=2表示项目序号从2开始
    b)无序列表
       
    • c)定义列表
      5.图片标记
      6.多媒体：文字滚动的属性，如direction=”right”表示从左到右滚动
      7.超链接、书签
      a)Href 属性指定超链接的目标端点，目标端点可以是其它网页、本网页中
      的书签、其它网页中的书签
      b)Name属性定义书签名
      c)target属性指定目标窗口
      8.表格标记：跨行、跨列、嵌套表格
      9.表单标记：单行文本框元素、密码元素、提交按钮、重置按钮。。。的设置方法
      第二篇CSS
      1.选择器的类型、优先级
      2.CSS在HTML中的应用方式
      3.盒子模型：boder、padding、margin属性；浮动与定位
      第三篇Javascript
      1.在HTML中的应用方式
      2.常用的数据类型、内置对象
      3.常用的运算符
      4.函数的使用
      5.浏览器对象：window、document
      6.Form对象的使用、获取子元素的途径
      重要习题
      1.P106，示例10-16，10-17 （表格）
      2.P261, 示例22-14 (javascript-form)
      3.P317, 第26章
      4.P334，第27章
      5.如下图所示的灰色（gray）十字架可以采用2个DIV制作得到，根据如下的HTML代
      码，完成该页面中的CSS属性设置（注：十字架的位于页面的中央）。
      答案：
      #heng,#shu{left:50%;top:50%;position:absolute; background-color:gray;}
      #shu{width:50px;height:150px; margin: -75px 0 0 -25px;}
      #heng{width:150px;height:50px; margin: -25px 0 0 -75px;}
      6.实验三的内容（答案见附件）
      7.某页面中的内容如下：
       边栏内容，距顶280px，宽200px，高250px 
       主要内容，距顶280px，宽570px，高250px 
       
      依据每个div块中的格式要求，完成该页面中的CSS属性设置，使页面的显示效果如下图所示（注：页面整体居中，其中所有边框宽度为1px）：
      答案：
      body {
      text-align: center;
      }
      body * {
      border: black 1pt solid; }
      #container {
      width: 800px;
      position: relative;
      margin: 0 auto;
      }
      #head {
      position: relative;
      width: 800px;
      }
      #logo {
      float: left;
      width: 200px;
      height:100px;
      }
      #menu {
      padding-top: 80px;
      width:550px;
      height:20px;
      float: right;
      width:
      }
      #flash {
      width: 800px;
      height: 150px;
      clear:both;
      }
      #aside {
      position: absolute;
      top: 280px;
      width: 200px;
      height: 250px;
      margin: 0;
      left:0;
      }
      #main {
      position: absolute;
      top: 280px;
      width: 570px;
      height:250px;
      margin: 0;
      right: 0;
      text-align: left; }
      #footer {
      width: 800px;
      position: absolute;
      top: 550px;
      margin: 0px;
      padding: 0px;
      }
      开课吧Web前端开发培训内容好学吗
      开课吧Web前端开发培训内容好学吗 Web前端是互联网程序中较为常见的一种，是客户最直观了解企业，产品的窗户，一个互联网产品能否被接受，前端做的好不好非常关键，因此Web 前端对企业营销，宣传有着举足轻重的作用，企业对前端人才的需求量自然非同小可，特别是一些专业的前端设计人才。越来越多的人开始从事前端设计岗位，自然培训机构也水涨船高，参差不齐。 2016年Web前端开发异常火爆，随着移动互联网的兴起，互联网公司对于Web前端开发的需求越来越旺盛。不仅北上广等大城市，大连地区Web人才需求同样强劲，学习Web培训的学员越来越多。大连开课吧，也在Web前端培训中不断摸索，开辟了一条快速成为Web前端开发人才的通道。 开课吧Web全栈课程培训，Web课程定位中高级Web开发工程师，范围广、内容深、最系统、最专业，内容涵盖：前端基础(HTML、CSS、静态页面)，JavaScript基础，HTML5和移动Web开发，前端与后端通信，面向对象、组建、模块开发&设计模式，前端开发框架，HTML5原生移动APP开发，微信SDK开发，Node.js全栈开发等内容。实战型课程体系，用最短的时间教给学生尽量多的可直接应用于实际工作中的高新技术。课程内容及时覆盖企业开发中的热门技术，使学员能够快速适应企业的项目开发。 开课吧讲师均来自国内前沿互联网公司，曾任项目总监或项目经理，拥有丰富项目实战经验。通过无限互联为期3个月的岗前培训及10余个方向的综合考核，确保讲师的专业技能和教学能力。同时，开课吧聘请具有多年就业辅导经验的专职老师，帮助学员从职业发展方向、简历完善、模拟面试等环节进行辅导，
      web前端开发技术实验报告 实验三
      长春大学 20 15 —2016学年第二学期Web前端开发技术课程 实验报告 学院：计算机科学技术专业：软件工程 班级：软件15402
      学号：041440210 姓名：王悦 任课教师：车娜 实验三 CSS网页布局 一、实验目的 1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面； 2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素； 3.理解块元素与行内元素的区别，能够对它们进行转换。 二、内容及要求 运用盒子模型的相关属性实现网页弹出框效果，满足如下要求： 1.网页弹出框由上面的标题和下面的宣传内容两部分组成； 2.标题通过h2定义； 3.在段落文本中内容部分由h3和p标记进行定义； 4.应用
      标记、标记、边框属性、背景属性等设计页面结构效果。 三、实验原理 盒子模型：把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 
      标记：是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。 边框属性：使用border-style、border-width、border-color等属性可以实现丰富的边框效果。 padding属性：设置内边距，即元素内容与边框之间的距离，也常常称为内填充。 margin属性：设置外边距，即元素边框与相邻元素之间的距离。 background-color：设置网页元素的背景颜色，默认值为transparent，即背景透明，这时子元素会显示其父元素的背景。 background-image属性：将图像作为网页元素的背景。 标记：行内元素。与之间只能包含文本和各种行内标记，如加粗标记、倾斜标记等，中还可以嵌套多层。
      web前端视频教程百度网盘下载
      web前端视频教程百度网盘下载 近几年web前端开发相当火爆，可以说引领了IT培训行业的新的潮流，越来越多人加入到了web前端开发的行列中来。想要学好web前端，你需要一份较新且完善的学习资料，现在就给大家千锋教育web前端视频百度网盘下载，希望对所有想学习web前端的同学有所帮助。 千锋教程第1部分：课程体系解读 https://www.360docs.net/doc/3516052318.html,/s/1o7B9OYA 千锋教程第2部分：微案例讲解 https://https://www.360docs.net/doc/3516052318.html,/s/1nwyNFg1 千锋教程第3部分：知识点讲解 https://www.360docs.net/doc/3516052318.html,/s/1jICHs9o 千锋Vue组件之手机通讯录实战课程
      https://www.360docs.net/doc/3516052318.html,/s/1c1FrXLY 千锋微信小程序基础与实战 https://https://www.360docs.net/doc/3516052318.html,/s/1xE35SQcvW0sCF2NoR_ONiw 目前前端工程师人员的缺口很大，而2年工作经验的Web前端开发工资10K~15K左右。如果你会一些后台技术，并且前端技术很厉害，到20K也是可能的。工资的多少主要取决于你的技术情况，所以工资是不确定的。前景不错，选择现在学习前端技术，也更容易高薪就业。 前端开发主要是做什么？是利用HTML/CSS/JavaScript/DOM/Flash等各种Web技能结合产品的界面开发。制作标准化纯手工代码，并增加交互功能，开拓JavaScript和Flash模块，同时结合后端开拓技能仿照全部效果，结束丰富互联网的Web开拓，致力于经过进程技能改进用户体验。而其所需技能则是学习html，这个是简单的，也是基础的；学习css；js；jquery；那样就业面试时更有优势。 千锋教育Web前端全栈课程培训，致力于培养覆盖前端+后台+全栈开发
      web前端开发入门教程
      web前端开发入门教程 web前端开发入门教程哪里有？千锋WEB前端开发培训坚持全程面授并以项目驱动教学，让学员在毕业之后能够胜任研发PC端网站，PC端管理信息系统，移动端WebAPP，微信公众号，混合APP等前端，后端以及全栈项目。下边请看学员的故事。 过完年不断在天津找工作，先前找的是与专业相关的工作，但是找不到，那段时间简直天天都在面试，有的时分一天要面两家，每天累个半死不说，而且面试官问的问题都不会，对我的打击特别大。那段时间真的是我人生当中最灰暗的时期。每天，打电话妈妈都会说谁谁谁找到工作了，在哪里哪里，工资几几，而且也有人经常问我的家人，问我找到工作了没有。我每次都特别的伤心，难过，觉得本人一无事处。 其实也不是找不到工作，只是找到的工作都不是本人喜欢的，要么就是销售，要么就是运维，没有一个本人喜欢的工作。思索到本人未来的开展和方向，就不想这样随意的渡过。在大二的时分，看过一些编写网页的书籍，本人觉得特别喜欢，正好碰到了祖姐姐来我们学校宣传咱们千锋教育，所以就了解了一下我们千锋。当初是特别的犹疑的，由于毕竟那么多学费，而且出来也不晓得可不能够找到工作。犹疑了很久，也剖析了利害，本人就打定主见要过来学习。家里经济条件不好，我有时分真的想放弃，最终还是不想屈从于本人大学毕业将要面对的那种无所作为的生活，所以我获得了家人的支持，来到了千锋WEB前端开发培训。
      很侥幸，我的选择没有错，怀着忐忑的心来到生疏的北京，然后面对那么多生疏的人，而且要阅历的是一个特别痛苦的过程。真的特别侥幸，我能够进入到我们WEB前端开发班，这个集体特别的暖和，遇到玉姐那么好的人，协助了我们好多的事情，我们的这个集体特别的暖和，每个人都特别的友爱，同窗们相处下来真的很好。 我们同窗相亲相爱、互帮互助。我们遇到的教师也特别好，第一阶段的李教师，我是记得的。来到千锋WEB前端开发培训的第一位教师，带动了我们整个集体，使我们的班级特别的活泼和团结。之后我们碰到的教师也都很不错。其中JS和JQ阶段的教师所讲的东西，都是我们如今工作当中经常碰到的问题。真的很感激那几位教师。而且最后这阶段的教师是我们阿满教师，别人真的好，不光讲的课好，而且我工作当中遇到的问题都是问阿满教师的，阿满教师都会给我耐烦的处理问题。有时分我碰到的问题纠结半天，都是找阿满教师帮助指点迷津的。在这里我谢谢我的亲爱的教师们，教给我这么多有用的学问。我还要感激一下我的玉姐，真的十分感激，在我迷茫的时分给我方向，在我快受不住的压力的时分，给我解压，真的十分感激，我的招生教师祖姐姐也是，谢谢你们让我走上了这条
      web前端培训学习心得
      Web前端培训学习心得 目前web前端最火的莫过于html5了，HTML指的是超文本标记语言(Hyper Text Markup Language)，标记语言是一套标记标签(markup tag)，HTML使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性。今天华清远见web前端培训的小编就为大家分享一下web前端培训学习心得。 一、了解HTML5前端开发技术 HTML指的是超文本标记语言(Hyper Text Markup Language)，标记语言是一套标记标签(markup tag)，HTML使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。HTML5被推广用于Web平台游戏开发，及手机移动领域，国内，腾讯手机QQ浏览器、WEBQQ、QQLive，手机新浪，优酷视频等都在支持HTML5。从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。 二、课程能让你学到什么? 从前端开发的基础出发，学习使用HTML，CSS，JavaScript等一系列前端技术，实现动画特效。以开发实例展示为主导，循序渐进让学员
      掌握HTML5技术的应用。强化学员基础，尤其是要针对JavaScpript 基础的强化从而掌握HTML5新功能API。构建开放的教学环境，鼓励相互的技术交流，让学员树立良好的持续学习态度，分享最新前端技术革新和理念。为学员在这一领域能有进一步的发展和造诣提供帮助和机遇。 三、胜任的岗位： 前端开发工程师，Web开发工程师，JS/AJAX工程师，人机交互设计师。 四：华清远见web前端培训具有以下优势 1.适合不同基础的学员 教育培训行业一直面临的难题是：“无法根据不同学习能力、不同学习水平的学员进行针对性的因材施教，导致不同学习水平、不同学习能力的学员在一个班级内混合上课，学生学习的效果无法实现最大化”。但是华清远见的web前端培训课程却恰恰解决了这一难题，即便你是零基础也能手把手教你入门； 2．满足企业需求 随着企业招聘职位的越来越细化，对岗位的技术要求越来越细，华清远见必须按照企业的需求为企业提供高水平的技术人才，满足企业的招聘需求。
      web前端开发技术试卷三
      总分100分考试时间：120分钟考试形式：闭卷、选择题(每题1分，共20 分) 1. HTMLI旨的是___________ (A)超链接的文本标记语言(B) 超文本标识语言 (C)家庭工具标记语言(D) 以上都不是 2. 下列能够实现美化页面的语言是。 (A) HTML (B) CSS (C) VFP (D) JavaScript 3. 以下标记中用于设置内部样式表的标记的是。 (A)