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 · 436 阅读 · 0 评论 -
web程序设计（11）——建立文件服务器（Nodejs）
实验要求利用Node.js实现要给简单基于http的文件服务器。要求：1、利用http模块构建一个Http Server;2、服务器对输入的URL进行解析，获取URL中的pathname;3、将pathname和服务当前所在地址构造出一个绝对路径，显示这个路径下的文件与目录；4、可以点击页面的中文件或目录，如果是文件则在页面显示文件内容，如果是目录则显示目录下的内容。提示：文件的内容...原创 2020-01-11 13:23:19 · 503 阅读 · 0 评论 -
web程序设计（10）——制作网站首页（boostrap）
实验要求设计一张网页，网页包括下列元素，网页的实例详见下页的图片实验目熟悉掌握bootstrap框架实验内容可以到官方网站http://getbootstrap.com/ 上下载 Bootstrap 的最新版本，也可以直接链接官方网站提供的源代码<link rel="stylesheet" href="https://cdn.staticfile.org/twitter...原创 2020-01-11 11:46:55 · 1602 阅读 · 0 评论 -
web程序设计（9）——编写阅读器（JQuery基础）
实验要求使用JQuery和AJAX，以及之前所学关于html, css, javascrip等的知识，实现如附件gif所示的网页阅读器，要求：必须实现附件gif展示的所有功能和效果；在满足要求1的基础上可以自行做美观方面、功能方面的拓展，酌情加分；关于宽、高、位置、颜色等具体参数只要求大致相似，不严格要求相同；效果动画实验目的学习jQuery相关知识并运用，实现网页的动态效果复习...原创 2020-01-11 11:10:44 · 816 阅读 · 0 评论 -
web程序设计（8）——JavaScript中的DOM操作及AJAX
实验要求题目1： 表单数据的验证完成一个简单的用户注册程序，在用户填写信息时对相关录入的信息进行有效性检查，当出现错误时，在项目的右边标签处显示提示信息。用户名只能以字母开始，而不能以数字，_或$开始，字符长度大于6小于20；密码不能和用户名相同，6<=长度<=20;邮箱地址必须符合电子邮件的基本语法（建议：看一下正则表达式）；题目2： DOM操作设计一张如下图的网页，...原创 2020-01-11 10:54:58 · 1260 阅读 · 0 评论 -
web程序设计（7）——js函数使用
实验要求实验【1】1、定义一个字符串类型，实验PPT中给出的所有函数，并给出实验结果；2、定义一个数组类型，实验PPT中给出的所有函数，并给出实验结果；3、定义一个数据对象，实验PPT中给出的方法，并给出实验结果；实验【2】1、定义一个数组，数组中的元素全部大于2000，对该数组进行循环，判断数组中的元素是否为瑞年，并输出结果。实验【3】1、请把用户输入的不规范的英文名字，变为首字...原创 2020-01-11 10:27:38 · 562 阅读 · 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 · 971 阅读 · 0 评论 -
web程序设计（5）——个人主页（布局）
实验要求借鉴学院教师个人主页的布局，创建一个个人主页，要求：1、在header部分包含学院logo，和个人主页各个部分的页面索引，针对索引的link,visited,hover,active四种状态进行设置；2、中间部分包含sidebar 和内容两个部分；3、内容部分包含 内容header 和主要内容两部分，主要内容采用1-n的布局方式，n为内容的标题数目，n可以是分栏，也可以堆叠显示。...原创 2020-01-10 18:02:37 · 15435 阅读 · 1 评论 -
web程序设计（4）——设置浮动的div样式
实验要求实验7 清除特性实验目的熟悉掌握盒子模型，理解div的浮动属性。实验内容打开visual studio core，创建一个文件夹。在文件夹中增添html文件，记得加上后缀名.html打出‘！’+tab键，使用emmet插件进行自动补齐写‘title’标签，命名网页名[实验1]<1>设置最外围的div,利用class选择器设置其背景颜色，字体，字...原创 2020-01-10 17:28:21 · 1491 阅读 · 0 评论 -
web程序设计（３）——使用CSS设计新闻网页
实验要求1、使用html构造一张新闻网页；2、使用CSS对新闻网页的内容的样式进行设置：新闻标题按照“红橙黄绿蓝紫”的方式显示标题；新闻有主标题和新闻来源信息，主标题与副标题使用不同的字体于不同大小显示；段落的行高设置为2em,首行缩进；使用本节课所学的选择符，对新闻段落中某些重要信息使用加黑或是彩色文字显示。实验目的熟悉掌握CSS样式的使用实验内容打开visual stud...原创 2020-01-10 17:01:38 · 6731 阅读 · 1 评论 -
web程序设计（２）——制作表单演示程序和配置PHP动态网站
实验要求1、利用老师给的工具phpstudy构建实验环境；2、运用课程所学变现代码编写左侧控件；3、在表单页面嵌入自己最喜欢的背景音乐；4、修改老师给出的PHP程序，在控件点击OK按钮后，在页面上显示每一个控件用户输入的值。实验目的熟悉掌握表单的使用，了解用户交互过程的数据传递实验内容打开visual studio core，创建一个文件夹。在文件夹中增添html文件，记得加上后...原创 2020-01-10 16:46:58 · 683 阅读 · 0 评论 -
web程序设计（１）——制作个人静态网页
实验要求模仿 http://ccs.scu.edu.cn/jscc/201610/84.html创建一个个人主页，要求：有照片；有表格；有列表；有超级链接实验目的熟悉掌握html的标签使用（添加图片，表格，列表和超链接等）原创 2020-01-10 16:18:52 · 14040 阅读 · 1 评论