W1

作业2：

该列表为无序列表，其中语言、编辑器用空格进行布局。
其中无序列表用

包裹列表
有序列表用

包裹列表
并都使用

包裹列表项

主要代码如下：

        语言

    
C#
    
JavaScript

        编辑器

    
Atom
    
Visual Studio Code

作业2：

关于表格使用表示表格的行内容，用来定义表头，用来表示单元格内容即表中数据，大体使用如下：

    

          
Heading
          
Another Heading
    
    

          
row 1, cell 1
          
row 1, cell 2
     
     

          
row 2, cell 1
          
row 2, cell 2
      

需要注意的是当一个单元格为空时，为了避免单元格的边框没有被显示出来。在空单元格中添加一个空格占位符，就可以将边框显示出来。

作业的代码如下：

    

        
.com域名的数量
        
.cn域名的数量
        
.net域名的数量
        
 
    
   
    

        
2003年
        
1000
        
2000
        
3000
    
    

        
2004年
        
4000
        
5000
        
6000
    
    

        
2005年
        
7000
        
8000
        
9000
    
    

作业3：

因为只需要书写HTML难度不大因此只贴上代码：

    




    
统一建模语言理论测试
    
考试科目：统一建模语言

    时间：100分钟

    得分：

    班级（必填）：

    学号（必填）：

    姓名（必填）：

    
一、填空题（每空5分，共20分）

    
  1.UML的中文全称是：

       

      2.对象最突出的特征是：

         

    
二、选择题（每空10分，共20分）

    
1.UML与软件工程的关系是：

      (A)UML就是软件工程

      (B)UML参与到软件工程中软件开发过程的几个阶段

      (C)UML与软件工程无关

      (D)UML是软件工程的一部分

    2.Java语言支持：

      (A)单继承

      (B)多继承

      (C)单继承和多继承都支持

      (D)单继承和多继承都不支持

    

    
三、多项选择题（每空10分，共20分）

    
1. 用例的粒度分为以下哪三种：

      (A)需求级

      (B)概述级

      (C)用户目标级

      (D)子功能级

    2. 类图由以下哪三部分组成：

      (A)名称(Name)

      (B)属性(Attribute)

      (C)操作(Operation)

      (D)方法(Function)

    

    
四、判断题（每题10分，共20分）

    
1.用例图只是用于和客户交流和沟通的，用于确定需求。

    2.在状态图中终止状态在一个状态图中允许有任意多个。

    
五、简答题（每题20分，共20分）

    
1.简述什么是模型以及模型的表现形式？

    


    

实现效果如图所示：

作业4：

对上面的使用css进行修饰美化，所使用css的代码如下：

body{
    font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}

img{
    width: 20px;
    height: 20px;
}

.t{
    margin-top: 10px; 
}

.head{
    text-align: center;
}

.p1{
    border:1px solid;
    border-width:90%;
    margin-left: 5%;
    margin-right:5%; 
    padding: 15px;
    margin-top: 20px;
}

#p11{
    padding-right:210px; 
}

#p12{
    padding-right:90px; 
}

.question{
    margin-top: 20px;
    border: 1px solid;
    background-color: #BEBEBE;
    border-width:90%;
    margin-left: 5%;
    margin-right:5%; 
    padding: 15px;
    font-weight: bold;
    border-style: solid solid none solid;
}

.p2{
    border:1px solid;
    border-width:90%;
    margin-left: 5%;
    margin-right:5%; 
    padding: 15px;
    border-style: none solid solid;
}

.tarea{ 
    margin: 10px;
    padding:20px;
    width: 90%;
    height: 60px;
    overflow-y:visible;
} 

.btn {
    border:1px solid;
    background-color: #398BFB;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
}

.b{
    margin-left:200px; 
    margin: 20px;
    text-align: center;
}

对HTML内的修改为：

    
    




    
统一建模语言理论测试
    

        考试科目：统一建模语言
        时间：100分钟
        得分：
    

    

        班级（必填）：
        学号（必填）：
        姓名（必填）：
    

    
一、填空题（每空5分，共20分）

    

          1.UML的中文全称是:

           
        

              2.对象最突出的特征是：

                 
        
    

    
二、选择题（每空10分，共20分）

    

        1.UML与软件工程的关系是：

          (A)UML就是软件工程

          (B)UML参与到软件工程中软件开发过程的几个阶段

          (C)UML与软件工程无关

          (D)UML是软件工程的一部分

        

            2.Java语言支持：

              (A)单继承

              (B)多继承

              (C)单继承和多继承都支持

              (D)单继承和多继承都不支持

        
    

    
三、多项选择题（每空10分，共20分）

    

        1. 用例的粒度分为以下哪三种：

          (A)需求级

          (B)概述级

          (C)用户目标级

          (D)子功能级

        

            2. 类图由以下哪三部分组成：

              (A)名称(Name)

              (B)属性(Attribute)

              (C)操作(Operation)

              (D)方法(Function)

        
    

    
四、判断题（每题10分，共20分）

    

        1.用例图只是用于和客户交流和沟通的，用于确定需求。
        

            ![](CHECK MARK.png)
        
        

            ![](CLOSE.png)
        
        

            2.在状态图中终止状态在一个状态图中允许有任意多个。
        

            ![](CHECK MARK.png)
        
        

            ![](CLOSE.png)
        
        
    

    
五、简答题（每题20分，共20分）

    
1.简述什么是模型以及模型的表现形式？
        

            
        
    

    

        
    

    

最终运行如图所示：

至于为什么不使用table进行页面布局，我的理解是：

• table必须在页面加载完之后才能显示未加载完之前table只是一个空白；
• table会限制一些属性的自由度；
• table会让页面变得很死。