⛵ソースコードの入手と連絡先は記事の最後に✈
Webフロントエンド開発技術
解説Webデザインテーマ、DIV+CSSレイアウト制作、HTML+CSS Webデザイン最終講座課題 | | HTML大学生Webデザイン最終課題
-
HTML: 構造
-
CSS:スタイル
運用面ではhtml5とcss3を使用し、
div+css構造、フォーム、ハイパーリンク、フローティング、絶対配置、相対配置、フォントスタイル、参考動画などの基礎知識を採用 -
JavaScript: ユーザーとインタラクティブな動作を行う
フロントエンド学習ルート
(1) html ファイル: index.html はホームページ、他の html は第 2 レベルのページ
(2) css ファイル: css すべてのページ スタイル、テキスト スクロール、画像ズームなど
(3) js ファイル: 動的なカルーセルの特殊効果、フォームの送信、クリック イベントなどを js で実現 (Web ページでは js コードを使用)
ウェブページの基本構造
(1)ホームページ：ホームページに入って最初に目にするページ（ロゴ、会社名、ナビゲーション、バナー、ニュース、関連情報、下部情報、バナーが一般的に5ページ）
ホームページ このページを第 2 レベルのページと呼びます
(3) 第 3 レベルのページ: 第 2 レベルのページからクリックされたページ
Web ページ html : Web ページは、Web サイトの基本要素であり、さまざまな Web サイト アプリケーションを実行するためのプラットフォームです。簡単に言えば、ウェブサイトはウェブページで構成された
ホームページです : ホームページはウェブサイトの入り口
ページであるため、理解しやすいように編集されることがよくあります. トップまたはサイドエリア, 別名ナビゲーションバー、サイトやソフトウェア内のさまざまなページをリンクする役割を果たします
Webページフッター: Webページ内の各ページの下部にある領域です。追加情報を表示するためによく使用されます。作者、レコード番号など
ウェブデモ
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>
学べば学ぶほど混乱する
このように感じるのは普通のことです。なぜなら、あなたは実際に会社に入ったことがなく、会社で自分に割り当てられた仕事をこなすためにどれだけのことを学ばなければならないかわからないからです。あなたの発言から、あなたの基盤は依然として非常に堅固でなければならないことがわかります。インターネット上のビデオ チュートリアルの完全なセットに従うことは間違いなく問題ありません。
将来、実際に入社して、その難易度や仕事量が勉強期間の20％程度しかないことに気づいたら、「だから仕事はそれ以上のものではない」とため息が出てしまうかもしれません。
これは正常なことです。なぜなら、ほとんどの企業は、会社の構造を発展させるための新人にさせないようにするためではなく、仕事をしてビジネスを書くためにあなたを採用するからです。それらはすべて既製のものです。あなたがしなければならないことは、他の人の指導の下でレンガやタイルを追加し、手をつないで指示することです。その時、あなたは「これですか？」と叫ぶのではないかと思います。
それでは、リラックスして大学生活を楽しんでください
—————————————————
もっと詳しく知る
フォローしてください | ブログ投稿のように | 毎日あなたの知識を増やすために連れて行ってください
