⛵ 源码获取 文末联系 ✈
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>
学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
