About ring 2 digital assets html web design

⛵Get the source code and contact at the end of the article✈

Web front-end development technology
description Web design theme, DIV+CSS layout production, HTML+CSS web design final course assignment | | HTML final college student web design assignment

  1. HTML: structure

  2. CSS: style
    In terms of operation, html5 and css3 are used, and
    basic knowledge such as div+css structure, form, hyperlink, floating, absolute positioning, relative positioning, font style, and reference video are adopted

  3. JavaScript: do interactive behavior with the user


Front-end learning route

(1) html file: where index.html is the home page, and other html is the second-level page;
(2) css file: all css page styles, text scrolling, image zoom, etc.;
(3) js file: js realizes dynamic carousel special effects , form submission, click event, etc. (js code is used in web pages)

Basic structure of web page

(1) Homepage: The first page you see when you enter the webpage (LOGO, company name, navigation, banner, news, related information, bottom information, banner is generally 5) (2) Secondary page: After clicking to enter from the  
homepage The page is called the second-level page
(3) Third-level page: the page clicked from the second-level page

Web page html : A web page is the basic element of a website and a platform for carrying various website applications.
In layman's terms, a website is a home page composed of web pages : the home page is the entry
page of a website, so it is often edited to make it easy to understand . The top or side area, also known as the navigation bar, plays the role of linking various pages in the site or software.
Web page footer : It is the area at the bottom of each page in the web page. Often used to display additional information. Such as author, record number, etc.


web demo

insert image description here
insert image description here

HTML structure code



<!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>


The more you learn, the more confused you become

It's normal to feel this way, because you haven't really been in the company, and you don't know how much you need to learn to be competent for the work assigned to you in the company. I can see from your statement that your foundation should still be very solid. There is definitely no problem following the full set of video tutorials on the Internet.

When you actually enter the company in the future and find that the difficulty and amount of work are only about 20% of your study period, you may sigh: So the work is nothing more than that.

This is normal, because most companies recruit you to work and write business, not to let you be a newcomer to develop the company structure. They are all ready-made things, what you have to do is to add bricks and tiles under the guidance of others and direct them hand in hand. At that time, I am afraid you will exclaim: This is it?

So, relax and enjoy your college time
—————————————————


learn more

Follow me | Like blog posts | Take you to increase your knowledge every day


insert image description here

Guess you like

Origin blog.csdn.net/m0_65484028/article/details/127876473