Advertisement

北京理工大学《Web开发基础》课程报告

阅读量：

实在是不愿排版了，朋友们将就着看

《Web开发基础》课程报告

自评四个实验的完成情况（含附加要求）如下：
实验一：达成目标
实验二：达成目标
实验三：达成目标
实验四：达到90%的目标
主要缺陷包括以下几点：
当用户的姓名为中文时，在数据库中存储姓名会导致显示问题
历史用户的排名界面在CSS设计上仍显略粗糙

除了实验所需的基本配置外 额外支持的功能模块 包括：
1. 采用随机抽题的方式进行考试
2. 设置倒计时时段 并在到达时间后展示倒计时提示 并阻止考生继续作答
3. 在答题未完成的情况下 默认显示正确答案供参考
4. 发生作答中断时 系统将发出继续作答的提示信息 并禁止交卷操作
5. 首页采用动态背景设计（基于CSS框架和JavaScript技术实现）
6. 首页设计具备屏幕自适应功能
7. 提供页面内部跳转功能

2.请贴出你在IIS中所配置网站的截图

在这里插入图片描述

3.请贴出个人主页截图

在这里插入图片描述
在这里插入图片描述

4. 请贴出个人主页 HTML CSS 源代码

复制代码 
	<!DOCTYPE HTML>
    6.	<html class="no-js">
    7.	  <head>
    8.	    <meta charset="utf-8">
    9.	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
    10.	    <title>我的个人主页</title>
    11.	    <meta name="description" content="Lithium Description" />
    12.	
    13.	    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    14.	    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    15.	
    16.	    <link href="css/plugins.css" media="screen" rel="stylesheet" type="text/css" />
    17.	    <link href="css/application.css" media="screen" rel="stylesheet" type="text/css" />
    18.	    <script src="js/libs/modernizr-2.6.2.min.js"></script>
    19.	  </head>
    20.	
    21.	<body>
    22.	  
    23.	  <section id="page-container">
    24.	
    25.	    <!-- HERO -->
    26.	    <section id="page-hero">
    27.	      <div class="site-inner">
    28.	        <header>
    29.	          <div class="brand-logo">
    30.	            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="brand-logo" x="0px" y="0px" viewBox="-4 -4 58 58" enable-background="new -4 -4 58 58" xml:space="preserve" class=" iconic-injected-svg inject-me">
    31.	              <path id="circle" d="M0.2,27.2c-0.2-1.9-0.3-3.4,0-5.3c0.1-0.4,0.2-0.8,0.2-1.1C2.2,9,12.2,0.2,24.2,0C32.3-0.1,39,3,44.1,9.4  c3,3.7,4.6,8.1,5.2,12.8c0.1,2.5,0.1,2.5,0,4.7c-0.1,0.5-0.2,0.8-0.2,1.3c-1.8,11.7-11.5,20.6-23.3,20.9c-9.9,0.3-17.4-4-22.5-12.5  C1.5,33.7,0.7,30.5,0.2,27.2z M2.3,24.5C2.1,36,11.4,47.1,24.8,47c13.1,0,22.4-10.6,22.4-22.4c0-11.9-9.4-22.5-22.5-22.5  C11.3,2.1,2.2,13.1,2.3,24.5z"></path>
    32.	              <path id="icon" d="M24.9,45.2c-3.4,0-6.6-2.5-7.7-5.6c-3-8.9-5.9-17.9-8.8-26.9c-0.3-1,0-1.2,0.9-1.2c3.6,0.1,7.4,3.1,8.5,6.7  c2.1,6.6,4.2,13.2,6.3,19.8c0.1,0.3,0.4,0.6,0.5,1c0.1-0.3,0.3-0.6,0.4-0.9c2.1-6.6,4.2-13.2,6.3-19.8c1.1-3.5,4.8-6.5,8.3-6.7  c1.6-0.1,1.7,0,1.2,1.5C38.3,21,35.6,29,33,37c-0.6,2-1.2,3.9-2.7,5.5C28.8,44.2,26.9,45.1,24.9,45.2z"></path>
    33.	              <path id="circle-alt" d="M-3.2,27.6c-0.2-2.2-0.3-3.9,0-6c0.1-0.5,0.2-0.9,0.2-1.3c2-13.4,13.4-23.4,27.1-23.7  C33.3-3.4,41,0.1,46.8,7.4c3.4,4.2,5.2,9.2,5.9,14.6c0.1,2.8,0.1,2.8,0,5.3c-0.1,0.6-0.2,0.9-0.2,1.5c-2,13.3-13.1,23.4-26.5,23.8  C14.7,52.9,6.1,48,0.3,38.3C-1.7,35-2.6,31.4-3.2,27.6z M-0.8,24.6C-1,37.6,9.6,50.3,24.8,50.2c14.9,0,25.5-12.1,25.5-25.5  c0-13.5-10.7-25.6-25.6-25.6C9.4-0.9-0.9,11.6-0.8,24.6z"></path>
    34.	            </svg>
    35.	          </div>
    36.	        </header>
    37.	
    38.	        <h1 class="heading h-01">I Love Coding</h1>
    39.	        <p class="sub-header copy-02">很高兴你来到我的主页！</p>
    40.	        <a href="#" class="arrow-down">
    41.	          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="arrow-down" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve" class=" iconic-injected-svg inject-me">
    42.	            <path id="circle" d="M0.2,27.4c-0.2-1.9-0.3-3.4,0-5.3c0.1-0.4,0.2-0.8,0.2-1.1C2.2,9.1,12.3,0.2,24.3,0c8.2-0.1,14.9,3,20.1,9.4  c3,3.8,4.6,8.2,5.3,12.9c0.1,2.5,0.1,2.5,0,4.7c-0.1,0.5-0.2,0.8-0.2,1.3C47.7,40.2,37.9,49.1,26,49.5c-10,0.3-17.5-4-22.7-12.6  C1.5,34,0.7,30.7,0.2,27.4z M2.3,24.7c-0.2,11.6,9.2,22.7,22.6,22.7c13.2,0,22.6-10.7,22.6-22.6c0-12-9.4-22.7-22.6-22.7  C11.4,2.1,2.2,13.3,2.3,24.7z"></path>
    43.	            <path id="arrow" class="st0" d="M31.8,23.4c-0.2-0.3-0.6-0.3-0.9-0.1l-6,5l-6-5c-0.3-0.2-0.7-0.2-0.9,0.1c-0.2,0.3-0.2,0.7,0.1,0.9l6.5,5.4   c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.3,0,0.4-0.1l6.5-5.4C31.9,24,32,23.6,31.8,23.4z"></path>
    44.	          </svg>
    45.	        </a>
    46.	      </div>
    47.	    </section>
    48.	
    49.	    <!-- ABOUT -->
    50.	    <section id="page-about" class="section">
    51.	      <div class="site-inner">
    52.	        <p class="copy-01">我是何婉欣，一名大二的BITer。 </p>
    53.	        <p class="copy-01">我爱好广泛，喜欢探索未知，喜欢思考一些奇奇怪怪的问题。<br>
    54.	        ENFP(追梦人)型人格，永远都走在追逐自己梦想的道路上！</p>
    55.	
    56.	        <h1 class="heading h-01">More About Me</h1>
    57.	
    58.	        <div class="columns">
    59.	          <aside>
    60.	            <h3 class="heading h-03">Course</h3>
    61.	            <p class="copy-02">
    62.	              《概率论与数理统计》《离散数学》《数据结构与算法》《大学物理》 《数值分析》《JAVA程序设计》
    63.	            </p>
    64.	          </aside>
    65.	
    66.	          <aside>
    67.	            <h3 class="heading h-03">Favorite Movie</h3>
    68.	            <p class="copy-02"><a href="https://www.imdb.com/title/tt1375666/?ref_=nv_sr_srsg_0">《盗梦空间》</a> <br>
    69.	              <a href="https://www.imdb.com/title/tt1533117/?ref_=nv_sr_srsg_0">《让子弹飞》</a> <br>
    70.	              <a href="https://www.imdb.com/title/tt2645044/?ref_=nv_sr_srsg_0">《厨子戏子痞子》</a></p> <br>
    71.	          </aside>
    72.	
    73.	          <aside>
    74.	            <h3 class="heading h-03">Hobbies</h3>
    75.	            <p class="copy-02">旅游<br>
    76.	                打羽毛球<br>
    77.	                摄影<br>
    78.	                演讲</p>
    79.	          </aside>
    80.	        </div>
    81.	
    82.	      </div>
    83.	    </section>   
    84.	
    85.	    <!-- PHOTOGRAPHY -->
    86.	    <section id="page-photography" class="section">
    87.	      <div class="site-inner">
    88.	        <h1 class="heading h-01">Photography</h1>
    89.	
    90.	        <p class="copy-01">我喜欢把生活记录下来<br>把美好定格在瞬间<br>把这些感情延续到永远</p>
    91.	
    92.	        <section id="photo-grid">
    93.	          <div class="photo-item" data-url="http://flickr.com">
    94.	            <figure class="image-container"><img src="images/photos/photo1.jpg" /></figure>
    95.	          </div>
    96.	          <div class="photo-item" data-url="http://flickr.com">
    97.	            <figure class="image-container"><img src="images/photos/photo2.jpg" /></figure>
    98.	          </div>
    99.	          <div class="photo-item" data-url="http://flickr.com">
    100.	            <figure class="image-container"><img src="images/photos/photo3.jpg" /></figure>
    101.	          </div>
    102.	          <div class="photo-item" data-url="http://flickr.com">
    103.	            <figure class="image-container"><img src="images/photos/photo4.jpg" /></figure>
    104.	          </div>
    105.	          <div class="photo-item" data-url="http://flickr.com">
    106.	            <figure class="image-container"><img src="images/photos/photo5.jpg" /></figure>
    107.	          </div>
    108.	          <div class="photo-item" data-url="http://flickr.com">
    109.	            <figure class="image-container"><img src="images/photos/photo6.jpg" /></figure>
    110.	          </div>
    111.	        </section>
    112.	
    113.	        <a href="#" class="button main rounded">回到顶端</a>
    114.	
    115.	      </div>
    116.	    </section>
    117.	
    118.	  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    119.	  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.10.2.min.js"><\/script>');</script>
    120.	
    121.	  <script src="js/plugins.js"></script>
    122.	  <script src="js/application.js"></script>
    123.	
    124.	</body>
    125.	</html>
    
    
    
    css
![](https://ad.itadn.com/c/weblog/blog-img/images/2025-08-18/WnVPz6M3KTUHxaqp91wYR8s0hOBX.png)

5.请贴出 在线考试页面 初始截图

在这里插入图片描述

6.做一套非全对测试 贴出关键过程截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

全部评论 (0)

还没有任何评论哟~

相关文章推荐

北京理工大学《Web开发基础》课程报告

实在是不愿排版了，朋友们将就着看 《Web开发基础》课程报告 1.自评四个实验完成度（含附加要求） 实验一：100% 实验二：100% 实验三：100% 实验四：90% 未完成功能主要包括： 如果用户...

北京理工大学抢课教程

在北理工选过课的同学都知道，选课分为很多轮次，前两轮是靠概率筛选，后几轮全部都是靠先到先得。那么这就引发了一个不好的现象，有的同学让其他同学帮他选课，然后等到第三轮的时候再将选到的课退给他。这就相当于...

北京化工大学 程序设计实训（报告）

北京化工大学 程序设计实训（报告） 题目： 学生姓名： 学号： 所在学院：信息科学与技术学院 专业：计算机科学与技术专业 班级： 指导教师： 2017年7月7日 摘要 本次课程设计是利用数据结构的知识...

北京大学公开课

历史/文学/考古/艺术等为主 65、【概率论】112集，何书元主讲。http://www.bilibili.com/video/av7706616/ 1、【社会学概论】65集，卢晖临主讲。

Web前端开发 北京林业大学 HTML基础-单元测试

Web前端开发北京林业大学通关攻略 Web前端开发客观题编程题 概论单元测试1 HTML基础单元测试2单元作业1 CSS样式单元测试3单元作业2 CSS布局与定位单元测试4单元作业3 CSS3单元测试...

大学计算机课程ppt,北京大学计算机基础课程-PPT课件

《北京大学计算机基础课程PPT课件》由会员分享，可在线阅读，更多相关《北京大学计算机基础课程PPT课件21页珍藏版》请在人人文库网上搜索。 1、1,北京大学计算机基础课程教学体系调查,张铭谢柏青北京大...

北京理工大学慕课python答案-Python语言程序设计基础答案

【填空题】逻辑型数据在参与算术运算的过程中可以被当作整数进行操作，通常True的值对应整数1，False的值对应整数。 【单选题】在Python中，不可以用来表示字符串的符号是。 【单选题】计算机中，...

南开大学工程训练结课报告

工程训练结课报告 一、焊电路 1．什么是虚焊？虚焊有什么危害？ 答：虚焊是指焊锡过少或未很好焊接。虚焊会导致电路未连接甚至焊锡脱落。 2．通过工程训练课的练习，你认为焊好电路有那些要领？ 答：1）要等...

《Web应用基础》课程结业报告

文章目录 《Web应用基础》课程结业报告 内容介绍 效果图 开发过程 环境搭建 开发工具 环境准备 需求分析 各模块功能实现 整体项目目录结构 实体类 公共视图组件 业务类 功能组件 addword组...

《Web应用基础》课程结业报告

一.主题 针对自己所学到的HTML、CSS和JS知识，结合自己感兴趣的一些小说和视频来做的一个小网站，网站主要分为了，首页简介、小说推荐、小说简介、视频推荐、视频展示五个方面。