关于环2数字资产html网页设计

⛵ 源码获取文末联系 ✈

Web前端开发技术
描述网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | | HTML期末大学生网页设计作业

HTML：结构
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
JavaScript：做与用户的交互行为

文章目录

前端学习路线
网页基本结构
网页演示
- HTML结构代码
学的反而越迷茫
学习更多

前端学习路线

（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）

网页基本结构

(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个　　
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面

网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用.
网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。

网页演示

在这里插入图片描述

HTML结构代码



DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="./css/index.css" />
  <link rel="icon" href="./images/writer_4.png" />
  <script src="./js/index.js">script>
  <title>数字资产网title>
head>

<body>
  
  <header class="header">
    <div class="search">
      <div class="search-content">
        
        <div class="content-l">
          <img src="./images/writer_6.png" />
          <h3>数字资产网h3>
        div>
        
        <div class="content-r">div>
      div>
    div>
    
    <div class="myNavbar">
      <div class="myNavbar-content">
        <ul>
          <li><a href="./index.html">首页a>li>
          <li class="drop">
            <a class="more" href="javascript:void()">更多a>
            
            <ul class="navbar-drop">
              <li><a href="./bitcoin.html">比特币a>li>
              <li><a href="javascript:void()" class="register">注册a>li>
            ul>
          li>
        ul>
      div>
    div>
  header>

  
  <main class="main">
    <div class="main-content">
      
      <div class="banner">
        <img src="./images/banner.png" />
      div>
      
      <div class="article">
        <h1 class="article-title">
          <span>数字资产简介span>
        h1>
        <hr />
        <p>数字资产（Digital assets）是指企业或个人拥有或控制的，以电子数据形式存在的，在日常活动中持有以备出售或处于生产过程中的非货币性资产。p>
        <p>数字资产的产生得益于办公自动化，数字资产依托电子支付系统而发展，它的前景是可预见的。p>
        <h3>产生及特点h3>
        <p>
          网络时代的网络会计、办公自动化、电子支付系统平台等使现行的生产方式具有了传统生产方式无法比拟的优越性，可是在现实生活中，它们只是依托磁性介质而存在的一连串“0”和“1”的代码。它们虽是数字化商品，却体现出资产的性质，因此不妨称其为数字资产。这种资产的特点是：
        p>
        <p>1.价格昂贵。由于这些有着特殊用途的应用软件是专门为某一特定工作而研制的，因此其成本比较高，价格也不比厂房等固定资产的价格低。p>
        <p>2.依附性强。应用软件必须得到计算机硬件及系统软件的支持才可以发挥作用，而不能独立存在并发挥作用。p>
        <p>3.互动性强。即使是最简单的应用软件也有一定的交互功能，比如说对操作人员的错误的提示，这是IT行业产品最基本的优越性体现。p>
        <div class="img" style="width: 70%; height: 321px">
          <img src="./images/img_1.png" />
        div>
        <h3>原则h3>
        <div style="width: 100%; display: flex; justify-content: space-around">
          <div>
            <h4>1.数字资产是可定义的。h4>
            <p>
              资产的确认一般有两个标准，即导致未来经济利益和其成本和价值能够可靠地加以计量
              而数字资产是符合这两个标准的。首先，在一个以生产和经营数字化产品为主的企业，销售数字产品是其主营业务收入的主要来源，数字产品是能够给企业带来经济效益，并且数字资产作为企业的研究开发成果，是企业的一项知识产权是能被拥有和控制的。其次，如前所述，数字资产的研究开发成本是可以合理计量的，其市场价值可以通过评估等方式进行确定。
            p>
          div>
          <div class="img" style="width: 50%; height: 250px; margin-bottom: 0; margin-left: 1%; flex-shrink: 0">
            <img src="./images/news_5.png" />
          div>
        div>
        <div style="width: 100%; display: flex; justify-content: space-around">
          <div>
            <h4>2.数字资产是可以计量的。h4>
            <p>
              对资产的计量有两种价值基础，即投入价值和产出价值。因投入价值具有可验证性.是传统财务会计计量时的首选，其计量属性有历史成本、现行成本或重置成本等。资产的产出价值是以资产通过交换而最终脱离企业时可以获得的现金及现金等价物为基础的，其计量属性有现行市价、可变现净值、清算价值及未来现金流量的现值。我们知道一般的计算机软件企业的有形资产是非常有限的，它没有大规模的生产设备、生产车间和办公设备，没有原材料，只需几间工作室，数台电脑和若干开发人员，但他们创造的价值却是难以估计的，可从这类企业的股票市价与其账面价值相去甚远可知。
            p>
          div>
          <div class="img" style="width: 50%; height: 280px; margin-bottom: 0; margin-left: 1%; flex-shrink: 0">
            <img src="./images/news_6.png" />
          div>
        div>
        <div class="tabs">
          
          <ul class="tab">
            <li class="active" data-index="1">可靠性li>
            <li data-index="2">自创数字资产的会计确认li>
            <li data-index="3">外购数字资产的会计确认li>
          ul>

          
          <ul data-index="1" class="item active">
            <p>
              即其信息是可以客观如实反映的、可验证和不偏不倚的。数字资产的所带来的已实现收益时完全可以做到公正、客观如实的反映且可验证.其能够带来的未来收益可以通过适当的评估程序，以数字资产的预期实际价值以及与其价值的时间分布和折现率，参考该数字资产的市场占用率、市场信誉、品牌、顾客的依赖度等非财务信息作出合理的揭示。
            p>
          ul>

          <ul data-index="2" class="item">
            <p>对于专门从事数字资产开发的企业，其产品被称为自创的数字资产。乍一看来，它与无形资产大体相同，没有实物形态，能给企业带来预期收益，
              因此有人认为按照无形资产的会计处理方法甚至将其归人无形资产进行核算即可。其实不然，虽说二者具有很多相似之处，但其差别也显而易见。p>
          ul>

          <ul data-index="3" class="item">
            <p>
              企业因生产和经营管理需要而购入的数字资产被称为外购的数字资产。如企业为了会计核算、各种预测和决策的需要购入的财务软件，
              为了员工培训的需要购入的多媒体软件，这些产品对企业的价值往往不是一次性的，因此也不能明显划分其受益期，相对于自创数字资产，外购的数字资产与无形资产类似，参照无形资产的会计确认即可。此外，对于只是定期支付使用费的数字资产，使用费直接记入管理费用即可。
            p>
          ul>
        div>
      div>
    div>
  main>

  
  <footer class="footer">
    <div class="contact">
      <img src="./images/icon_5.png" />
      <img src="./images/icon_7.png" />
      <img src="./images/icon_8.png" />
      <img src="./images/icon_9.png" />
    div>
    <p>Copyright © 2022 xxx All rights reserved.p>
  footer>

  
  <div class="modal">
    <div class="modal_dialog">
      <div class="modal_content">
        <div class="modal_header">
          <h4>注册h4>
        div>
        <div class="modal_body">
          <form>
            <div class="form_group">
              <label class="control-label">用户名:label>
              <input type="text" class="form-control" id="recipient-name" />
            div>
            <div class="form_group">
              <label class="control-label">密码:label>
              <input type="password" class="form-control" id="recipient-password" />
            div>
            <div class="form_group">
              <label class="control-label">电话:label>
              <input type="text" class="form-control" id="recipient-phone" />
            div>
            <div class="form_group">
              <label class="control-label">邮箱:label>
              <input type="text" class="form-control" id="recipient-email" />
            div>
            <input type="reset" name="reset" class="reset" style="display: none" />
          form>
        div>
        <div class="modal_footer">
          <button type="button" class="btn btn-default" id="cancel" data-dismiss="modal">取消button>
          <button type="button" class="btn btn-primary" id="save">保存button>
        div>
      div>
    div>
  div>
  <div class="modal_backdrop">div>
body>

html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178

学的反而越迷茫

有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？

所以，放松心态吧，好好享受大学时光
—————————————————

学习更多

关注我 | 点赞博文 | 每天带你涨知识

在这里插入图片描述

相关阅读:
win 10 强制禁用驱动程序签名
 OpenCV 连通分量标记和分析
 .360、.halo勒索病毒数据怎么处理|数据解密恢复
 【Java基础】集合容器
 spring5：IOC操作bean管理（创建对象和set属性注入）
SpringBoot打包的两种方式 - jar方式和 war 方式
 SQL执行计划生成
 go调用阿里云接口查询ECS信息
 Unity简单基础
 信息检索 | 信息检索方法一览
原文地址：https://blog.csdn.net/qq_524614081/article/details/127890990