网页底部版权说明

据统计,截止2016年1月,我国互联网普及率已达50.3%,我国网民对各式各样的网站、网页都早已司空见惯,但不知道有多少人对网站页面底端这个版块的内容有所注意:

网站建设中的知识产权问题主要存在于主页、链接、网页信息、技术措施和权利管理信息中。以主页为例——主页作为一种多媒体作品,其中的某些单一图形可能符合著作权法对美术作品的判定条件,而主页的形式和内容在选择、编排上构成智力创作也可被视为一种“汇编作品”。因此网站在自己的页面内容中声明自己的著作权是非常合乎情理的事。

那么问题来了,网站页面内容中的著作权声明怎么写才正确呢?

和目前我国通行的大部分互联网惯例一样,网站声明著作权的做法起源于美国。相应的,参考标准和格式也是应用的美国版权局的说明,关于书籍,电影DVD,唱片,网页,软件等的著作权声明,必须包含这三部分:

①英文单词“Copyright”(直译为版权)

②作品初次公开发表的年份

③作品的著作权拥有者名称——拥有者除作者、多作者外,也可以是拥有著作权的公司、企业;名称可以是可识别的拥有者全称外,也可以是名称缩写、可以是拥有者的其他为公众知晓的名称。

简单来说说,标准格式应该是:

Copyright+[dates]+[author/owner]

*Copyright+[日期]+[作者/拥有者]

有些网站的著作权声明中还会在著作权拥有者之后加一个后缀“AllRightsReserved.”(通常直译为“版权所有”),使整个格式变为如“Copyright2016XXX.AllRightsReserved.”

而中文书写著作权声明时,也可以加上“版权所有”四个字,但要注意它的位置也是在后边,切记不要直接将“版权所有”代替“Copyright”使用,写作“版权所有1996-2012XXX.AllRightsReserved.”。

在某些国家法规中这一个后缀曾经是必须的,但是目前在大多数国家,都不是法律规定必须标注的字样。

有些网站的著作权声明中,在“初次公开发表的年份”后会同时注明另外一个年份日期,如:Copyright1996-2012XXX.AllRightsReserved.

这是因为该网站的有效时间长于1年,所以会有第2个年份出现。如果这个网站一直到今年都是有效的,第二个年份应该填为今年年份。同时,第二个年份也不是必须标注的内容。

还有一些网站的著作权声明是这样一种情况,比如知乎的:

“©2016知乎”

那是因为©标记代表的就是“CopyrightSymbol”(版权标记)的意思,所以可以直接用来代替“Copyright”。但要注意不可以用“©”代替。

我国现行《著作权法》是参照《伯尔尼公约》制定的,而根据公约规定,著作权是在作品产生后自动获得的、无需声明或注册才能取得。因此,对于是否使用著作权标识——©,并没有严格的规定。

但另一个事实是,倘若发生侵权需要维权,依然需要通过法律途径、提供创作证据判断著作权归属。

因此无论在网站页面底端,还是给其它原创作品添加注著作权声明,虽然客观来看法律效力确实有限,只是对外显示著作权所有人、声明其权利的一种方式。但至少对恶意盗版者来说是一种震慑,对善意使用者也给出了一个明确的提醒。

而大多数作者或权利拥有者毕竟不是专业人士,写出来的著作权声明就不会很规范,因此也会降低其严肃性和效力。所以如何正确书写这几行声明,也并不是件可以随便忽略的事。


个人使用版权样式:

©Copyright 2018 繁星2018.top 版权所有
以下是实现题目要求的Vue源码: 1. 自定义插件实现版权信息显示: ``` // copyright.js export default { install(Vue) { Vue.prototype.$copyright = '版权所有:1班、老六,联系方式:10086'; } } ``` 在main.js中引入该插件: ``` import Copyright from '@/plugins/copyright' Vue.use(Copyright) ``` 在组件中即可使用`this.$copyright`获取版权信息。 2. 给按钮加上动画特效: ``` // 组件中的按钮代码 <button @click="hzd_checkQualification" class="hzd-button"> <span>判断是否可以参评奖学金</span> <div class="hzd-progress-bar" v-show="hzd_loading"></div> </button> // 组件的CSS代码 .hzd-button { position: relative; } .hzd-button span { z-index: 1; } .hzd-progress-bar { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #007aff; transition: width 2s ease-in-out; } .hzd-progress-bar::before { content: ''; position: absolute; top: -5px; left: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #007aff; animation: hzd-pulsate 1.5s ease-out infinite; opacity: 0.0; } @keyframes hzd-pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { transform: scale(1.2, 1.2); opacity: 0.0; } } ``` 使用CSS实现了一个进度条和按钮的动画特效,点击按钮时会显示进度条,处理完成之后进度条消失。为了可以方便观测到进度条,计算的函数中增加了一个等待2秒的操作。 3. 在页面顶部增加导航: ``` // 组件的HTML代码 <div class="hzd-nav"> <ul> <li><a href="#" @click.prevent="hzd_showFunction">奖学金评选资格功能</a></li> <li><a href="#" @click.prevent="hzd_showFunctionDesc">奖学金评选资格功能说明</a></li> </ul> </div> // 组件的CSS代码 .hzd-nav { background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; margin-bottom: 20px; } .hzd-nav ul { display: flex; justify-content: space-between; padding: 0; margin: 0; list-style: none; } .hzd-nav li { margin: 0 20px; } .hzd-nav a { color: #007bff; text-decoration: none; } .hzd-nav a:hover { text-decoration: underline; } ``` 使用HTML和CSS实现了一个简单的导航栏,点击不同的链接可以显示不同的功能或说明。 4. 使用Vue状态管理统计操作成功数和未操作成功数: ``` // store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { successCount: 0, failCount: 0 }, mutations: { incrementSuccessCount(state) { state.successCount++ }, incrementFailCount(state) { state.failCount++ } } }) ``` 在main.js中引入该状态管理插件: ``` import store from '@/store' new Vue({ store, render: h => h(App), }).$mount('#app') ``` 在组件中使用该状态管理插件: ``` // 组件的计算属性代码 hzd_successCount() { return this.$store.state.successCount }, hzd_failCount() { return this.$store.state.failCount } // 组件的判断条件代码 if (averageScore >= 90 && this.hzd_score1 >= 80 && this.hzd_score2 >= 80 && this.hzd_score3 >= 80 && this.hzd_score4 >= 80 && this.hzd_score5 >= 80) { this.hzd_success = true; this.hzd_message = this.hzd_name + '符合奖学金评选条件!'; this.$store.commit('incrementSuccessCount'); } else { this.hzd_success = false; this.hzd_message = this.hzd_name + '不符合奖学金评选条件!'; this.$store.commit('incrementFailCount'); } ``` 使用计算属性统计操作成功数和未操作成功数,使用mutations实现增加计数的功能。每次成功或失败时,调用mutations中的方法,增加对应计数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值