![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web
文章平均质量分 95
web学习笔记
My_summers
这个作者很懒,什么都没留下…
展开
-
web程序设计(12)——Nodejs路由
实验要求利用Nodejs实现至少三个页面的跳转,前后端的数据交互实验目的熟悉掌握Node.js路由功能用Nodejs实现前后端的分离实验内容调入应用中需要用到的模块,其中"use strict" 指令在 JavaScript 1.8.5 中新增。它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。“use strict” 的目的是指定代码在严格条件...原创 2020-01-11 13:38:32 · 405 阅读 · 0 评论 -
web程序设计(11)——建立文件服务器(Nodejs)
实验要求利用Node.js实现要给简单基于http的文件服务器。要求:1、利用http模块构建一个Http Server;2、服务器对输入的URL进行解析,获取URL中的pathname;3、将pathname和服务当前所在地址构造出一个绝对路径,显示这个路径下的文件与目录;4、可以点击页面的中文件或目录,如果是文件则在页面显示文件内容,如果是目录则显示目录下的内容。提示:文件的内容...原创 2020-01-11 13:23:19 · 462 阅读 · 0 评论 -
web程序设计(10)——制作网站首页(boostrap)
实验要求设计一张网页,网页包括下列元素,网页的实例详见下页的图片实验目熟悉掌握bootstrap框架实验内容可以到官方网站http://getbootstrap.com/ 上下载 Bootstrap 的最新版本,也可以直接链接官方网站提供的源代码<link rel="stylesheet" href="https://cdn.staticfile.org/twitter...原创 2020-01-11 11:46:55 · 1490 阅读 · 0 评论 -
web程序设计(9)——编写阅读器(JQuery基础)
实验要求使用JQuery和AJAX,以及之前所学关于html, css, javascrip等的知识,实现如附件gif所示的网页阅读器,要求:必须实现附件gif展示的所有功能和效果;在满足要求1的基础上可以自行做美观方面、功能方面的拓展,酌情加分;关于宽、高、位置、颜色等具体参数只要求大致相似,不严格要求相同;效果动画实验目的学习jQuery相关知识并运用,实现网页的动态效果复习...原创 2020-01-11 11:10:44 · 754 阅读 · 0 评论 -
web程序设计(8)——JavaScript中的DOM操作及AJAX
实验要求题目1: 表单数据的验证完成一个简单的用户注册程序,在用户填写信息时对相关录入的信息进行有效性检查,当出现错误时,在项目的右边标签处显示提示信息。用户名只能以字母开始,而不能以数字,_或$开始,字符长度大于6小于20;密码不能和用户名相同,6<=长度<=20;邮箱地址必须符合电子邮件的基本语法(建议:看一下正则表达式);题目2: DOM操作设计一张如下图的网页,...原创 2020-01-11 10:54:58 · 1173 阅读 · 0 评论 -
web程序设计(7)——js函数使用
实验要求实验【1】1、定义一个字符串类型,实验PPT中给出的所有函数,并给出实验结果;2、定义一个数组类型,实验PPT中给出的所有函数,并给出实验结果;3、定义一个数据对象,实验PPT中给出的方法,并给出实验结果;实验【2】1、定义一个数组,数组中的元素全部大于2000,对该数组进行循环,判断数组中的元素是否为瑞年,并输出结果。实验【3】1、请把用户输入的不规范的英文名字,变为首字...原创 2020-01-11 10:27:38 · 504 阅读 · 0 评论 -
web程序设计(6)——Flex和Grid布局
实验要求使用Grid或是flex布局技术实现一张弹性的川大主页(www.scu.edu.cn)实验目的熟练掌握flex和Grid布局实验内容首先设置一个大容器container,将container的布局设为grid,即把disaplay设为grid,按照基本操作流程,也就是【把display设为grid;通过grid-template-columns,grid-template...原创 2020-01-10 22:04:07 · 896 阅读 · 0 评论 -
web程序设计(5)——个人主页(布局)
实验要求借鉴学院教师个人主页的布局,创建一个个人主页,要求:1、在header部分包含学院logo,和个人主页各个部分的页面索引,针对索引的link,visited,hover,active四种状态进行设置;2、中间部分包含sidebar 和内容两个部分;3、内容部分包含 内容header 和主要内容两部分,主要内容采用1-n的布局方式,n为内容的标题数目,n可以是分栏,也可以堆叠显示。...原创 2020-01-10 18:02:37 · 15010 阅读 · 1 评论 -
web程序设计(4)——设置浮动的div样式
实验要求实验7 清除特性实验目的熟悉掌握盒子模型,理解div的浮动属性。实验内容打开visual studio core,创建一个文件夹。在文件夹中增添html文件,记得加上后缀名.html打出‘!’+tab键,使用emmet插件进行自动补齐写‘title’标签,命名网页名[实验1]<1>设置最外围的div,利用class选择器设置其背景颜色,字体,字...原创 2020-01-10 17:28:21 · 1388 阅读 · 0 评论 -
web程序设计(3)——使用CSS设计新闻网页
实验要求1、使用html构造一张新闻网页;2、使用CSS对新闻网页的内容的样式进行设置:新闻标题按照“红橙黄绿蓝紫”的方式显示标题;新闻有主标题和新闻来源信息,主标题与副标题使用不同的字体于不同大小显示;段落的行高设置为2em,首行缩进;使用本节课所学的选择符,对新闻段落中某些重要信息使用加黑或是彩色文字显示。实验目的熟悉掌握CSS样式的使用实验内容打开visual stud...原创 2020-01-10 17:01:38 · 6189 阅读 · 1 评论 -
web程序设计(2)——制作表单演示程序和配置PHP动态网站
实验要求1、利用老师给的工具phpstudy构建实验环境;2、运用课程所学变现代码编写左侧控件;3、在表单页面嵌入自己最喜欢的背景音乐;4、修改老师给出的PHP程序,在控件点击OK按钮后,在页面上显示每一个控件用户输入的值。实验目的熟悉掌握表单的使用,了解用户交互过程的数据传递实验内容打开visual studio core,创建一个文件夹。在文件夹中增添html文件,记得加上后...原创 2020-01-10 16:46:58 · 637 阅读 · 0 评论 -
web程序设计(1)——制作个人静态网页
实验要求模仿 http://ccs.scu.edu.cn/jscc/201610/84.html创建一个个人主页,要求:有照片;有表格;有列表;有超级链接实验目的熟悉掌握html的标签使用(添加图片,表格,列表和超链接等)原创 2020-01-10 16:18:52 · 13873 阅读 · 1 评论