使用css设计柔美的医疗美容网站,动态加文字,不使用js

  • 时间:2018-06-19 22:11 作者:前端技术分享 来源:前端技术分享 阅读:154
  • 扫一扫,手机访问
摘要:制作医疗美容网站的时候经常会面临这样的问题,就是开发周期长,需要企划主管开头,网站策划,网站文案分工协作,找上级领导定版,而后再招懂网站开发人的制作,往往需要招聘一个会php建网站的,招募一个会css写前台的,招一个会写js交互的。而后打家开工吧,老板计划3天上线,加班吧......我见过民营医院里

制作医疗美容网站的时候经常会面临这样的问题,就是开发周期长,需要企划主管开头,网站策划,网站文案分工协作,找上级领导定版,而后再招懂网站开发人的制作,往往需要招聘一个会php建网站的,招募一个会css写前台的,招一个会写js交互的。而后打家开工吧,老板计划3天上线,加班吧......

我见过民营医院里有好多人一直折腾了一个月网站也上不了线,几乎都是老板过问的时候,给老板看一下首页修改的进度,那么多人修修改改,一个首页一个月都定不下来,而后接下来的几个月慢慢磨合各各专题和栏目以及文章内容的制作。等到网站包装的有肯定规模了,已经使用了一年的时间。

进度这么慢,问题出在哪?

1.需要使用项目管理的方法制定切实可行的计划

2.领导要懂受权,多过问进度,多观察同行的网站风格,取其精华,去其糟粕。

3.使用懂的人,招募全栈工程师,可可以熟练的网站工程师,一两天就完成了,生手小白团队要使用一年的时间磨合。

4.可可以后期网站出了问题,还得招募网站运维人员,毕竟网站上线以后,不可以不论理。

使用css设计柔美的医疗美容网站,动态加文字,不使用js

在这个专题底部使用css实现的增加文字的效果

使用css给专题动态增加文字

下面书归正传给大家演示一下使用css实现的动态增加文字的效果

pre class="brush:js;toolbar:false">.li1:after{content:"纳米脂肪移植跟脂肪移植的区别是什么?"}.li3:after{content:"纳米脂肪移植对脂肪的解决会破坏脂肪吗?"}.li5:after{content:"纳米脂肪移植奏效的时间是多久?"; background:url(../images/img_74.jpg) no-repeat center !important; width:419px !important}.ulb>li:nth-child(2n){ text-align:right}.ulb>li:nth-child(2n):before{ display:inline-block; width:652px; vertical-align:0px; height:180px; background:url(../images/img_31.jpg) no-repeat center; box-sizing:border-box; padding:30px 34px 34px 30px; line-height:26px; color:#666666; font-size:16px; margin-right:25px; text-align:justify; text-justify:inter-ideograph; }.ulb>li:nth-child(2n):after{ display:inline-block; content:""; width:141px; height:141px; background:url(../images/img_30.jpg) no-repeat center; }.li2:before{content:"其实不可以说区别,纳米脂肪移植本身就是属于脂肪移植的一部分,只是将脂肪解决的更精细,脂肪移植包含大颗粒(macro)脂肪移植、中颗粒(micro)脂肪移植,和纳米(nano)脂肪移植分工不同,三种不同的脂肪颗粒以及不同的注射位置,组成了完善的脂肪移植,对面部的整形塑造及年轻化有良好的效果,甚至是1+1>2的效果。"}.li4:before{ content:"会的,一定会破坏脂肪的,纳米脂肪移植的核心是通过物理破碎,将脂肪达成乳糜形态,不让它拥有填充效果,但是里面的修复与再生成分会使填充部位再生出部分脂肪,从而达到抚平皱纹,提升肤质的作使用。"; height:135px !important; background:url(../images/img_32.jpg) no-repeat center !important; margin:30px auto 50px }.li6:before{ content:"纳米脂肪移植的奏效时间,并不同于之前的脂肪移植,恢复期一周左右,但是被破坏的脂肪会被吸收,在1个月~3个月的时间再生出新的脂肪,这种效果持续时间是很久的,不同于短效的玻尿酸,能称为”自体玻尿酸“,略微等待,结果会很美好。"; height:157px !important; background:url(../images/img_76.jpg) no-repeat center !important; margin:20px auto 50px}

是不是很简单,以后再升级文字内容就方便多了,不使用每次都修改专题。

网站成果展现

使用css设计柔美的医疗美容网站,动态加文字,不使用js

医美行业网站首页设计

使用css设计柔美的医疗美容网站,动态加文字,不使用js

医美行业牙科专题设计

我做完的网站程序大小1.17G,包含大大小小各类专题和文章内容。

开发语言PHP+mysql

推荐服务器配置centos+ngnix 两兆以上带宽

欢迎关注我的头条号 前台技术分享,和我交流,网站早做完早上线。

下面还有我制作过的其它作品,欢迎浏览

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】web前端开发需要学习哪些技术(2019-09-17 18:00)
【系统环境|】学习web前端开发是正确的选择(2019-09-15 16:55)
【系统环境|】干货整理!零基础html5网站开发学习步骤方法(保存不后悔)(2019-09-10 16:27)
【系统环境|】「前端入门」前端基本概念(2019-09-07 21:36)
【系统环境|】小白入门学习web前端,这些干货不能少(2019-09-05 20:59)
【系统环境|】不是计算机专业,哪个专业更适合学习web前端(2019-09-03 20:31)
【系统环境|】入行web前端开发可以做什么工作(2019-09-02 20:51)
【系统环境|】什么是Web前端呢?为什么说web前端开发人员的薪资高、前景好呢?(2019-08-31 20:55)
【系统环境|】2019年Web前端开发的8个趋势,你知道几个?(2019-08-29 16:23)
【系统环境|】学习web前端,掌握这些,才有底气跟面试官提薪资(2019-08-28 15:23)
手机二维码手机访问领取大礼包
返回顶部