公告
根据机构改革方案,本网站部分内容和功能正在进行调整,由此给您带来的不便,敬请谅解!
首页 网页传奇怎么开 信息林 图书馆 博物馆 博览会 数据库 图片库 CFTV 行政审批 熊猫频道 虎豹频道
网页传奇怎么开

网页传奇怎么开

张建龙在两会“部长通道”接受采访

张建龙在两会“部长通道”接受采访

纪念植树节设立40周年暨首枚植树节纪念邮票发布仪式

纪念植树节设立40周年暨首枚植树节纪念邮票发布仪式

“绿​卫2019”森林草原执法专项行动电视电话会议

“绿​卫2019”森林草原执法专项行动电视电话会议

“林业草原生态扶贫专项基金”成立仪式

“林业草原生态扶贫专项基金”成立仪式

纪念植树节设立40周年<br/>暨2019年全民义务植树系列宣传活动启动仪式

纪念植树节设立40周年
暨2019年全民义务植树系列宣传活动启动仪式

从严治党

从严治党

“林业信息化 十年铸辉煌”——第六届美丽中国作品大赛

“林业信息化 十年铸辉煌”——第六届美丽中国作品大赛

  • 网页传奇怎么开
炒股为什么不能满仓买入卖出

我认为炒股有两点非常重要,一个是选股另一个是控制仓位。选到好的股票不管怎么操作都容易收益,少亏钱;好的仓位控制可以尽可能多的赚取收益,即便是买到差的股票,也可以用好的仓位控制技术让亏损减少,甚至少赚。下面我说下为什么不能满仓买入卖出以及怎么控制仓位供大家参考。
我们说下仓位控制,我们都知道炒股不能总是满仓买入卖出。原因很简单其实就是为了降低风险。常在河边走那有不湿鞋,经常炒股的难免会买到不好的股票,遇到闪崩的股票踩到地雷,遇见黑天鹅等各种突发情况我们都会经历。如果满仓操作遇到这样的情况,可能辛辛苦苦几个月甚至几年的收益就没有了。像长生生物,保千里,乐视等就是这样,如果满仓遇到这种股票回本基本就没有希望了。所以不满仓的实质就是控制风险,股票市场上的风险无处不在,我们控制仓位,逐渐加减仓就是为了控制风险,风险控制好才能有所收益。
我认为炒股不在乎你一次或者一个月,一年能赚多少,重要的是你能在股市中坚持多久。牛熊市的轮换是需要时间的,仓位控制不好很可能我们会被迫中途下车,错过以后牛市。能让我们坚持久的办法就是合理的控制仓位,轻仓被套和满仓被套那个更容易解套大家应该很清楚。不满仓就是为了让我们能在股市中坚持更久,熬过熊市就是艳阳天,就有翻身的可能。长线操作一般都是两成仓三成仓的逐渐加仓,一次性满仓是从来不建议的。即便是在牛市中也要给自己留一成仓出来,确保自己能应对突发情况。不满仓的操作策略就是在尽可能的降低风险,风险放在第一位才是长期的盈利之道

办 事指南 表格下载 网上申报 状态查询 结果查询

我认为炒股有两点非常重要,一个是选股另一个是控制仓位。选到好的股票不管怎么操作都容易收益,少亏钱;好的仓位控制可以尽可能多的赚取收益,即便是买到差的股票,也可以用好的仓位控制技术让亏损减少,甚至少赚。下面我说下为什么不能满仓买入卖出以及怎么控制仓位供大家参考。
我们说下仓位控制,我们都知道炒股不能总是满仓买入卖出。原因很简单其实就是为了降低风险。常在河边走那有不湿鞋,经常炒股的难免会买到不好的股票,遇到闪崩的股票踩到地雷,遇见黑天鹅等各种突发情况我们都会经历。如果满仓操作遇到这样的情况,可能辛辛苦苦几个月甚至几年的收益就没有了。像长生生物,保千里,乐视等就是这样,如果满仓遇到这种股票回本基本就没有希望了。所以不满仓的实质就是控制风险,股票市场上的风险无处不在,我们控制仓位,逐渐加减仓就是为了控制风险,风险控制好才能有所收益。
我认为炒股不在乎你一次或者一个月,一年能赚多少,重要的是你能在股市中坚持多久。牛熊市的轮换是需要时间的,仓位控制不好很可能我们会被迫中途下车,错过以后牛市。能让我们坚持久的办法就是合理的控制仓位,轻仓被套和满仓被套那个更容易解套大家应该很清楚。不满仓就是为了让我们能在股市中坚持更久,熬过熊市就是艳阳天,就有翻身的可能。长线操作一般都是两成仓三成仓的逐渐加仓,一次性满仓是从来不建议的。即便是在牛市中也要给自己留一成仓出来,确保自己能应对突发情况。不满仓的操作策略就是在尽可能的降低风险,风险放在第一位才是长期的盈利之道

办 事指南 表格下载 网上申报 状态查询 结果查询

讯 7月2日,英大证券首席经济学家李大霄表示,六月份的PMI51.5继续在扩张区域运行,整个经济活动、生产经营活动总体延续平稳较快的扩张态势。其中有一个点值得重视的就是大型企业PMI52.9,还是比较好,是主要支撑力。中型企业的PMI是49.9,小型的49.8。这个排序跟企业规模排序以及现在经济的大状况还是非常贴切的。

另外,整个市场从上个月末大幅上攻以来,已经度过了年中的关口,从时间角度看,市场将转入下半年相对比较好的时间点。

同时,李大霄还表示,目前,整个资金流入的情况仍然持续,入摩之后的数据情况,包括整个货币政策,发生微调之后的国债、期货的走向,还有债券收益率的下行,整个市场资金面应该是有所好转。

另外,上周监管层有一个重要的信号,就是只发了一个股票,给市场释放出的信号意味深长。说明监管层已经关注到了发行速度对市场的压力,这一点是一个重要的信号,应该持续的观察这个市场信号,对整个市场的判断就有可能会发生重大的变化。

关注同花顺财经(ths518),获取更多机会

办事 指南 表格下载 网上申报 状态查询 结果查询
聚焦欧洲央行利率决议 暴风将袭

本周四,欧洲央行将公布利率决议,市场认为欧央行将发布关于下调量化宽松政策(QE)的声明,普遍预期欧洲...

办 事指南 表格下载 网上申报 状态查询 结果查询

网页传奇怎么开港股讯 8月10日晚司法部发布《中华人民共和国民办教育促进法实施条例(修订草案)(送审稿)》,征求意见截止至2018年9月10日,因此目前草案仍未正式实施,正式法律解读仍然需要等待一定的时间。

今日教育股遭遇重挫,集体暴跌。截止收盘,宇华教育重挫36.57%,报价3.4港元,最新市值111.008亿港元。

中期收入增长来源学费与收购

宇华教育公布,截至2018年2月28日止6个月,集团实现收入5.17亿元,同比增长22.7%;毛利2.67亿元,同比增长27.0%;归属于公司的经调整纯利达2.48亿元,同比增长33.8%;归属于公司纯利2.02亿元,同比增长65.4%。

其中,幼儿园收入2.9亿元,约占总收入5%;K12收入25.2亿元,约占总收入49%;大学收入23.5亿元,约占总收入46%。

资料来源:公司报告资料来源:公司报告

回顾期内,收入增长主要是由于在校人数及学费增加,以及收购LEI Lie Ying Limited及其附属公司(包括湖南涉外经济学院学校)而相关财务业绩自收购完成后并入集团所致。

缘何大跌?

此次“送审稿”核心点在于修订案的第十二条,另外,第五条和第四十五条也值得重点关注。

第十二条:实施集团化办学的,不得通过兼并收购、加盟连锁、协议控制等方式控制非营利性民办学校。

第五条:在中国境内设立的外商投资企业以及外方为实际控制人的社会组织不得举办、参与举办或者实际控制实施义务教育的民办学校。

第四十五条:教育行政部门、人力资源社会保障部门应当加强对非营利性民办学校与利益关联方签订协议的监管,对涉及重大利益或者长期、反复执行的协议,应当对其必要性、合法性、合规性进行审查审计。前款所称利益关联方是指民办学校的举办者、实际控制人、理事、董事、监事等以及与上述组织或者个人之间存在互相控制和影响关系、可能导致民办学校利益被转移的组织或者个人。

宇华教育为K12+大学教育集团,根据报告数据可知,K12收入占比较高,若义务教育剥离,则会对宇华教育未来业绩造成影响。

此外,宇华教育中期业绩报告可知,毛利增长主要来源于对LEI Lie Ying Limited及其附属公司(包括湖南涉外经济学院学校)的收购,那么修订案中对收购的限制或成为宇华教育大跌的直接原因。

最后,宇华教育为VIE架构,根据修订案第十二条不得通过协议控制以及对监管的加强,也会对宇华教育未来业绩造成一定影响。

来源:并购汪来源:并购汪

天风商社表示,目前由于条例尚处于征求意见阶段,最后定稿及实施如何尚不得而知,究竟是全面限制VIE、收购限制VIE,还是维持现状都暂且无法有明确的答案。我们认为短期内会对板块产生一定负面影响,盈利能力预期长期上可能出现一定下滑,兼并收购的进度短期内会受限于法律的未落地而受到拖累。

国泰君安表示,短期来看,由于该送审稿还缺乏从教育部到各地政府更具体细则出台,最后如何落地还存在不确定性,或会引起行业波动。但长期来看,相关法规的出台利于民办教育行业的规范化管理和健康发展。我们对义务教育板块较为谨慎,将宇华教育移出消费股组合。


网页传奇怎么开财经公众号

24小时滚动播报最新的财经资讯和视频,更多粉丝福利扫描二维码关注(kailiss.com)

办 事指南 表格下载 网上申报 状态查询 结果查询

科创板自宣布以来,迅速成为资本市场热词。尽管政策细则尚未出台,但坊间围绕科创板的传闻却不间断。科创板试点注册制被提出来后,近期各界都在围绕科创板做热身和准备。500527815_wx.jpg

图片来源摄图网

长三角:筛选上的企业将在元旦前发布

自科创板被宣布以来,券商投行部门及私募基金子公司、地方金融办等都将工作重心倾斜。全员动作,梳理手中或许符合科创板标准的项目,寻找潜在企业等工作成为当务之急。

参与征集科创型企业的知情人士表示:长三角大部分科创型企业已收到当地经济和信息化委员会的征询函,目前基本已征集到位,之后将根据企业情况进行梳理筛选,预计在元旦前会公开发布。

科创板是服务于国家新战略的新市场,那么这个市场就要有相对的容忍度,要做一个全新的市场,全新的规则,才能体现这个板的意义。

科创板候选公司需具备四大特征

能上科创板的公司具有四大特征:

一是研发投入占比较高,创新是科创公司的生命力,大量的研发投入才能保证公司的创新优势;

二是收入已经初具规模,虽然对科创企业的利润不做要求,但是收入要达到一定的规模,证明这种模式是有需求的,即使收入规模不是很大,最低也要保持较高的收入增长速度;

三是处于国家重点支持的新兴科技行业,集成电路、人工智能、生物医药、航空航天、新能源汽车等行业都是国家重点支持发展的,这些行业最有望诞生科创板公司。

四是拥有多项发明专利,专利技术构筑了企业的护城河,可以确保未来企业发展的优势和速度。

按照预期,科创板首批企业大概率是“大而美”,经营稳定、技术成熟,风险相对较小的企业。这样的科技类公司屈指可数。而从目前各省的收集情况看,更多还是中小型科技公司。

多省份在积极备战科创板

浙江省创投协会也在11月20日发文,要求会员单位在投资的企业中,推荐拟挂牌科创板的优质企业名单。目前,该协会已收到了100多家推荐企业名单,之后会将名单送往相关科技部门和金融管理部门,希望相关部门为浙江争取多上几家科创板,也为这些企业争取些政策支持。

11月26日,安徽省出台了《关于大力促进民营经济发展的若干意见》,对在科创板等境内外证券交易所首发上市的民营企业,省级财政分阶段给予奖励200万元。

湖北省也于11月26日快马加鞭地下发了《关于组织推荐“科创板”后备企业的通知》,旨在湖北省内征集科技含量高、市场潜力大,规范性强、具备一定产业规模的高新企业。

办事 指南 表格下载 网上申报 状态查询 结果查询

华龙网11月26日6时讯(首席记者 佘振芳)11月23日至2019年1月23日,重庆市将组织金融机构在两个月内走访全市规模以上民营工业企业。这一举动背后有何意义?走访之后还将通过哪些措施助推民营企业发展?日前,重庆市地方金融监督管理局局长阮路接受记者专访进行了解读。

记者:如何看待开展专题走访民营企业活动?

阮路:中央和市委市政府高度重视民营企业融资难融资贵问题,市委市政府《关于扎实开展集中走访精准服务民营企业活动的通知》专门要求组织金融机构专题走访全市所有规上民营工业企业,这一举措具有三个方面的意义。

首先,开展专题走访民营企业活动也是落实中央“稳金融”工作要求的重要抓手,是金融业提高政治站位、做到真学真懂真信真用的具体体现。

其次,是推动民营经济高质量新发展的重要抓手。在重庆经济发展中,民营经济在创新创业、促进就业、回报社会等方面作出了巨大贡献。因此,服务好民营企业是全市金融业的重要责任和使命,通过此次走访活动,促进金融机构与民营企业深入沟通、增进合作,积极发现并解决问题,确保“融资难”的问题有所改变、有所突破。

第三,是金融机构提升服务实体经济能力内在要求。与民营企业面对面地沟通交流,是金融机构贴近市场需求、掌握资金需求的必然要求。我们将确保走访活动做到“四度”,即走得有深度、访得有温度、研判有准度、解难有力度,推动金融机构走访活动和解决民营企业困难紧密结合,想企业所想,能支持的全力支持,需要帮扶的采取切实可行的措施尽量帮扶,确实不能解决的也要做好沟通解释工作,进一步提升金融服务能力。

记者:通过走访活动,希望取得哪些成效?

阮路:

一是摸清企业具体情况。当前,我市融资供给总体稳定,但是银企对接不畅、信息不对称的问题仍然存在。我们将把摸清企业基本情况和经营现状作为走访服务的关键环节。从金融行业角度,摸清楚企业的生产经营、财务状况、融资需求等基本情况,了解企业发展遇到的困难,分析问题成因。通过走访收集民营企业融资难融资贵的真实情况,并形成专题报告报送市委市政府。

二是解决实际问题。各金融机构要在本次走访中切实帮助企业解决问题。对符合政策规定、满足放贷条件或融资条件的,可以现场解决相应的问题,同时要指定人、机构予以办理;对需要履行法定手续的,做到主动衔接,加紧相关职能部门的和区县政府的沟通,尽量缩短办理时限、提高效率,抓紧解决一批问题。通过走访,来实现稳定信贷投放这一基本的要求。

三是形成政策建议。各金融机构结合走访情况及企业提出的问题和诉求,形成市委、市政府的政策建议。这些建议既面向企业,支持企业改进经营管理,提高融资能力;也面向政府有关部门,为企业经营创造更好的政策环境、营商环境。金融机构也将结合走访的情况,研究制定对应措施,拓展完善机制和产品,以切实提升服务民营经济企业的能力。

记者:如何通过本次走访持续推进金融支持民营经济发展?

阮路:本次走访我们坚持“边走边做”,聚焦金融支持民企,从完善政策工具、加大股权融资力度、构建长效机制等方面,全力推进民营经济高质量新发展。

一是完善政策工具箱。认真落实中央政策,积极对接人民银行、银保监会,推动民营企业债券融资支持工具等政策落地,落实各大银行总行支持政策。扩大应急转贷资金规模和适用范围,设立企业发展稳定基金,加快整合市属国有担保体系,发挥好国家融资担保体系作用,加大互联网、大数据等金融科技应用力度,加快建成服务中小企业的信用信息系统,增强银行、保险、小贷、融资担保等行业合力,提升金融服务能力。

二是加大股权融资力度。抢抓科创板机遇,加强对接协调和资源储备,推动创新型民营企业加快上市。发展壮大股权投资基金,设立先进制造业、半导体等产业引导基金。做实OTC股权融资,大力推动民营企业上市融资,解决企业“融本”难题。

三是构建长效机制。改革和完善金融机构监管考核和内部激励机制,提高金融机构服务民营经济的内生动力。重点依托各金融管理部门和金融机构组建的专家顾问工作团队,充分发挥专家顾问的专业和资源优势,在政银企之间建立稳定有效的工作机制。定期组织政银企对接活动,发挥债委会、联合授信等机制作用,“一企一策”帮扶困难企业。

办事 指南 表格下载 网上申报 状态查询 结果查询

河北省廊坊市近期出台多项举措,规范存量房交易行为,以遏制“阴阳合同”和“高评高贷”等违法违规现象。


  新华社石家庄9月24日电(记者齐雷杰)河北省廊坊市近期出台多项举措,规范存量房交易行为,以遏制“阴阳合同”和“高评高贷”等违法违规现象。

  廊坊市住房保障和房产管理局等多部门近日下发通知要求,为进一步规范存量房交易行为,减少房产交易纠纷,加强对房地产经纪机构和从业人员的监督管理,自2018年11月1日起,市区所有存量房交易统一推行使用新版《存量房屋买卖合同》《存量房屋经纪服务合同》示范文本。

  为坚决遏制“阴阳合同”和“高评高贷”现象,防范和打击存量房交易过程中侵害群众利益的各类违法违规行为,廊坊市的《存量房屋买卖合同》《存量房屋经纪服务合同》将随机生成唯一的二维码,并采用防伪纸打印。税务部门和银行将《存量房屋买卖合同》《存量房屋经纪服务合同》作为过户缴税和金融信贷的重要参考依据,努力实现存量房网签合同、银行贷款和缴纳税款的“三个价格”基本一致。

  为了让群众少跑腿、减少办证排队问题,廊坊市将实施存量房交易网签备案管理。同时要求,任何经纪机构不得为不符合交易条件的保障性住房和禁止交易的相关房屋提供居间服务。加强房源核验服务,房地产交易主管部门要对房屋产权人、已经备案的经纪机构提供房源核验服务,发放房源二维码,并及时更新产权状况。房源核验二维码应与房屋买卖合同和经纪服务合同二维码相关联,以确保合同及相关信息真实一致。

办事 指南 表格下载 网上申报 状态查询 结果查询
资讯 饮食 正文

雅安秘制底料查询 来源网络 发布时间:2018-11-26 12:58 此页面信息为商业广告

KwQkevp>姜氏黄牛肉加盟对于资金这块投入是肯定要有的,毕竟天上不会掉馅饼的!资金投入包含的类目比较多,不一而足,如果您有自己的一些资源就能够省下一比支出。并且这些节省的资金投入,您可以计入流动资金里面,以防万一,降低未知风险哦。综合上面的费用表格详情,哪些费用用在什么地方有多少都一目了然,相对较少的费用才能够保证相应的利润。姜氏黄牛肉汤锅让创业者,加盟商朋友们,坐收财富回报!

汉源位于大渡河中游,四川省雅安市西南部。它历史悠久,文化底蕴深厚,距今已有2000多年的建制历史。汉源是 中国花椒之乡 可谓无人不知,但除此之外,它也是 四川省特色水果核心基地县 、 无公害优质肉牛、肉羊生产基地县 。

姜氏黄牛肉加盟收益是一个相对比较漫长的过程,很多创业者妄想极短时间内就能够赚到不少钱,这种极端想法不可取,雅安秘制底料查询
今天,就带你品品汉源的特色美食 汉源黄牛肉!
汉源黄牛性温补气与黄芪同功,并且有 天下肉类娇子 的美称。牛肉味甘性平、入脾、胃,给有补脾胃、益气血、强筋骨的功效,老少皆宜。其味道也是一绝,使得无数吃货慕名而至。在汉源九襄出口下站,路边全是黄牛肉馆,汉源人做黄牛肉做出了经验,也做出了地方特色。

奢望以赌运气的方式获利的人,其注定不会长久。事实上,哪怕*不起眼的小事情,要坚定自己的方向前进。雅安
而这其中*有名的当属汉源的姜氏黄牛肉。汉源姜氏黄牛肉的牛都生长在两千米以上的天然草场,是纯天然的高山黄牛。众所周知,汉源也是花椒之乡,烹制时选用新鲜黄牛肉和纯手工制作的花椒油,再搭配上几十种香料进行熬制,上桌麻辣鲜香,肉质细嫩,入口化渣,不甚妙哉!

梳理开店的各大环节,把各种各样的可能性问题剔除掉,这时候您就能够开心加盟了。
姜氏黄牛肉因做牛肉的匠心独运,成为了汉源的一道靓丽风景,享誉茶马古道,为过往客商歇脚、聚会、解馋的首选。
2018年,汉源县姜氏黄牛肉餐饮服务有限责任公司姜淡入选为美丽乡村博鳌国际峰会精准扶贫先锋人物,为乡村振兴发展再添华章。

而如今,姜氏黄牛肉汤锅同样引爆商机,成为了招商市场的成功一员.

办事 指南 表格下载 网上申报 状态查询 结果查询

中青评论

对于这些违法违禁音视频,究竟由谁来清理,如何来清理,还得有点法律意识,遵守法规程序,不能信马由缰,想怎么来就怎么来。

据澎湃新闻报道,近日,桂林电子科技大学下发了一份通知文件,涉及 全面清查在校师生手机、电脑、移动硬盘 等内容,引发网络热议。

不妨细看一下惹来 指责 的红头文件。在这份标题为《关于开展清理涉暴、涉恐、反动、淫秽等违禁、违法音视频工作的通知》中,第一条就指出此项清查、清理工作的范围及内容, 各单位、学院要对全体教职员工、在校学生的手机、电脑、移动硬盘、U盘等存储介质进行全面清查 ,时间为 11月7日至11月23日 。

该校工作人员证实了这则文件的真实性,但回应称文件中的内容还没有具体落实。广西教育厅向媒体表示,已关注此事,正在跟踪事件进展。

大学是教书育人的地方,清理涉暴、涉恐、反动、淫秽等违禁、违法音视频,维护校园秩序安定,营造良好氛围,的确很有必要。问题是,对于这些违法违禁音视频,究竟由谁来清理,如何来清理,还得有点法律意识,遵守法规程序,不能信马由缰,想怎么来就怎么来。

按照法律规定,公民的通信自由和通信秘密受法律的保护,除因国家安全或者追查刑事犯罪的需要,由公安机关或者检察机关依照法律规定的程序对通信进行检查外,任何组织或者个人不得以任何理由侵犯公民的通信自由和通信秘密。而且,保护隐私,尊重隐私权,是现代文明的重要标志。我国民法、行政法、刑法均明确保护公民隐私权,私人生活安宁与私人信息秘密依法受到保护,不被他人非法侵扰、知悉、收集、利用和公开。

在全体教职员工、在校学生的手机、电脑、移动硬盘、U盘等存储介质中,不仅有他们的通信秘密,也有个人隐私。如果这份红头文件被执行,将涉嫌侵犯公民的个人隐私和通信秘密。此外,教职员工和学生有通信自由。所谓通信自由,一是使用通信工具的自由,二是通信话语的自由,三是通信时间的自由。定下目标、时间、范围的清理活动,很难避免对个人生活造成干扰。

为了平衡保护公众利益与保护公民权利不受侵犯,宪法和法律中明确了检查和搜查的主体、程序、范围、对象等条件,排除了其他任何组织与个人以任何理由的介入。学校并没有凌驾于法律之上的特权,可以侵犯他人的隐私权、通信秘密和通信自由。

诚然,随着网络科技的发展,手机、电脑、移动硬盘、U盘等存储介质,的确是违规违禁音视频的 重灾区 ,但是如何才能有效清理,却要依法依规。另外,还要跳出手机电脑的 窠臼 ,在思想教育、内网规范、日常管理、预警预防等方面 精耕细作 ,如此才能真正起到治理不法音视频、净化校园文化的效果。

当然,治理不法音视频,也不是学校一家的事情。对于职能部门,需要认真抓好源头执法,加强网络等信息传播渠道监管,及时查处违法的人和事。对学校存在的不法音视频泛滥等问题,有关部门应当与高校展开联手治理,在最大限度保护教职员工、学生合法权益的前提下,依法打击违法活动。至于发红头文件清查师生电脑手机,究竟会带来什么影响,该不该执行,有关方面应当有所反思,作出更正确的选择。

办事 指南 表格下载 网上申报 状态查询 结果查询
下周会怎样?已规划

身为UI设计师,我们就必须掌握网站设计的规范和理解网站运行的原理,才能更好地驾驭这个平台。那本文就跟大家好好说说关于网页设计的那些事儿~

网页设计是什么?

网页设计也被称为Web Design、网站设计、Website design、WUI等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的APP来获取资讯,但是显然基于个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多。

从1987年钱天白教授向德国发出第一封电子邮件到2000年搜狐、网页传奇怎么开、网易在美国纳斯达克挂牌上市,再到现在网站遍地。中国的网站高速发展了近三十年。

我是在小学开始去网吧"上网冲浪"的,那时的电脑屏幕非常小,分辨率只有800 600像素(对比一下,iPhone8的分辨率是750x1334px),网速也很慢,经常掉线或者加载失败。

那时的网站性能和体验都不好,而现在网站设计和过去已经有了巨大的变化——注重用户体验、注重页面动效、富媒体等设计让如今的网站体验并不比软件和手机APP差。加上个人电脑的普及,网站仍然是人机交互中非常重要的平台之一。

那么作为UI设计师我们就必须掌握网站设计的规范和理解网站运行的原理,才能更好地驾驭这个平台。

今天就向您好好说道一下网站必须懂得的那些事儿。

工作流程

首先让我们来看一下网站设计的工作流程,除了之前介绍过的用户研究、撰写产品需求文档、市场文档、做竞品调研等工作之外,与设计师密切相关的网站项目流程可以分为:原型图阶段、视觉稿阶段、设计规范阶段、切图阶段、前端代码阶段、项目走查阶段六个阶段。

每个阶段都需要设计师参与和了解,千万不要只在意视觉稿这个阶段,有很多前期与后期工作同样需要得到我们的重视。

好,让我们一个一个来了解它们吧。

1. 原型图阶段

原型图阶段中设计师需要和产品经理沟通需求,这时要注意,并不是产品经理向设计师下发需求,而是需要相互就自己擅长的方面进行沟通。视觉方面具体呈现也许设计师会有更好的方式,这时需要在设计之前与产品经理达成一致。

构建网站原型图(工具:Axure RP )

2. 视觉稿阶段

视觉稿阶段就是我们要根据原型图确定的内容和大体版式,完成网站的界面设计。在设计网站的时候,我们需要一些图像和灵感的素材。比如:做世界杯专题时,我们除了收集很多素材之外,也可以设计一个"情绪板"(Mood Board)。

简单说情绪板就是将一些与主题相关的资料和素材拼贴在一起,这样可以更好地指引我们整个需求的设计主题和大体感觉。另外,很多网站的头部通常需要主视觉来抓人眼球,这时可能会使用到需求方提供的明星照片、主题素材、LOGO、主视觉PSD等,那么用素材和这些需求方提供的资料进行混合,并拼出让人觉得震撼的头部视觉,就是我们的目标了。

主视觉下面的信息排布更强调合理性,这时也需要和产品经理沟通从后台调取的图片尺寸、标题字段长度等,然后根据这些要求完成页面信息部分的设计。

总之,设计过程中需要我们不断思考和沟通才可以完成一个比较棒的视觉稿。

视觉稿设计阶段(工具:Photoshop)

3. 设计规范

当视觉稿通过后,很多设计师可能不会主动去做设计规范。其实每一个可迭代的产品都需要设计师来总结设计规范,设计规范就是所有页面中共性的东西,比如说:字体不同的大小、图片的尺寸、按钮的样式等,这些共性也是用户访问网站时会理解成固定概念的凭证。比如:同样的分享功能,如果采用两种截然不同的样式,就会让用户困惑。

那么设计规范主要也是在约束设计师我们自己,在用户有限的记忆力中减少思考的成本。同时,设计规范也可以保证同一个项目的不同设计师都能输出一样风格的设计来。

最后,设计规范对于设计师个人来说也是对项目影响的一个佐证,可以证明你的思考和你在项目中的地位,所以我认为设计师应该主动去做设计规范和项目总结。

设计规范如何去做?

其实设计规范就是把主要页面的元素固定成统一元素即可,具体来说一个产品的设计规范应该有:字体规范、主体色规范、图表规范、图片规范等不同分类。

视觉规范(工具:Photoshop)

4. 切图

网页设计师通常不需要为前端工程师切图,因为前端工程师通常需要掌握PS软件技能。如果遇到特殊情况需要我们切图时,我们可以使用诸如Cutterman、Zeplin等切图插件中的Web选项为前端切出网站所使用的图片。

从PSD中提取出来的切图(插件:cutterman)

5. 前端代码

前端工程师会用代码重构我们设计的页面,把图纸变为静态页面。然后和后端工程师对接调取数据接口,一个网站就活了起来。工程师们为了方便了解网站是不是达到了我们要求的数据,也会进行埋点。

埋点就是在页面代码里插入一些统计代码,方便我们之后确定哪些页面访问量高,哪些没有达到预期。在此后其实还会有测试工程师介入来发现编译完的网站是否存在一些漏洞等,这里省略。

 前端工程师代码编译(工具:Notepad +)

6. 项目走查

网页设计完成后还需要设计师进行项目走查,来确定网页还原度是否有问题。如果发现有和设计稿出入很大的,就需要要求前端工程师进行调整。这个步骤非常重要,因为网站的成品才是我们最终的输出,不要认为设计稿很漂亮而实现后的页面就不需要我们负责了。

将实现后的截图和设计稿进行比对(工具:Photoshop)

网站种类

网站的分类按对象来划分可以分为To C端和To B端两种。

To C端就是面向用户和消费者,例如:门户网站、企业网站、产品网站、电商网站、游戏网站、专题页面、视频网站、移动端H5等,均是面向用户和消费者的产品。由于是面向用户和消费者,所以设计上一定要可以吸引人,并且以用户为中心考虑体验设计。

而To B端作为一个需求量很大的类别,其实往往被设计师所忽视。

什么是To B端项目呢?

比如:电商网站供货商的后台、Dashboard、企业级OA、网站统计后台等这些面向商家和专业人士的网站就是To B类网站项目了。

这些项目的要求和To C端网站的要求大相径庭,To B类项目最重要的是效率而不是体验,因为说白了我们在设计使用者工作的工具,我们在设计时必须首先要保证操作者可以高效地完成他们所需要完成的工作。

那么让我们来了解一下网站的不同门类吧。

1. 门户网站

门户网站国内比较知名的有网页传奇怎么开、腾讯、网易、搜狐;国外比较知名的如Naver、Llinternaute等。

我们可以看得出,门户网站都是大而全包罗生活万象的。比如:腾讯网就有新闻、财经、视频、体育、娱乐、时尚、汽车、房产、科技、游戏等不同频道。门户网站的门槛很高,必须要有雄厚的实力才可以建立起一个门户网站,而门户网站需要的设计师数量也惊人。

首先门户网站需要产品方向的界面设计师以迭代的方式维护迭代网站首页、二级页面、底层页等网站基石。然后需要各个频道的设计师来处理日常需求,比如:巴黎时装周需要负责时尚频道的设计师来设计对应的专题,世界杯小组出线需要负责体育频道的设计师,来设计对应的专题等。

地球上的每一天都有大事发生,那么门户网站中的设计工作就不会少。

另外,具体对接频道的设计师也需要有一定擅长之处,比如:对接体育频道的设计师起码应该熟悉足球篮球等体育项目,时尚频道的设计师要懂得各个大牌的设计风格,佛学频道的设计师需要懂得基本的佛学知识和忌讳,文化频道的设计师需要对传统文化有所涉猎。

所以基本上门户网站的设计师可以分为:产品组和频道组两种。

韩国门户网站Naver

2. 企业网站

每个企业都需要有一个网站来对外展示自己的能力、介绍自己的产品等。现在接触一个陌生的企业时,很多老百姓都会上网搜索一下其官方网站验证真伪,网站已经是中小企业的标配了。

企业网站设计时通常会有网站首页、公司介绍、产品中心、公司团队、在线商城、联系我们等这几个模块,企业网站会展示很多诸如公司环境、团队成员、企业文化等实际的照片,配合一些资料进行设计。

企业网站通常也追求所谓"高端"、"大气"、"上档次"的风格,也就是为了达到让消费者认同品牌这个要求。所以如果我们接到了企业网站的设计需求,不妨多去浏览参考一些更加大牌的企业网站作为竞品来参考。

美国通用公司官网

3. 产品网站

从苹果公司的iPhone介绍页到小米手机8的介绍页,我们会发现一种新鲜的产品营销模式,就是产品网站。

设计这类网站的内容主要是该产品的工艺、技术、设计、特点、构造、使用场景等。这样的产品页希望可以让用户有沉浸感,所以一般来说都是使用全屏布局,然后配合一些如视差滚动等方式让我们感觉到这个产品的极致精细。

由于中国互联网和产品设计发展很快,所以产品类网站设计需求一定会越来越多。

苹果公司产品介绍页

4. 电商网站

电商设计师也属于网页设计师吗?

是的。如果按照平台细分,无疑电商设计师所在的平台大部分属于网站。以淘宝、天猫为代表的电子商务发展得太快了,以至于从内蒙的牧民到海南岛的渔民,甚至台湾、日本、东南亚的商人都开始在中国电商平台上开店铺了。

店铺其实本身属于平台本身的页面,但是为了增强每个店的个性,平台为商店开通了一些页面自定义的装饰功能,比如:宝贝详情、店铺排版、banner头图设计等。

这样商铺有一定权限在平台规定的范围内使用图片和一部分css样式代码,来装饰自己的店铺,电商设计应运而生。虽然带着镣铐跳舞,但是有很多店铺因为设计精良而能带动销售,那么电商设计师当然就变得非常重要了。

淘宝网首页

5. 游戏网站

游戏是一个巨大的产业,很多公司的收入大半壁江山都来自游戏产业。那么除了游戏需要制作精良之外,游戏的官网也必须设计精美。不要忘记,每一个玩家都需要访问你的游戏官网才能完成下载、充值、社交等重要操作。

国外游戏网站比如暴雪娱乐公司(https://www.blizzard.com)的官网设计得极其精美,每个游戏的官网都是一个精品。比如:魔兽世界、星际争霸2等游戏官网,头部都是视觉冲击非常强烈的动画。然后网站界面的元素都带有游戏的风格,仿佛登录这个网站你就在游戏之中了。

暴雪公司星际争霸2游戏官网

6. 专题页面

当然不管是电商还是门户网站,在节日都会需要设计师来设计一些专题页面增加曝光。比如:儿童节、情人节、母亲节、圣诞节等节日往往会有促销、专题报道等各式活动。

专题设计生命周期很短,上线后基本过了流量的那个点就基本没用了。所以我们找不到前几年的618或者双11专题页面,因为过了特定的时期专题页面就无人问津了。

所以在那么短的生命周期怎么抓住人的眼球?

当然不能使用现代主义设计那种性冷淡风格,而应该在头部尽量刺激用户,用刺激对比强的色彩、复杂立体的造型、冲击感强的文字吸引用户来看。毕竟每个人可能只会看一次,不能放过这个机会。

所以专题设计和产品设计正相反,专题设计必须刺激。

极有家淘宝专题页面

7. 视频网站

视频网站的访问量惊人,并且用户的黏着度更高,很多视频网站除了购买版权之外还有很多UGC内容。多说几句,UGC(User Generated Content)是指用户产生的原创内容,很早之前web1.0时代用户主要是单向浏览网站,web2.0提出的UGC概念就是说用户不仅在浏览也会上传内容。

那么视频网站为什么会火呢?

首先要感谢带宽的发展,在今年我们国内点击视频就立马可以播放了,而在几年前需要等待几分钟才可以加载够缓存。

视频网站的设计主要是要考虑应用场景,视频是用户主要观看的区域,所以视频区域首先要足够大,另外颜色应该以暗色为主,因为亮色会干扰到用户观看视频。然后其他的区域图片比例应都为16:9的视频尺寸,方便后期编辑在后台添加。

视频网站的设计师同样也可以分为:产品组和运营组两个种类,来处理产品方向和运营方向的不同需求。

腾讯视频播放页面

8. 移动端H5

你一定在朋友圈被《穿越未来来看你》、《淘宝造物节》等H5刷过屏吧?

平时我们经常被这种好玩儿的H5刷屏,其实H5全称是HTML5,并不是仅仅指移动端,而是网页前端的开发语言、由于约定俗成的概念,我们现在常常把手机中的集合视频、动效、互动的这种营销形式成为H5。

其实它的本质是运用网页技术运行在手机浏览器或内置浏览器内的网页,随着技术日新月异的发展,H5显得越来越有传播价值和份量。微信、浏览器等平台级产品在手机端中火爆促进了依靠入口而传播的H5的发展。如果设计出色,你的项目可能会在朋友圈产生病毒传播的效果。

使用前端语言编译的适合手机浏览的H5界面

移动端H5尺寸

设计移动端H5项目的时候,我们一般以用户量较高的iPhone6/7/8的尺寸:750x1334px 为准,然后我们要在顶部预留出微信或者浏览器导航区域。主要内容区域就可以自由设计了,一般H5的操作是上下滑动。

字体方面使用苹方字体,并且字号设置为24PX以上,渲染方式设置成锐利,英文则需要使用SF-UI代替。当然H5可以调用背景音乐、视频、链接等多媒体,让体验更佳。

除了让前端小哥哥们开发之外,其实还有一种方式可以无需代码生成简易版的H5,就是通过H5工具生成。

目前比较火的H5生成工具有:MAKA、iH5、兔展等,如果我们要自己生成而不是通过前端开发,那么我们设计稿的尺寸需要设置为640x1008PX。这些工具较为简单,注册后将PSD上传即可对每个原件进行动效的设置了。

但是如果需要复杂的动效和交互,还是需要前端工程师的配合。

H5项目的尺寸

9. 后台网站

后台网站又叫Dashborad,中文翻译为仪表盘,其含义就是有一大堆数据与统计信息。

后台网站是To B类型,那么首先的需求就是能快速地显示给操作者他需要掌握的数据。可是数据非常枯燥,我们可以使用诸如"折线图"、"饼状图"、"曲线图"、"表格"等不同方式来展现这些繁琐的数据,这种图形表达数据的方式也叫做数据可视化。

后台网站不需要特别可爱的插图以及卡通形象,最重要的是效率。所以如果您经常处理To C类的需求,接到了To B类的产品需求时一定要注意这一点,后台网站因为需要更大的画面,通常会使用全屏式排版,也就是撑满整个画布。

那如果小屏怎么办呢?

前端会使用相对布局缩小各个元素,排版的位置也会用百分比来确定。

微信公众号后台

10. CRM系统

CRM即Customer relationship management,翻译过来是客户管理管理系统。CRM是企业对客户进行信息化管理的一种形式,用互联网技术实现对客户信息进行收集、管理、分析,对企业的销售、服务、售后进行监控。常见的功能有员工日程管理、订单管理、发票管理等。

我们在设计这种项目时,一定要将信息按所属的逻辑关系分类,加强对比、对齐、重复、亲密性的原则,使操作者在使用的时候感觉到便利。

Admin CRM dashboard by Divan Raj

11. SaaS

如果我们服务于为企业搭建CRM、ERP或者OA等系统的第三方公司,那么我们可能会老听到SaaS这个词。SaaS是(Software-as-a-Service),即软件就是服务。

其他公司会来提供SaaS服务的公司定制系统,然后服务公司会为客户提供从服务器到设计一体化的服务。这里提到这个词是防止设计师误解它的定义。

12. 企业OA

企业OA,即(Office Automation),也就是办公自动化系统。在六七十年代就兴起了一场使用电脑,来改变传统办公方式的革命。

在大型企业时常会面临人员众多、地域广袤、办理公司事宜手续冗长等问题,那么企业OA可以很好地解决这方面的问题。通过企业OA可以完成请假、调休、离职、查询公司规章制度、请示、汇报等工作,这样减少了很多窗口成本和员工的时间成本,增强了公司办事效率。

互联网公司更是提供给员工除了企业OA之外的交流功能,比如建立员工BBS和留言板等,在上面大家可以对公司提出建议和意见。企业OA一般出于安全和保密性的原因,很多公司都更加愿意自己开发。

设计师在设计此类项目时同样要以操作者的体验和效率为重,让操作者轻易可以找到在当前页面中最重要的功能。

Robo Advisor – Projection, List and Questionnaire by Michal Parulski

网站组成部分

了解了网站的不同类别后,让我们来看看组成一个网站需要哪些部分。

网站是由不同网页通过超链接连接而成的,而不同网页也是由不同模块组成的。我们设计的是一个像蜘蛛网一样的网络,而不是一张海报。所以我们在设计网站时,要格外考虑从用户角度出发看到的网站,而不能孤立地把它想象成一个平面作品。

1. 首页

访问一个网站时第一个我们触及的就是网站首页,首页别名叫作Index或者Default,是索引和目录的意思。在网站发展的前期阶段,网站并不是富媒体,而是类似于一本书一样。首页类似书籍的目录,需要查看哪个子网页就点击链接即可进入。

到了现在,网站首页仍然是引导用户进入不同区域的一个"目录",这个目录除了导航功能外也要露出一部分内容给用户来吸引点击,露出的部分一定要有一个"更多"按钮来指引用户找到二级页面。

首页原型图

2. 二级页面

在逻辑上,首页是一级页面,从首页点击进入的页面均为二级页面,二级页面之后还有三级页面等级别。从点击的概率上来说,自然是越靠前访问量越高,页面层级越深越不容易被用户找到。

一般网站有三级页面,就是为了避免用户迷失。为此还会在页面中加入面包屑导航,面包屑导航就是在页面第一屏出现的诸如:首页 > 体育 > NBA频道 这样的超链接结构,方便用户理解自己在那里,并且点击可以回到其他页面。

二级页面原型图

3. 底层页

在网站结构中最后提供用户实质资讯的页面就是底层页,比如:在门户网站首页或二级页面中我们点击感兴趣的标题后,在底层页中才会看到全部的资讯。

待用户阅读完底层页的信息后,可以顺势在左侧或右侧的侧栏,寻找用户可能感兴趣的相关内容。在底侧可以看到网友的评论,底侧也会有分享按钮、赞功能等。如果侧栏用户转化率比较差,最底部还可以再次出现推荐相关资讯的功能。

总之,在用户阅读完自己喜欢的资讯后,要继续吸引用户顺势阅读其他的资讯或者回到频道。

底层页原型图

4. 广告

门户类网站如何盈利?

广告是变现方法之一。网站的广告一般由负责运营需求的设计师负责,但是也可能由频道设计师、产品侧设计师来完成。在网站中常见到的广告图形式就是banner。banner一般尺寸巨大,在网站之中非常显眼。因此也不一定是外部广告,也有内部活动、推荐资讯等。

那么banner图的尺寸有固定吗?

答案是没有。

Banner的宽度有两种:一种是满屏(1920PX);一种是基于安全距离的满尺寸(1200px或1000px)。

高度要注意了,一般以1920x1080px为基准的用户屏幕,加上浏览器本身与插件和底部工具条等距离,留给网站的一屏高度大概为900px,所以banner不可以做得很高,否则第一屏信息会显示得不够。

你可能会说,那就让用户往下拉啊。

但是在网站的访问用户之中,第二屏触及到的用户比第一屏会少很多。也就是很多用户可能点击网站后就会跳走或者关闭,那么第一屏的信息真的非常重要了,可谓是寸土寸金。所以我们的banner不应该占据过大的区域,比如:站酷网的Banner区域为1380x350px。

那么除了首页巨大的banner广告位,网站还有哪些广告形式呢?

(1)对联广告

在门户网站中我们经常会看到,网站左右安全区域之外,会有连个随屏幕滚动的像"对联"一样的广告。通常banner也会是一个广告内容,并且居中会弹出由HTML5技术或Flash技术制作出来的弹窗广告。

这种广告一般组合售卖,也就是说一进网站你就会被全面轰炸,无法不注意到这个广告的存在。这种广告点击进入还有配合的专题页等,可见需要设计师配合的地方非常多。

对联广告形式

(2)信息流广告

信息流广告是埋在信息流中的一种广告形式,这种形式利用了格式塔原理,用户会不自觉地阅读起广告的内容,原因是因为它的形式和其他信息一样。比如:朋友圈、知乎、Facebook都采用了信息流广告,信息流广告的效果非常强,但是会牺牲一定的用户体验,信息流广告的尺寸与信息流相同。

知乎APP中信息流中的广告

以上从广告的形式上简单介绍了三种常见的网站广告形式,如果我们在阅读需求时看到了cpm、pv等单词是什么意思呢?

他们是广告的收费模式。

cpm是指按照广告pv来收费,cps是指按照用户消费收费,cpa是指按照用户注册数收费,cpc是指按照用户点击付费。针对不同的收费模式,在设计时也会采取不同策略来增强广告需要达到的目的。

5. Footer

在网站具体的页面设计中,底部会有一个区域我们称之为footer。一般footer的颜色都会比上边内容区域要暗,因为footer的信息在逻辑的级别上是次要的。footer区域的主要功能是版权声明、联系方式、友情链接、备案号等信息。在设计时一定要降级处理,不要让footer变得特别明显。

技术原理

网页设计师在做项目之前必须了解网页背后的技术原理,技术决定了哪些设计和交互是可以实现的、哪些是不可以的。同时,技术原理也决定了我们需要如何配合前端工程师,来完成一些复杂的交互。

其实在过去网页前端工程师和设计师是一个岗位,就叫做网页美工,这个职位需要在完成视觉设计后把页面做成静态网页交给下面的环节。随着分工越来越细致,产生了网页设计师和前端工程师两个工种。但是网页设计师不可以脱离技术局限,天花乱坠地去设计。

下面让我们来了解网站的基本存储原理,在您的电脑C盘保存一个叫logo.jpg的图片,然后在浏览器打开这个网址:C:logo.jpg

你看到了什么?

对,就是这张图片,这就是网站的原理。网站的资源和文件存储在一个类似我们电脑的东西里,那就是服务器。我们通过域名来调取网中不同的页面和文件,如果服务器关机了,那么网站也就瘫痪了。

每次当我们通过浏览器访问网站时,敲击一个网址,这时这个域名会转向一个IP地址,这个IP地址就是服务器所在的门牌号码。找到了以后,我们的浏览器会从服务器上下载网站的代码并把代码翻译成我们能看懂的界面,比如:文字、边框、表格等实际上都是代码的形式。

浏览器还会把网站中所需要的图片、视频等单独下载到缓存里。当我们通过表单输入用户名和密码时,我们的信息就会上传到服务器中,服务器处理完(比如登陆成功这个信息)然后再下发给我们的浏览器。

所以平时我们访问网站时,我们的电脑和浏览器要通过互联网与服务器进行多次"握手"。当然老"握手"会造成加载速度变慢,于是我们聪明的浏览器会把已经下载过的资源缓存下来,避免浪费。

这个机制就是"cookies"。浏览器会自动存储你访问过的网址、网站图片、视频、表单信息等。

基于鼠标的手势操作

1. 基于鼠标的交互

在不久的未来,个人电脑可能通过多点触控、语音交互等方式与我们交互,但目前网站设计最主流的交互方式还是鼠标和键盘。

来让我们看看鼠标有什么结构吧!

我们对鼠标的使用无外乎移动、左键、右键、拖拽四种方式。我们在页面中的大部分操作都是通过鼠标左键点击完成的,所以网页也是点击的艺术。右键一般会唤起右键菜单,但是很多网站与网页应用程序也会将右键自定义设计一些操作和交互,鼠标发生交互的主要是超链接与按钮。

那么让我们来了解一下超链接的四个状态:(前端术语是:超链接标签的CSS四个伪类)。

按钮与文字的不同状态

Link:是指超链接正常的时候的状态。一般超链接需要与普通文字区别开来,比如换一种颜色或者加下划线,当然下划线还有一个作用就是方便弱视群体区分超链接与普通文字。Link默认都是蓝色的(色值:#72ACE3),但是为了增强网站的品牌性我们也可以把链接颜色更换成另一种颜色。总之一定要在形式上与普通文字产生差别才可以。

Visited:是超链接被点击以后的状态。比如网页传奇怎么开网新闻非常多,所以点击完一个新闻后用户可能不知道自己看过没看过这条新闻了。所以网页传奇怎么开网使用了Visited属性,点击后的新闻颜色就不一样了,方便用户区别自己哪些新闻还没有浏览。

Hover:是超链接鼠标经过状态。这个状态是连接中最为重要的状态。其实不只超链接,按钮和图片以及视频等一切可交互的元素都应该设置Hover属性,也就是鼠标悬停时的状态。一般来说,变换颜色和放大是Hover状态的基本方式。

Active:是指超链接的激活状态。点击后超链接,可以通过CSS加载一个状态。

同样的链接样式也可以应用在图片、按钮、表单之上,点击、鼠标悬停、鼠标按下都可以设计成不同的样式,方便用户通过鼠标感知这个物体是被我按下去的,这种给用户的暗示我们也叫做"点击感"。

当然按钮会和链接稍有不同,按钮除了具备正常和鼠标悬停等状态,还有一种状态叫不可点击。这种状态将按钮置灰,提示用户这个功能因为条件不满足不可以点击。

2. 静态网页

了解完基本技术背景、鼠标的交互之后,让我们来聊点真格的。

我们一般看到的网页都是静态网页,静态网页是由HTML编译的,我们在服务器上存储的网页代码基本都是HTML格式。

HTML全称是HyperText Markup Language,即超文本标记语言。"超文本"是说这种语言内可以包含文字元素以及调用图片、链接、音乐等非文字元素,HTML语言对于没有编程的人来说可能会很头疼,但是它已经是所有编程代码中最简单的一种了。

别紧张,你可以把它当做摩尔代码,它是服务器和浏览器之间的密语,浏览器会将这些密语翻译成我们能看懂的色彩和链接等。

那么如果我们用HTML语言写一段文字会是什么样呢?

模拟代码编译过程

没错,代码就是这么一点一点编起来的。在任何网站空白处,右键点击查看网页源代码,你就可以看到网页的HTML代码。

HTML这种代码是由一个国际组织 – W3C发布和维护的。W3C创建于1994年,是网站国际中立性技术标准机构。W3C已经发布了HTML的诸多版本,其中影响最深远的是HTML4版本,而HTML5简称H5则可以说是划时代的版本了。

H5的标签更加接近现代,并且本身可以播放视频,这就可以淘汰掉Flash插件了。(Flash插件带来了比如系统漏洞、加载速度过慢等问题)同时H5对多平台支持很好,所以适应移动端为王的当今时代。

H5甚至还可以变成游戏、Webapp(在网页上如本地程序一样工作的网站,比如蓝湖等)、多媒体等多种形式。可是由于IE浏览器这类不支持HTML5效果的浏览器在用户中占比还很高,所以造成了HTML5发展的制约。

浏览器可以理解为一个代码阅读器,由于它对HTML5代码的翻译工作不好就会造成所谓"兼容性"的问题。比如:HTML5中可以通过代码给一个DIV添加投影,那么在某些浏览器中就显示不了这个效果。

不难理解为什么有程序员会穿着 i hate IE字样的T恤了吧,在每次做完一个网站项目时,测试工程师都会用Chrome、Safari、Firefox、Opera、IE、Edge等多个浏览器测试网站的兼容性,这时通常让前端工程师非常头疼。

因为代码动一发牵全身,经常这个好了那个又不行了。但是针对这种问题也有一些解决方案,比如:减少对用户占比不高浏览器的支持,对不好搞的浏览器单独加载特定的适配代码等,道高一尺魔高一丈呀。

3. 其他前端语言

有了HTML这个骨架,加上图片和多媒体后,网站的发展速度就更快了。但是服务器的损耗很大,所有用户都需要重复地来服务器下载代码和图片等资源进行"握手",而且很多HTML代码都是重复的,造成了资源的浪费。比如:如果我网站的头部都是黄色的、链接都是蓝色的,那么每个页面都会啰嗦这几句代码。

这个问题没多久就被一种崭新的代码解决了——CSS技术。

CSS是层叠样式表的意思,我们可以理解为现在把网站的样式(颜色、大小、位置等样式信息)。也就是CSS和网站的内容(文字、图片、链接等内容信息)。也就是HTML完全分开,并且一个网站可以下载一份CSS然后不同页面都调取这份CSS的缓存,那么就节省了服务器资源。

另外,由于网站需要一些交互效果,比如:点击特效和菜单特效等,那么需要前端工程师使用Javas cript代码来配合。Javas cript是一种比较短小精悍的语言,构建一些基于浏览器的特效非常顺手。

所以目前主流的网站配置是HTML5+CSS3+JS代码的组合,当然为了兼容那些低端浏览器也可能使用HTML4+CSS+JS的套餐,这取决于我们的主要目标用户群在使用什么样的浏览器。

当然,我讲这些并不是要求您去学习HTML、CSS、JS代码然后进行前端开发,因为在现代互联网公司里已经有专业的前端工程师了。我们了解这些主要是要理解前端工程师的工作,以便更好地配合他们。

主流形式:HTML + CSS + JS

4. 动态网页

了解完静态网页还不够,现在让我们谈谈网站如何动起来。动态网页不是说它有狂拽酷炫的动画,而是动态网页会随着时间、内容和数据库的调用而产生动态的网页。

比如:今天看到的新闻网站和昨天的新闻肯定不一样了,可是网站首页的HTML代码并不需要人去手工修改,而是让小编通过后台录入新闻、上传图片就好了。小编上传后台的过程就会输入数据库,而动态网页又是调取数据库内容显示给用户的一种形式。

动态网页会随时调取数据库中的信息给用户,而对用户来说似乎静态网页和动态网页长得都是一样的。那么最傻瓜的判断方式是看网址结尾,静态网页结尾是html或htm,而动态网页由于使用了高级网页编程技术,结尾则是Asp、Php、Jsp等。

Asp、Php、Jsp、Aspx、Cgi都是动态网页的语言,当然有的时候为了让网站效率提升也会使用伪静态结构,结尾和静态网页就一致了,但是实际上是会在用户访问前调取一遍数据库的。

同时动态网页的网址会有一个特点,含有符号。动态语言目前最火的是Php,较早而现在比较少见的是Asp、Cgi,最安全的是Jsp,所以很多银行采用JSP编译。

了解完这些,我们基本就弄清楚网站的运行原理了。

主流后台编译语言:PHP ASP JSP CGI

5. 雪碧图

我们经常看到网站中会有动画,那么动画实现的原理一般有如下这么几个:

第一,HTML5视频播放;这种方式缺点就是不兼容低端浏览器。

第二,Flash Player播放器播放;这种方式的缺点是Flash安全性很低而且效率慢。

第三,动画使用Gif格式;这种方式的问题是动画长度不够,并且这个格式仅仅支持透明和不透明两级属性。

那么像Google首页Doodle的动画是怎么实现的呢?

这种技术叫做:雪碧图。CSS雪碧 即CSS Sprite,也有人叫CSS精灵,它是一种CSS图像合并技术。它本身调用的图片是支持多级透明的PNG格式,然后把动画并排排列出来。

比如:一个卡通人物的动画每帧宽度是100px,那么就把它的动作1 动作2 动作3 动作4 并排放在一张宽度是400px的PNG图片里。然后代码在一个100px的宽度框子内背景图调用这张png,我们就看到了动作1,然后过一秒钟代码会悄悄移动100px我们就看到了动作2。由于速度很快就让我们看到了连续动画。

雪碧图也有自身的缺点,如果帧数太多,会消耗很大的内存,所以帧数一定要控制少。如果你的动作设计了12帧,那么我建议你可以试试将2,4,6,8,10删除,保留一半的动作。

雪碧图

6. 视差滚动

视差滚动是一种运动速率不一样的设计效果,用以实现空间感,比如:密尔沃基警察局官网就大量运用了视差滚动效果。

其实现原理是,代码判定网页滚动,滚动时页面中三层图片运动速率和位移距离不同。这样给人造成的视觉体验,仿佛是我们在物理现实中看到的空间感一样。

视差滚动已经不是什么高新技术,如果你的网站比较适合视差滚动,请大胆设计并和前端工程师提需求,相信前端工程师可以满足你的要求,我们需要准备的就是运动速率不同的分层静态PSD文件。

运用了视差滚动效果的密尔沃基警察局官网(milwaukeepolicenews.com)

网页设计规范

终于,经历过长篇大论网站的原理与组成部分后,我们要谈谈网站设计的规范了。网站设计并无具体平台限定的风格,也没有必须要设计的系统级导航栏和工具栏。所以网站设计更加灵活,然而因为太灵活也会让我们的设计师无从下手。

那么接下来我将介绍网站设计的规范,在您工作的时候可以参考。注意,在设计之前一定要和前端沟通我们使用的尺寸、字体、交互等,这样有助于后期不会有误会。

1. 画板尺寸

因为网页尺寸与用户屏幕相关,而用户屏幕的种类难以统计。所以我们的设计稿只能主要顾及主流用户的分辨率,其他分辨率用适配的方式来解决。

在最新版Photoshop网站Web预设尺寸给了我们一些启示:常见尺寸(1366x768px)、大网页(1920x1080px)、最小尺寸(1024x768px)、Macbook Pro13 (2560x1600px)、MacBook Pro15(2880x1800px)、iMac 27(2560x1440px)等。这些是主流尺寸,而我们如果做网站时建议按主流的分辨率1920x1080px来设计。

所以我们通常设计网站时的网站宽度为1920px,每个屏幕的高度约为900px。

为什么是900px呢?

因为1080还要减去浏览器头部和底部高度,大约就是900px了。内容安全区域为1200px (或1000px / 1400px)。以这个尺寸来设计相对标准。当然在设计网页前需要知会前端设计尺寸,因为对于适配的方式和后续配合他们更有发言权。

网站的尺寸规范

2. 文字规范

我们现在都知道了网站上面的文字是通过前端工程师重新写在代码里的,那这种文字在浏览器上的渲染与系统和浏览器有关,比如:在苹果电脑上看到的文字效果和Windows系统电脑上看到的文字效果就有所不同,苹果会对文字进行渲染,而windows的文字几乎充满了像素颗粒。

按照用户占比来说无疑Windows的用户是主流,所以尽管我们可能使用苹果电脑设计网页,但是设计出来的网页效果也应该和Windows显示一致。否则我们设计完漂亮的设计稿,程序员无法还原成我们设计的样子。

另外,字号的大小也非常重要。网页的显示区域决定了文字不可以过大,在网站设计中我们的文字大小一般来说是12-20像素。

为什么不能比12px更小?

因为如果比12像素更小的中文无法放得下复杂的笔画了,而且奇数的文字表现和适配都不好做,也就是说我们必须使用偶数的字号来设计。

那么总结一下,文字使用宋体、大小为12px、渲染方式选择无。稍大一些的字体使用微软雅黑,大小为14-20px,渲染方式选择Windows Lcd或锐利。另外,英文和数字需使用Arial字体,渲染方式选择无。

网站字体规范

3. 图片规范

网站设计中的图片常用4(宽):3(高)、16(宽):9(高)、1:1等比例。具体图片大小没有固定要求,但整数和偶数为佳,主要是考虑到一些适配的问题,作为内容出现的图片,一定需要有介绍信息和排序信息。

图片的格式有很多,比如支持多级透明的png格式、图片文件很小的jpg格式、支持透明/不透明并且支持动画的gif格式等。在保证图像清晰度地情况下文件大小越小越好,如何让网页使用的图片更小呢?

第一种方法,给程序员切图的时候我们可以适当缩小图片文件的大小。比如:Photoshop中存储为web所用格式,就会比快速存储文件更小。

第二种方法,可以尝试使用例如Tinypng、智图等工具再次压缩图片。这些工具会把图片中的多余信息删除并且压缩,而图像质量不受损失。

第三种方法,Google研发了一种Webp格式,它的图片压缩体积大约只有JPEG的2/3,能节省大量的服务器宽带资源。比如:Facebook、Ebay还有我们设计师常用的站酷图片存储都是使用了Webp图片格式。

第四种方法,浏览器和服务器握手时需要下载网页所调用的图片资源,那么如果一个网站有一百张图片的话,浏览器和服务器就得握一百次。第一会耗费服务器资源,第二访问速度就会慢一些。

所以前端工程师们有一种做法,就是把网页中所使用的图片拼成一大张png。然后每个调用图片的元素都调用这张图片然后分别位移一点儿,显示的那块区域移动到一大张图片中所需要的那个图像。

在线压缩工具Tinypng网站

4. 按钮

按钮的风格在过去的十几年发生了很大的变化,由一开始的"斜面与浮雕"风格过渡到后面的"拟物风格",现在更流行的是扁平风格。如果按钮在一张图片中,为了不影响图片的美观性,会去掉填充只保留边框,这种设计方式叫做幽灵按钮。注意在设计按钮时记得同时设计好按钮的鼠标悬停、按下状态。

不同时代下不同的按钮风格

5. 表单

在网站设计中我们经常需要使用一些输入框、下拉菜单、弹窗、单选框、复选框、编辑器等。这些都是系统级的控件,一般是直接调用系统设计的。但是系统设计有时不能满足我们的要求,系统内置的表单高度不够,点击起来不舒服,不符合网站整体设计的品牌感等。

那么我们可以通过CSS给这些表单增加样式,包括颜色、大小、内外边距等,所以我们遇到涉及到表单的需求时,也可以进行自定义设计。

表单不同风格的设计 UIDE Kit  by Mateusz Dembek

6. 栅格

我们把整体宽度定义为W,然后整个宽度分成多个等分单元A,每个单元A中有元素a和间距i。所以他们之间的关系就是 (A×n)-i=W。

当然每个应用的尺寸不止可以整除成一种栅格,这就要看我们内容排版的疏密程度了。之后,我们将过多内容的栅格和另一个栅格相加得到更大的排版空间,其他元素都须老老实实呆在自己的栅格内,这样就完成了一个布局非常科学的设计了。

比如:如果网页宽度是1000px,我们可以使用:

20列每列40px和10像素间隔

20列每列30px和20像素间隔

25列每列30px和10像素间隔

25列每列20px和20像素间隔

如果网页宽度是990px,我们可以使用:

11列每列80px和10像素间隔

18列每列35px和20像素间隔

25列每列45px和10像素间隔

33列每列20px和10像素间隔

如果网页宽度是980px,我们可以使用:

14列每列60px和10像素间隔

14列每列50px和20像素间隔

28列每列25px和10像素间隔

栅格系统具体有以下优势,能大大提高网页的规范性。

在栅格系统下,页面中所有组件的尺寸都是有规律的。另外,基于栅格进行设计,可以让整个网站各个页面的布局保持一致。这能增加页面的相似度,提升用户体验。

网站的栅格化会使网站看起来更有秩序感

7. 适配Retina屏幕

2012年苹果发布了Retina Macbook Pro,Retina屏幕的电脑占有量越来越高了。Retina屏幕简单地说就是屏幕密度是传统屏幕的两倍,拥有更大地清晰度。甚至可以满足我们视网膜最高的识别度,所以也叫视网膜屏幕。

这种屏幕下我们设计的安全距离大约为1000像素的网站就显得非常粗糙了,所以如果我们现在Retina屏幕下显示一个400X300PX的区域,实际上我们需要提供给前端一张800X600PX的切图才行,因为Retina屏幕一个点顶过去两个像素。

那么我们的用户是视网膜屏占比更多的用户,比如:设计师群体,那怎么兼顾高清屏幕和普通屏幕呢?

首先我们需要以视网膜屏幕大小完成设计稿,建议是传统设计稿的两倍。之后切出两套切图(非Retina屏幕用户如果也加载双倍大小的资源会很慢),普通的切图命名为如logo.jpg,Retina切图命名为logo@2x.jpg。前端用代码来识别,如果屏幕是Retina就加载双倍尺寸,不是则加载普通尺寸。前端可以使用Retina.js(https://retinajs.com/)提供的技术进行识别。

8. 自适应与响应式网站

我们看到有些网站使用电脑端或者手机端甚至iPad去浏览时体验都非常好,这就需要我们为了用户体验而进行网站的自适应或响应式布局了。响应式与自适应的原理是相似的,都是通过代码检测设备屏幕宽度,根据不同的设备加载不同的css。

(1)自适应网站

自适应网站的设计稿是一致的,但是设计稿需要考虑屏幕变小时的变化方式。比如一个网站的内容有5个区块和4个间距,那么如果宽度缩小成900时需要如何变化,这就是自适应布局。比如:站酷网、Dribbble等网站都采用了自适应布局。:

(2)响应式网站

响应式网站则需要设计不同版本的设计稿,然后根据不同的设备提供不同的CSS样式。比如:判定你设备的宽度是750px,那么网站就知道你使用了手机来访问,就会给你导入一份手机才有的样式,如果是电脑的宽度就给你导入电脑的CSS样式。

对于设计师来说,自适应需要考虑网站在不同设备宽度下的整除与排版;响应式则需要设计电脑、平板、手机等至少三套设计稿(但这三套设计稿的内容是一致的)。

总之,自适应和响应式都是网站为了用户体验所适应浏览设备而做出的努力。

9. 适配的规范

手机方面:适配手机页面时,我们一般以iPhone为画布标准。原因是iPhone相对显示比较清晰,并且要求较高。而且用户占有量也很高,在适配时我们一般以750x1334px尺寸为主,然后将网站导航改变为手机APP常常使用的汉堡包+抽屉式导航的形式。

同时,网站里的按钮也需要变为手机APP中我们看到的左右几乎满屏的按钮,并且每个按钮要大于88PX,方便手指的点击。字体方面,我们要把网站的字体全部改为苹方字体,并且字号设置为24PX以上,渲染方式设置成锐利,英文则需要使用SF-UI代替。

也就是将网站改变成一个类APP的手机网页,这样才可以保证手机用户体验良好。如果用户使用安卓手机,那么前端代码则会基于设计稿的设计适度加大图片与间距来适应安卓屏幕。

iPad:iPad的尺寸为1024 768、2048x1536px等,无论怎么变基本与电脑屏幕尺寸类似,所以在iPad上浏览网页是基本舒适的。因此,很多网站并没有专门为iPad做适配,如果我们希望iPad用户用的更爽,可以从文字大小(24PX以上)、按钮大小(88PX左右以及以上)、交互形式(抽屉式导航、导航不随屏幕滚动)等方式入手。

不同设备的注意事项

总结

无论您面对的项目是To C的还是To B的网站产品,我们都应该首先确立设计风格 > 寻找设计素材 > 建立情绪板 > 完成视觉稿 > 切图标注 > 建立视觉规范 > 进行项目走查。

如果设计一般网站的页面,可以按照1920 X 1080px尺寸设计。每屏高度900px,字体使用宋体 12px 无 和微软雅黑 14-20 Windows LCD。Banner尽量满屏,但是图片需要按照4:3或16:9等比例来设计。

做网站时可以建立栅格以更好地进行自适应和响应式布局,我们也要为超链接和按钮设计不同的相应鼠标的状态。另外我们也可以多多尝试在网站设计中加入视差滚动、雪碧图动画等好玩的交互。

如果设计手机端的页面,可以按照750X1334PX尺寸设计。字体使用苹方 24PX以上 锐利,英文字体使用SF UI,按钮和点击区域需要大于88PX方便手指点击。并且头部需要预留出微信或浏览器的导航区域。

作者:kingxijian

原文链接:http://www.ui.cn/detail/377510.html

本文由 @kingxijian 授权发布于人人都是产品经理,未经作者许可,禁止转载

题图来自 Pexels,基于 CC0 协议

原网页已经由ZAKER转码以便在移动设备上查看

办事指南 表格下载 网上申报 状态查询 结果查询
传奇3海报
《传奇》卓尔控股实控人发起部分要约收购 汉商集团控股权之争再度升级 管理系统
来源:东方财富网

12月25日晚间,沪深两市多家上市公司发布公告,以下是重要公告汇总。


【定增重组】


星湖科技:重组上会股票停牌


星湖科技公告,证监会并购重组委定于12月26日召开工作会议,审核公司发行股份及支付现金购买资产并募集配套资金事项。公司股票将自12月26日起停牌。


御家汇:终止重大资产重组


御家汇公告,公司原拟收购北京茂思商贸有限公司60%股权。推进本次重大资产重组期间,公司及交易对方面临的外部环境、特别是资本市场环境发生了较大变化。董事会同意公司终止本次重大资产重组事项。


【股份回购】


万丰奥威:拟3亿元-6亿元回购股份


万丰奥威公告,公司拟以集中竞价方式回购公司股份,回购股份的资金总额不低于3亿元且不超过6亿元,回购价格不超过11元/股。


锡业股份:拟回购2亿-3亿元公司股份


锡业股份公告,拟以自有资金或自筹资金采用集中竞价交易方式回购部分社会公众股份,回购股份的价格不超过人民币16.00元/股,回购金额不低于人民币2亿元,不超过人民币3亿元。


江苏吴中:拟4000万元至8000万元回购股份


江苏吴中公告,公司决定用自有资金回购公司部分股份,回购资金总额不低于4000万元,不超过8000万元,回购价格不超过8.5元/股。


美克家居:已累计耗资2.5亿元回购3.13%股份


美克家居公告,截至12月25日,公司累计已回购5549.74万股,占公司总股本的3.13%。成交均价为4.48元/股,最高价为5.61元/股,最低价为3.84元/股,累计支付的总金额为2.49亿元。


苏宁环球:已累计耗资1.93亿元回购2%股份


苏宁环球公告,截至12月25日,公司以集中竞价方式累计回购6071.17万股,约占公司总股本的2%,最高成交价为3.23元/股,最低成交价为3.11 元/股,支付的总金额为1.93亿元。


国中水务:已回购近9000万元股份


国中水务公告,截止9月28日,公司已通过集中竞价交易方式回购股份2956.56万股,占公司总股本的1.787%,成交均价3.04元/股,支付的总金额为8994.07万元。


金字火腿:累计耗资逾5500万元回购1.36%股份


金字火腿公告,截至12月25日,公司以集中竞价交易方式累计回购股份1333.34万股,占公司总股本的1.36%,最高成交价为4.26元/股,最低成交价为4.06元/股,支付的总金额为5567.97万元。


利亚德:首次回购逾2300万元股份


利亚德公告,12月24日,公司首次以集中竞价交易方式回购公司股份303.58万股,占公司总股本的0.12%,最高成交价为7.74元/股,最低成交价为7.61元/股,支付的总金额为2323.77万元。


广济药业:首次回购1841万元股份


广济药业公告,公司今日首次以集中竞价方式实施回购股份,回购数量184.91万股,占公司总股本的0.73%,最高成交价为10.25元/股,最低价为9.60元/股,支付的总金额1841.28万元。


方正证券:首次回购929万元股份


方正证券公告,公司于12月25日通过集中竞价方式首次实施了回购,回购数量为187.93万股,成交的最高价为5元/股,成交的最低价为4.89元/股,支付的总金额为929.15万元。


【股权交易】


亚邦股份:拟近4亿元转让江南银行1.43%股权


亚邦股份公告,公司及全资子公司临江化工拟将合计持有的江南银行1.24亿股股份(占其总股本的1.43%)转让给鼎辉新材料,股份转让金额合计3.93亿元。本次股份转让事项无法在2018年内完成,所得收益将不会计入2018年年度收益。


中航沈飞:拟2440万元转让贵飞公司2.07%股权


中航沈飞公告,全资子公司沈飞公司拟以经航空工业集团备案的评估价格2440.60万元,向航空工业集团协议转让其所持有的贵飞公司2.07%股权。


天风证券:拟5.16亿元收购子公司天风天睿8.57%股权


天风证券公告,公司拟以评估值作价,以现金方式收购宁波信韵持有的天风天睿1.32亿股股权(占天风天睿总股本的8.574%),交易金额为5.16亿元。交易完成后,公司将持有天风天睿的股权将由目前的57.15%升至65.724%。


【增持减持】


珠海中富:新思路进取一号二度举牌 持股达10%


珠海中富公告,新丝路进取一号于2018年11月13日至12 月25日期间通过深圳证券交易所集中竞价交易系统增持了珠海中富64285186股股份,占公司股份总数的 5.00%。本次增持后,新丝路进取一号持股数量为128570337股,占珠海中富股份总数的 10%。


中国西电:控股股东计划增持公司1.2亿-2亿元


中国西电公告,控股股东中国西电集团2018年12月25日增持公司股份151.67万股,占公司总股本的0.03%,中国西电集团计划自2018年12月25日起未来6个月内,继续增持公司股票,增持金额为1.2-2亿元(包含本次增持金额)。


维科技术:股东拟增持60万股-300万股


维科技术公告,公司持股5%以上股东宁波工业投资集团有限公司今日通过集中竞价交易增持5万股。宁波工业投资集团有限公司及其一致行动人计划未来6个月内增持不低于60万股且不超过300万股,增持价格不高于7元/股。


嘉化能源:控股股东完成增持计划


嘉化能源公告,截至2018年12月25日,控股股东嘉化集团累计增持公司股份2,000,000股,占公司已发行总股份的0.14%。本次增持后,嘉化集团持有公司股份602,389,604股,占公司已发行总股份的42.04%。嘉化集团、实际控制人管建忠先生及其一致行动人韩建红女士合计持有公司43.89%股份。嘉化集团增持公司股份计划实施完毕。


联创互联:董事拟减持不超0.47%股份


联创互联公告,公司董事、高管王蔚计划15个交易日后的6个月内,以集中竞价方式减持股份累计不超过282.30万股,即不超过公司总股本的0.47%。


哈投股份:减持1092万股民生银行股票 投资收益约5700万元


哈投股份公告,12月19日至12月25日,公司通过竞价交易系统出售民生银行(600016)股票1092.49万股,经初步测算,交易产生的税前投资收益约为5701.32万元。本次处置完成后,公司尚持有民生银行1.10亿股,占其总股本的 0.252%。


博士眼镜:股东及董事拟减持


博士眼镜公告,持股4.46%的股东江南道计划减持不超过97万股,占公司总股本的1.11%。此外,公司董事杨秋、刘之明拟分别减持不超过10万股和5万股。


正裕工业:股东拟减持不超106万股


正裕工业公告,持股4.49%的股东元豪投资计划减持不超过106万股,即不超过公司总股本的0.99%。


华灿光电:公司董事及其一致行动人拟减持不超1000万股


华灿光电公告,董事、副总裁吴龙驹及其一致行动人计划15个交易日后的6个月内减持不超过1000万股,占公司总股本的0.91%。


宁波热电:减持黔源电力 全年增加利润2173万元


宁波热电公告,2018年8月1日至2018年12月24日,公司全资子公司宁波宁电投资发展有限公司减持黔源电力3,185,441股,成交金额约为4,155.19万元。目前,该公司尚持有黔源电力股票数为6,347,700股。据初步测算,本年度减持黔源电力共计获得投资收益约为2,897.84万元,预计对归属于母公司利润影响约为2,173.38万元。


新宏泽:股东拟减持2%股份


新宏泽公告,持股10.23%的股东彩云投资计划3个交易日后的6个月内减持320万股,占公司总股本的2%。


宝光股份:股东西藏锋泓拟转让5.01%股份


宝光股份公告,股东西藏锋泓拟将其持有的公司1182万股(占公司总股本的5.01%)协议转让给自然人程立祥。转让价格为8元/股,转让总价为9456万元。本次权益变动不会导致公司控股股东及实际控制人发生变化。


云海金属:实控人转让8%股份给宝钢金属


云海金属公告,公司实际控制人梅小明将其持有的5171.38万股公司股份,占公司总股本的8%,按7.02元/股的价格转让给宝钢金属,标的股份转让总价为3.63亿元。转让最终完成后,梅小明仍为公司实际控制人。通过协议转让方式引入宝钢金属,有利于优化公司股权结构、为公司引进更多资源。


【重大事项】


天士力:复方丹参滴丸获得军队特需药品批件


天士力公告,公司已上市的独家产品复方丹参滴丸获得中央军委后勤保障部卫生局颁发的军队特需药品批件,同意增加预防和缓解急性高原反应适应症。被纳入军队合理医疗用药范围,有助于复方丹参滴丸在军队的推广及应用。


粤水电:联合中标珠三角城际轨道交通施工项目


粤水电公告,公司与中国铁建、中铁十六局、中铁二十二局组成的联合体成为“珠三角城际轨道交通琶洲支线施工总价承包(PZH-2标)”的中标单位,中标价为20.79亿元。公司承担的工程施工任务金额为4.3亿元。


用友网络:193万份股票期权获100%行权


用友网络公告,在公司批准的本期可行权的激励对象行权过程中,共计14名激励对象行权192.83万份股票期权,占本次实际行权总量的比例为100%。调整后的授予股票期权的行权价格为12.10元/股,公司最新股价报22.68元。本次行权股票的上市流通日为2019年1月3日。


沧州明珠:拟1.03亿元共同发起设立军民融合产业并购基金


沧州明珠公告,公司拟出资1.03亿元与北京中德汇共同发起设立军民融合产业并购基金。


华友钴业:拟1.47亿美元投资建设年产3万吨电积铜项目


华友钴业公告称,其子公司CDM公司拟投资1.47亿美元建设刚果(金)PE527矿权鲁库尼矿年产3万吨电积铜项目。该项目预计将于2019年9月底建成投产。


神州高铁:控股股东与第二大股东签署战略合作框架协议


神州高铁公告,控股股东国投高新与第二大股东海淀国投签署协议,双方共同研究推动轨道交通产业投资基金设立,基金首期规模不低于30亿元。基金主要用于轨道交通精品 PPP、TOT、租赁等与神州高铁业务相关的项目投资,协助神州高铁快速开拓市场。双方在未来的业务布局中明确将神州高铁作为发展轨道交通相关业务的唯一平台,神州高铁是双方未来在轨道交通领域业务开拓、资源整合的唯一载体。


雪人股份:公司产品被认定为2018年国内首台(套)重大技术装备


雪人股份公告,近日, 福建省工业和信息化厅下发了《关于公布2018年福建省首台(套)重大技术装备和智能制造装备名单的通知》,公司研发的“HE26L766NW 型氦气喷油式螺杆压缩机”被认定为国内首台(套)重大技术装备,是公司在超低温领域制冷核心装备领域取得的一项重大成果。


海思科:复方维生素注射液(13)拟纳入优先审评程序


海思科公告,全资子公司辽宁海思科制药有限公司的复方维生素注射液(13)进入国家食药监局药品审评中心的《拟优先审评品种公示》名单。复方维生素注射液(13)原研厂家为Sandoz Canada Inc,目前在国内尚无进口和生产。截至目前,公司在复方维生素注射液(13)研发项目上已投入研发费用共计1409万元。


广生堂:获得拉米夫定片一致性评价受理通知书


广生堂公告,近日,公司收到国家药品监督管理局下发的关于公司拉米夫定片一致性评价的受理通知书。拉米夫定片一致性评价的受理标志着公司四大主销售产品的一致性评价企业研究已全部完成,并已全部受理审评或已获批一致性评价。


方大炭素:承担的国家科技重大专项课题通过验收


方大炭素公告,公司承担的大型先进压水堆及高温气冷堆核电站核电重大专项课题“炭堆内构件制造技术研究”,近日顺利通过国家能源局核电专项办公室组织的正式验收。


宗申动力:与贵飞公司签订战略合作协议


宗申动力公告,公司与贵飞公司于近日签订了战略合作框架协议,双方同意在以贵飞公司为主的飞机及无人机和公司为主的航空动力领域开展广泛深入的合作,结成深度的战略合作伙伴关系。


爱建集团:拟以1.8亿元进行证券投资业务


爱建集团公告,公司全资子公司爱建信托拟发行“爱建智赢-证券投资1号集合资金信托计划”,并通过该信托计划进行证券二级市场投资,以精选个股的投资策略,适度持股,获取投资收益。该信托计划总期限3年(可展期),不设封闭期。资金来源为爱建信托自有资金,总投资额不超过1.8亿元。


东湖高新:子公司中标近10亿元项目


东湖高新公告,全资子公司湖北路桥中标丹江口市普通公路“建养一体化”第一个项目包,中标价9.95亿元。


中成股份:签订4776万美元项目合同


中成股份公告,公司与Lianard Holding Ltd(利亚德控股有限公司)签订了《肯尼亚湖畔医疗城项目合同》,工程总价为4775.88万美元。


中油工程:子公司签下31亿元EPC总承包合同


中油工程公告,全资子公司寰球工程公司所属东北炼化公司签下“河南南浦环保科技有限公司丙烷-聚丙烯酰胺产业链项目EPC总承包合同”,合同价款暂定31亿元。


浙商证券:可转债申请获证监会审核通过


浙商证券公告,公司可转债申请获得证监会审核通过。

(来源:东方财富网 2018-12-25 19:39) [点击查看原文]
办事指南 表格下载 网上申报 状态查询 结果查询
升龙传奇

原标题:台湾人最爱看这部大陆电视剧最爱买这款大陆手机

延禧攻略剧照

延禧攻略剧照

海外网12月13日电 近日,谷歌出炉了台湾地区2018“热搜排行榜”,一部大陆电视剧在台湾掀起搜索狂潮。

据台湾“东森新闻云”报道,12日,谷歌公布了台湾地区2018年的“热搜排行榜”。在热搜人物榜单中,韩国瑜、柯文哲和陈其迈位列前三。而大陆电视剧《延禧攻略》则在“关键词热搜榜”中排名第二。除此之外,前五的关键词还有世界杯、地震、运彩和“中选会”。

谷歌部分热搜榜

谷歌部分热搜榜

而在“快速蹿升的电视剧”榜单中,大陆电视剧更是独占鳌头,在前五的榜单中霸占四位。大陆电视剧《延禧攻略》和《如懿传》分别荣登第一第二位。第四及第五名由大陆剧《扶摇》和《温暖的弦》夺得。排名第三的则是一部韩剧。报道指出,这一电视剧热搜榜,反应了大陆剧在台湾盛行的风潮。从前,台湾电视剧在大陆大受欢迎,《流行花园》等经典台剧更是一代人的集体回忆。只不过情况如今开始反转,像《延禧攻略》的大陆剧或成一代台胞的集体记忆。

尽管民进党执政期间试图通过修改教科书、“转型正义”等手段在岛内大肆推行“去中国化”,然而这并不能抵挡两岸交流的步伐。在人民日报海外网举办的金台沙龙中,台湾青年郭雪筠提到,台湾许多小青年、很多95后对大陆认知很强,他们看《延禧攻略》,关注“双十一”购物节。这不只会影响他们自己对大陆的认知,也会影响两岸关系的发展。

而另一台湾青年王裕庆则介绍说,现在台湾青年喜欢买大陆手机,OPPO变成台湾年轻人的主流,卖得比iPhone还好。十年前我回台湾的时候,很多人都说大陆货是山寨,但现在每个人都买。

办事指南 表格下载 网上申报 状态查询 结果查询
15 个月娃被汤烫伤 的哥帮紧急送医
办事指南 表格下载 网上申报 状态查询 结果查询

新华社上海9月22日电 题:聚焦“隐性饥饿”——我国营养型农业品种研发取得新成果

新华社记者于文静

高叶酸玉米、高锌大米、高β-胡萝卜素甘薯、高锌小麦、高萝卜硫素大白菜菜心……多种富含微量营养元素的农产品在上海举办的首届营养型农业产业发展论坛暨科技成果转化供需对接会上一亮相,引起诸多与会者浓厚兴趣和踊跃品尝。聚焦“隐性饥饿”、实现“精准营养”成为论坛上热门的关键词。

2根玉米满足一天叶酸推荐量

经过多年发展,我国居民已从吃饱转向吃好,更加关注营养;与此同时,城市人口营养失衡、微量元素缺乏导致健康受损,与贫困地区营养不良问题同时存在,迫切需要解决。

中国营养学会副理事长杨晓光在论坛上表示,营养不良会影响身体发育和认知发展,损害免疫系统,与营养失衡相关的慢性病,成为影响人们健康的很大障碍。在贫困地区,缺铁性贫血及其他微量营养素缺乏问题仍保持在较高水平。

针对微量营养素摄入不足造成的“隐性饥饿”,中国农科院2004年5月启动中国作物营养强化项目。多年来,通过传统育种技术、分子标记辅助育种技术与营养科学相结合,筛选、培育、评价和推广富含微量营养素的营养强化作物新品种,已经培育出20多个富含铁、锌、维生素A原、叶酸等微量营养素的水稻、玉米、小麦、甘薯和马铃薯新品种。

“比如我们从500多份来自全球的玉米自交系中筛选到高叶酸含量的材料,利用分子标记跟踪转育过程开发的高叶酸甜糯鲜食玉米,单个玉米叶酸含量约为200微克,每天食用2根就可以满足世卫组织推荐一天的叶酸需求量。”中国农科院生物技术研究所副所长张春义说,该项研究成果达到国际先进水平。

“优质的种质资源一直都在,只是以前我们关注产量方面的优良性状,现在更加关心营养方面的优良性状,筛选出优质种质资源,通过杂交等常规育种方式,培育出营养强化作物新品种。”中国农科院生物技术研究所研究员王磊说。

营养强化引领农业新理念

中国作物营养强化项目(HarvestPlus-China)是国际HarvestPlus(HP)项目的姊妹组织。HP项目负责人、2016年世界粮食奖获得者豪沃思·布伊斯在论坛期间对记者表示,采用传统育种方式培育的高维生素A原玉米、高铁豆类、高锌小麦等营养强化品种,在印度、巴基斯坦和孟加拉国等30多个国家推广种植,功效试验证明对改善人们认知能力、减少发病率、更好适应黑暗环境等有明显作用。

“十多年前我们刚做这个项目的时候,没有想到今天会有这样的市场,会得到企业、研究等领域如此多的关注。”张春义在论坛上说。

据介绍,中国项目组高β-胡萝卜素营养强化甘薯新品系营养干预试验已在四川顺利完成。结果证明食用强化甘薯40天后,可改善缺乏维生素A状况。研究小组在四川、重庆、江苏、山东、福建、广东等地已推广种植10个高类胡萝卜素甘薯品种,得到农民和消费者欢迎。

中国农业科学院院长唐华俊院士表示,当前我国正处在消费结构转型升级的关键时期,需要发展高品质、营养的产品市场,国际社会也普遍关注“隐性饥饿”问题。在此背景下,发展作物营养强化项目具有深远意义。

协同创新发展营养导向型农业

专家指出,培育营养富集、益于健康的微量营养素营养强化作物和蔬菜新品种,对保障我国人口营养安全至关重要。通过农业育种手段改善人群营养健康水平,需付出长期努力。

农业农村部种业管理司品种创新处处长马志强表示,我国在品种的选育、审定等方面,一直以产量为重要指标。种业进入发展新阶段,迫切需要推动科技革命。国际粮食安全专刊明确提出未来目标之一,就是要提高种子和植物可食用的营养成分。为了实现作物营养导向型科技创新,我国应从建立和完善评估审计制度、登记制度、品种保护制度入手,满足营养导向型农业发展要求。

“推进营养型农业产业发展,需要从遗传育种、栽培、绿色生产、食品加工、营养评价、客户宣传等诸多环节入手,通过跨部门、跨领域、跨学科的大联合、大协作,进行全技术链创新、全价值链升级、全产业链融合。”唐华俊说,要把政府、企业、市场、金融机构连在一起,共同推动高品质的营养健康产品走向市场,更好满足消费者需求。

办事指南 表格下载 网上申报 状态查询 结果查询
美国白宫:尽管存在关税方面的问题,但美国将继续与加拿大、欧盟和墨西哥保持紧密的关系。
办事指南 表格下载 网上申报 状态查询 结果查询
郭施亮:2019将至“周期天王”预言会否成真
办事指南 表格下载 网上申报 状态查询 结果查询
如何布局下一波牛股机会!(附股)
办事指南 表格下载 网上申报 状态查询 结果查询
沪铜六连涨创近五个月新高 四因素支持铜类上市公司崛起
办事指南 表格下载 状态查询 状态查询 结果查询
重大调整!杭州住房公积金政策有变 严查“假离婚”
办事指南 表格下载 状态查询 状态查询 结果查询
国家局行政审批
研报标题:莫尼塔
办事指南 表格下载 网上申报 状态查询 结果查询
西班牙男子乘滑翔伞跨越阿曼沙漠 领略别样风光
办事指南 表格下载 网上申报 状态查询 结果查询
两个牛指提示下周重点关注——无论牛市熊市 始终笑傲股市2661——东方财富网博客2015
办事指南 表格下载 网上申报 状态查询 结果查询
高血压患者要注意什么
办事指南 表格下载 网上申报 状态查询 结果查询
友情链接
网站地图
意见建议
纵向站群    
升龙娱乐
主要树种 科研院所