
Web程序设计基础
文章平均质量分 75
太原理工大学Web程序设计基础2021秋educoder
NGC 2237号
愿你熬过万丈孤独,藏下星辰大海
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
拼图页面的制作
第1关:拼图页面的制作任务描述本关任务:实现圆角效果。相关知识为了完成本关任务,你需要掌握:1.盒模型2.border-radius标签属性的选取border-radius:水平半径参数1 水平半径参数2 水平半径参数3 水平半径参数4/垂直半径参数1 垂直半径参数2 垂直半径参数3 垂直半径参数4;需要注意的是,当应用值复制原则设置圆角边框时,如果“垂直半径参数”省略,则会默认等于“水平半径参数”的参数值。此时圆角的水平半径和垂直半径相等。编程要求根据提示,在右原创 2022-01-08 21:04:33 · 903 阅读 · 0 评论 -
动态焦点图页面的制作
第1关:动态焦点图页面的样式设计任务描述本关任务: 完成动态焦点图页面的样式设计。相关知识为了完成本关任务,你需要掌握:1.盒模型样式设置,2.元素定位 3.特殊字符大于和小于,4.透明度的设置,5.行内元素转换为行块元素,6.z轴属性z-index,7.圆角边框透明度设置属性opacity用于设置不透明的级别,默认值为1,其值可在0~1取值。特殊字符的使用控制图像切换的左右按键可以使用特殊字符<和>实现。<:< >:>原创 2022-01-08 21:01:37 · 2358 阅读 · 0 评论 -
Tab栏切换效果的制作
第1关:Tab栏CSS样式设计任务描述本关任务:设计div容器,实现tab栏css样式设计。相关知识为了完成本关任务,你需要掌握:css样式设计css样式设计这里举例与我们任务有关的边界样式设计 margin: 上边界值 右边界值 下边界值 左边界值 这个和移动端稍微有点区别,移动端是:上左下右的设置 请注意:下面写法的含义 margin:5px;表示四个值都是5px margin:5px 10px; 表示下边界值和上边界值都是5px,右边界值和左边界值都是10px; margin:5原创 2022-01-08 20:57:11 · 1091 阅读 · 0 评论 -
web综合 限时秒杀效果的制作
第1关:限时秒杀效果图片渲染TOC] 图1如下 链接为https://www.educoder.net/api/attachments/2089667图2如下 链接为https://www.educoder.net/api/attachments/2089666任务描述本关任务:完成限时秒杀效果图的图片渲染,相关知识为了完成本关任务,你需要掌握:1.DOM树,2.对象,3.数据类型4Date对象。DOM简介网页文档在浏览器上进行解析时会自动转换为一个模型,这个模型就是原创 2022-01-08 20:52:37 · 2808 阅读 · 0 评论 -
web-综合 商城下拉菜单的制作
第1关:商城下拉菜单颜色样式的制作任务描述本关任务: 实现对a标签字体背景颜色的修改,要求颜色型号(#06F)。 选择鼠标指针浮动在a标签上的颜色样式,要求颜色样式(#FF3)。相关知识为了完成本关任务,你需要掌握:a标签样式设置a标签样式设置a:link {color: blue} /* 未被访问的链接 蓝色 */ a:visited {color: blue} /*已被访问过的链接 蓝色 */ a:hover {color: blue} /*鼠标悬浮在上的链接 蓝色 */ a:a原创 2022-01-08 20:45:58 · 3261 阅读 · 0 评论 -
JavaScript知识训练——字符串对象
1、在JavaScript中,下列关于String对象的charAt()和indexOf()方法理解正确的是( ) A、 charAt()方法是获取位于指定索引位置的字符 2、String对象的方法不包括( )。 D、 length() 3、String对象的属性不包括( ) B、 indexOf 4、var str="King of the world"; document.write("字符串中第9到3个字符为:"+str.substring(8,2)..原创 2022-01-02 20:13:10 · 1173 阅读 · 1 评论 -
JavaScript知识训练:数学对象
1、Math.ceil(-3.14)的结果是( )。 B、 -3 2、Math.floor(-3.14)的结果是( )。 C、 -4 3、Math.round(-3.14)的结果是( )。 B、 -3 4、JavaScript程序段“var x=8.167589;var n=x.tofixed(2); document.write(n)”运行的结果是( ) D、 8.17 5、JavaScript程序段“var x=8.167589;var..原创 2022-01-02 20:10:55 · 855 阅读 · 0 评论 -
JavaScript知识训练:日期对象
1、下列关于JavaScript中Date日期对象的描述正确的是( ) C、 getHours()返回Date对象的小时数,其值介于0-23之间 2、在JavaScript中,下列( )语句能正确获得当前时间的小时值。 D、 var date = new Date(); var hour = date.getHours(); 3、假如今天是2021年12月31日星期五,则运行如下代码后,结果是( ) var now = new Date(); alert(now.getD..原创 2022-01-02 20:08:43 · 1605 阅读 · 0 评论 -
JavaScript知识训练:数组对象
1、向数组array尾部追加一个元素10,正确的语法是( ) C、 array.push(10); 2、var arr =[1,2,3,4,5,6]; arr.splice(2,3); alert(arr); 以上代码运行的正确结果是( )。 A、 1,2,6 3、执行下列代码之后,数组myArr的值是( ) var myArr = [1,2,3,4,5]; myArr.shift(); B、[2.3.4.5] 4、JavaScript程序段”var arr=..原创 2022-01-02 20:06:05 · 1097 阅读 · 0 评论 -
JavaScript知识训练:对象与事件
1、下面有关javascript内部对象的描述,正确的有( ) A、 History 对象包含用户(在浏览器窗口中)访问过的 URL B、 Location 对象包含有关当前 URL 的信息 C、 Window 对象表示浏览器中打开的窗口 D、 Navigator 对象包含有关浏览器的信息 2、以下关于Javascript中事件的描述中,不正确的是( ) D、 onchange:选中字段时触发的事件 3、如果在html页面中包含如下图片标签,则选项中的(..原创 2022-01-02 20:03:36 · 1207 阅读 · 1 评论 -
JavaScript对象:数组
第1关:数组的创建、读写和长度任务描述本关任务:掌握创建数组的方法,获取数组的元素和长度。相关知识数组的出现就是为了批量处理数据。数组的创建创建数组有两种方法,一是使用数组字面量,简单来说就是在[]之中列出数组的所有元素:var numberArray = [1,2,3,4,5];//数字数组 var stringArray = ["java","script","edu","coder"];//字符串数组 var mixArray = [1,2,"java",tru原创 2022-01-02 20:00:53 · 881 阅读 · 0 评论 -
JavaScript对象:字符串
第1关:查找字符串的位置任务描述本关任务:调用JavaScript内置的函数实现字符串的查找。相关知识indexOf()子字符串指一个字符串中连续的一部分。上图中有两个字符串aaabc和abc,将abc从左往右在aaabc中查找,第一次出现的位置是在aaabc的索引2处。indexOf()就是返回某个字符串在字符串中首次出现的位置。如果搜索到尾部还没有找到,返回-1。indexOf(a,b)中参数a是字符串;b是开始查找的位置,即从调用者(一个字符串)的第几个位置开始查找原创 2022-01-02 19:41:28 · 2878 阅读 · 0 评论 -
JavaScript对象:Math、日期
任务描述本关任务:练习使用Math类的常用方法。相关知识Math用于进行数学计算,没有构造函数。常用的数一些常用的无理数的表示方法:表示 意义 约等于 Math.E e 2.718 Math.PI 圆周率 3.14 Math.SQRT2 2的平方根 1.414 Math.LN2 2的自然对数 0.693 console.log(Math.PI);//输出3.141592653589793 con原创 2022-01-02 19:35:30 · 1478 阅读 · 0 评论 -
JavaScript语法基础:JS运算符
第1关:JavaScript知识训练-运算符 1、在JavaScript中,两个整数进行除(/)运算,其结果也为整数。 B、 错误 2、x={x:1};y={y:1};z=1;n='1’下面结果为true的是( ) D、 z == n 3、假设val已经声明,且定义为任何数值。三元运算符 (val !== '0')?'define':'undefine';的返回值是( ) A、 define 4、假设有如下代码,那么a(10)的返回结果是( ) func原创 2021-12-28 21:45:13 · 2033 阅读 · 0 评论 -
JavaScript知识训练:JS函数
1、下列选项中,( )可用于检查某个值是否为无穷大的数。 B、 isFinite() 2、函数parseInt(15.36)的值是( ) A、 15 3、函数parseFloat(15.36)的值是( ) D、 15.36 4、下面代码中s的值是( ) var a="100" var b=100; var s=a+b; alert(parseInt(s)); ``` C、 100100 5、isNaN(“abc”)的返回值为 ( ). C..原创 2021-12-28 21:30:40 · 948 阅读 · 0 评论 -
JavaScript语法基础:JS循环语句
第1关:while类型任务描述质数的定义如下:大于1的自然数,且除了1和本身外没有别的因数。如2、3、5、7。本关任务:利用循环结构求质数的和。相关知识在选择结构中,条件会被测试一次,成立则执行if内语句,结束后回到主线执行下一条语句。循环结构在执行结束后会再次判断条件是否成立,这样一直重复下去直到条件不成立。本关将介绍while型循环结构。while类型while类型的循环结构如下:while(条件表达式) { //条件成立执行里面的语句 }和条件语句一原创 2021-12-28 21:26:23 · 2753 阅读 · 0 评论 -
JavaScript语言基础:JS条件语句
第1关:if-else类型任务描述本关任务:根据成绩判断考试结果。相关知识在编程中,我们常常根据变量是否满足某个条件来执行不同的语句。JavaScript中利用以if关键字开头的条件语句达到以上目的,根据if后面括号内表达式的计算结果来进行分支控制。if语句一段完整的JavaScript语句相当于一条主干路,从第一句开始执行直到最后一句。而if语句是一条连接在干路上的支路,满足某个条件时程序进入支路中执行,执行完后回到干路。如下所示:条件成立指if后面的括号内的表达式的计原创 2021-12-28 21:03:16 · 2009 阅读 · 0 评论 -
JavaScript知识训练:JS分支与循环
第1关:JS分支分支与循环知识 1、执行下面语句后c的值是( )。 var a=2,b=1,c=3; if(a<b){ c=0; } else{ c++; } D A、 1 B、 2 C、 3 D、 4 2、var a=false; var x = a?"A":"B"; 在上面的程序片段中,x的值是( )B A、 A B、 B C、 true D、 false 3、下列JavaScript的循环语句中( )是正确的 D A、原创 2021-12-25 22:42:32 · 1581 阅读 · 0 评论 -
JavaSript知识训练-入门基础
第1关:JavaScript入门基础 1、JavaScript是运行在( )的脚本语言。 B A、 服务器端 B、 客户端 C、 在服务器运行后,把结果返回到客户端 D、 在客户端运行后,把结果返回到服务端 2、JavaScript代码通常是用( )标签嵌入到html文档的。 D A、 JavaScript B、 Language C、 alert D、 script 3、编写JavaScript程序的唯一工具...原创 2021-12-25 22:36:10 · 930 阅读 · 0 评论 -
太原理工 Web程序设计基础 学某通 (第十章 JS对象编程)
10.1.2 随堂测试已完成1【单选题】在HTML文档对象模型中,history对象的( )用于加载历史列表中的下一个URL页面。A、 next() B、 back() C、 forward() D、 go() 我的答案:C2【单选题】在Javascript中要改变页面文档的背景色,需要修改document对象的( )属性。A、 BackColor B、 BackgroundColor C、 BgColor D、 Backg原创 2021-12-28 00:15:00 · 1587 阅读 · 0 评论 -
太原理工 Web程序设计基础 学某通 (第九章 JS基础)
9.1.4 随堂测试已完成1【单选题】下列选项中描述错误的是()。A、 Java是传统编程语言,JavaScript是脚本语言 B、 Java语言多用于客户端,Javascript主要用于服务器端 C、 Java不能直接嵌入到网页中运行,JaveScript程序可以直接嵌入到网页中运行 D、 Java和Javascript语法结构存在差异 我的答案:B2【单选题】在HTML5文件中使用JavaScript代原创 2021-12-27 00:15:00 · 1435 阅读 · 0 评论 -
太原理工 Web程序设计基础 学某通 (第八章 css3页面布局)
8.1随堂测验已完成1【单选题】在CSS中,为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px;border:5px;},则该标签的实际宽度为( )A、 200px B、 220px C、 240px D、 250px 我的答案:D2【单选题】下列设置“上边距:20px、下边距:30px、左边距:40px、右边距:50px”边距属性正确的是( )。A、 margin:20px 30px ...原创 2021-12-26 00:15:00 · 2262 阅读 · 0 评论 -
太原理工 Web程序设计基础 学某通 (第三章 html5基础)
2.1随堂测验1【单选题】位于HTML文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是( )。A、 <!DOCTYPE> B、 <head></head> C、 <title></title> D、 <html></html> 我的答案:A2【单选题】在HTML中,网页要显示的主体内容应放原创 2021-12-25 00:15:00 · 2296 阅读 · 0 评论 -
太原理工 Web程序设计基础 学某通 (第四章 页面元素和属性)
3.1随堂测验1【单选题】HTML5 的全局属性中"contenteditable" 用于( )。A、 规定元素的上下文菜单,该菜单会在用户点击右键点击元素时出现 B、 规定元素内容是否是可编辑的 C、 从服务器升级内容 D、 返回内容在字符串中首次出现的位置 我的答案:B2【单选题】为了使得元素可拖动,可以把()属性设置为ture。A、 draggable B、 conten...原创 2021-12-24 12:28:13 · 1331 阅读 · 0 评论 -
太原理工 Web程序设计基础 学某通 (第二章 web前端开发概述)
2.5 随堂测试已完成1【单选题】在下列选项中,不属于Web前端开发任务的是( )。A、 页面布局 B、 页面交互 C、 通信协议 D、 页面特效 我的答案:C2【单选题】HTML5是( )年由W3C组织推荐的标准。A、 1993 B、 1997 C、 2000 D、 2014 我的答案:D3【单选题】下列选项中,( )不是Web浏览器。A、 Linux ...原创 2021-12-24 12:25:21 · 1660 阅读 · 2 评论 -
太原理工 Web程序设计基础 学某通 (第五章 构建web表单)
4.1节1【单选题】<form>与</form>之间的表单控件是由用户自定义的。下列选项中,不属于表单标记<form>的常用属性的是( )。A、 action B、 size C、 method D、 name 我的答案:B2【单选题】在HTML中,<form method=””>,method属性表示( )。A、 提交方式 B、 表单所用的脚本语言 C、 提交的URL地址...原创 2021-12-24 12:22:14 · 1708 阅读 · 0 评论 -
太原理工 Web程序设计基础 学某通 (第七章 css基础)
7.1随堂测验1【单选题】基本CSS代码书写规范不正确的是A、 尽量不缩写 B、 全部小写,且每一项CSS定义写成一行 C、 ID必须是唯一的,且用在结构的定义中 D、 CSS可以尽量使用expression 我的答案:D2【单选题】关于CSS定义的说法错误的是A、 类样式的定义方法是点+样式名字 B、 用户定义的类的定义方法是#+样式名字 C、 声明定义时属性和属性之间用空格分隔 ...原创 2021-12-24 12:16:49 · 1444 阅读 · 0 评论 -
太原理工 Web程序设计基础 学某通 (第六章 音频和视频)
1【单选题】在HTML中,可以使用( )标记向网页中插入视频。A、 <src> B、 <path> C、 <video> D、 <audio> 我的答案:C2【单选题】下列属性中指定媒体是否在页面加载后自动播放的是( )。A、 100p B、 autoplay C、 poster D、 auto 我的答案:B3【单选题】下列选项中,属于audio元素的属性是...原创 2021-12-24 12:07:53 · 1033 阅读 · 2 评论 -
太原理工web学习通 持续发布 稀缺资源
太原理工web学习通 持续发布 稀缺资源良心作者,学习通答案都有|https://blog.csdn.net/weixin_51538341/原创 2021-12-23 11:32:15 · 684 阅读 · 0 评论 -
移动端电商页面制作
第1关:移动端电商页面制作任务描述本关任务:用overflow属性实现移动端电商界面。相关知识为了完成本关任务,你需要掌握:1.盒模型2.overflow属性选择器{overflow:属性值;}编程要求根据提示,在右侧编辑器补充设置all盒模型中的宽度为346px,高度为578px; 设置all盒模型中的上下外边距为 20px ,左右自动(auto),居中显示; 设置all盒模型中的内边距分别为90px 0 0 34px; 设置content盒模型原创 2021-12-22 19:53:39 · 377 阅读 · 0 评论 -
网页布局页面的制作
第1关:网页布局的结构设计任务描述本关任务:实现页面元素的结构布局。相关知识为了完成本关任务,你需要掌握:DIV+CSS布局方法编程要求根据下面的结构草图,在右侧编辑器的Begin--End区域补充标签及对应的属性值代码。具体要求 为布局草图中的红色区域添加div标签,并按图中要求设置其id属性的取值。 在第4个红色区域的div标签中再并列嵌套三个div标签,并按图中要求设置其class属性的取值。 测试说明补充代码后,请点击测评,平台会对你编写的代码原创 2021-12-22 19:51:28 · 414 阅读 · 0 评论 -
团购悬浮框页面制作
第1关:团购悬浮框页面的结构设计任务描述本关任务:设置一个团购悬浮框页面的主体结构。相关知识为了完成本关任务,你需要掌握:无序列表的结构。编程任务及效果对右侧编辑器中的Begin - End区域的内容,补充标签和标签属性, 具体要求是: 1.在<body>...</body>中使用一个无序列表标签(ul)装填列表项目。 2.六行文本分别对应六个列表项。 3.为第2个列表项到第6个列表项标签li添加类名为item的属性。测试说明补充代码后,请点击测评,平原创 2021-12-17 19:49:44 · 1442 阅读 · 0 评论 -
二维码名片制作
第1关:二维码名片页面的结构设计任务描述本关任务:设置一个二维码名片页面的主体结构。相关知识为了完成本关任务,你需要掌握:1.定义表的设置,2.span标签。定义列表定义列表常用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号。定义列表以<dl>...</dl> 构建列表容器,其中包含定义项目和解释体两部分,定义项目使用<dt>...</dt>作用,每个定义项目的解释体可以一个或多个<dd&g原创 2021-12-17 19:38:15 · 900 阅读 · 0 评论 -
CSS3背景样式
第1关:CSS背景相关的概念1、下列选项中,可用于设置背景颜色的属性是(D)D、background-color2、将背景的绘制区设置到内容区,应使用background-clip属性中的(A)值。A、content-box3、在CSS3背景图属性中,可以设置背景图的平铺是(C)。C、background-repeat4、在CSS3新增的background-size属性中,(A)是参考父元素宽高来设置图像宽度和高度的。A、50% 50%5、CSS样式background-pos原创 2021-12-17 19:23:03 · 697 阅读 · 0 评论 -
CSS3选择器-属性选择器
第1关:CSS3-属性选择器相关概念1、以下选项中,属于属性选择器的是(C span[id]{color:red;} )2、样式规则如下: p[class $= en]{font-weight:bold;} 该样式规则将对选项( )产生效果。(B <p class="ten">...</p>)3、样式规则如下: div[name ~= ten]{border:1px solid blue;} 该样式规则将对选项( )产生效果。(A <div name="ten a1"&g原创 2021-12-16 10:02:15 · 962 阅读 · 0 评论 -
CSS3选择器-组合选择器
第1关:组合选择器相关的概念任务描述本关任务:完成一组CSS组合选择器相关的概念题。相关知识为了完成本关任务,你需要掌握:1.群组选择器,2.后代选择器,3.子元素选择器,4.相邻兄弟选择器,5.普通兄弟选择器。群组选择器当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。 样式格式 标签名,标签名{属性1:属性值1; 属性2:属性值2;} 用法示例 h1,h2,h3{color:green;} 后代选择器当标签发生嵌套时,内层标签就成为外原创 2021-12-11 22:49:36 · 1280 阅读 · 0 评论 -
CSS3-文本样式2
第1关:文本外观样式相关的概念任务描述本关任务:完成一组与CSS外观样式属性相关的概念题。相关知识为了完成本关任务,你需要掌握:1.font各子属性的设置,2.font属性的综合设置。colorcolor属性用于定义文本的颜色,其取值方式有如下3种:预定义的颜色单词,如red,green,blue等。 十六进制颜色值,如#FF0000,#FF6600,#29D794等。实际应用中,也可以使用缩写值,如将#FF0000写为#F00 RGB代码,如红色可以表示为rgb(255,0原创 2021-12-11 22:42:59 · 534 阅读 · 0 评论 -
CSS3-文本样式1
第1关:字体样式属性相关的概念任务描述本关任务:完成一组与CSS字体样式属性相关的概念题。相关知识为了完成本关任务,你需要掌握:1.font各子属性的设置,2.font属性的综合设置。font-sizefont-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,具体如下图所示。代码示例: p{font-size:100px;}font-familyfont-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。代码原创 2021-12-11 22:34:24 · 502 阅读 · 0 评论 -
CSS3选择器-基础选择器
第1关:CSS基础选择器相关概念任务描述本关任务:完成一组与CSS基础选择器相关的概念题。相关知识为了完成本关任务,你需要掌握:1.通用选择器,2.标签选择器,3.类选择器,4.ID选择器,5.CSS样式的特殊性。通用选择器通用选择器“ * ”号表示,它是所有选择器中作用范围最广的,能匹配页面中所有的元素。 例如:*{ margin:0px; padding:0px; border:0px }标签选择器指用HTML标签名称作为选择器,按标签名称分类,为页面中原创 2021-12-11 22:24:21 · 1626 阅读 · 0 评论 -
CSS样式规则
第1关:CSS基础知识任务描述本关任务:完成一组CSS相关的概念题。相关知识为了完成本关任务,你需要掌握:1.什么是CSS?,2.CSS的特点,3.浏览器前缀,4.CSS样式规则,5.引入CSS样式的方法。什么是CSSCSS是Cascading Style Sheets(层叠样式表)的缩写,它是一种对Web文档添加样式的简单机制,是一种表现HTML或XML等文件外观样式的计算机语言,是一种网页排版和布局设计的技术。CSS的特点纯CSS布局与结构式HTML相结合能帮助设计师分离原创 2021-12-11 22:06:15 · 287 阅读 · 0 评论