css类:

1、设置flash、div、img等元素的层次关系,方法是:position:rela;z-room:3;需要注意层的比较要在同级上来说的。

2、对于表单元素,用其他的定位方法很难达到各大浏览器很好兼容。最好的方法还是绝对定位每个元素。

3、submenu位置实现图片“轮换”功能。一个<a>插入两张img,css控制其鼠标移上和移开的display状态。

4、三级导航那里还可以优化一下,鼠标移上的背景图用同一张png半透明实现,整条tab采用一张背景图就好了,避免loading的时候有图片出现不同步的状况。

5、记住一些属性的缩写,减少代码量,注意background、border、font、margin、padding等等的缩写。灵活运用,至于在内文中的padding和margin设置不必拘泥于设计稿的像素值,差不多就好,更重要的是达到一致性,就取一个比较易记的整数值吧。

6、表单中的输入框要设置背景图的时候不要在input本身设置,要在外面包一个层,在外面层设置背景图。

js类:

1、首页flash全页面在不同分辨率的自适应方法,不出现滚动条。

2、怎么实现右侧返回顶部的活动按钮。研究其js实现原理。

3、点击功能按钮改变字号。JQ来写。

4、视频播放器在页面的运用,注意视频的尺寸?还有播放器调用的视频连接?怎么传参数?和页面上不同视频的切换?

5、怎么实现点击不同的文字侧边对应显示不同的图片?

6、怎么实现点击标题出现对应的内容

7、怎样在输入框中显示默认提示的文字,获取焦点之后消失,失去焦点之后重新出现文字?

琐碎:
1、png图片的输出值为8和24时的差别。除了ie6的半透明可以用ddpng插件实现兼容png-24以外,折中的方法就是让圆角类去掉半透明的像素。(IE6不支持png-24半透明,但是支持png-8完全透明。)

另外

设计类/体验类:

1、整个画面突出视觉冲击的部分,首页的设计除了表达了益力水对人体的健康成分和特点以外,还在页面小图里面的每个细节上加入了每个栏目的二级导航甚至三级导航里的内容页。

转载于:https://www.cnblogs.com/windrainpy/archive/2011/06/30/2093936.html

【项目总结】达能益力--官网相关推荐

  1. spring原理案例-基本项目搭建 01 spring framework 下载 官网下载spring jar包

    下载spring http://spring.io/ 最重要是在特征下面的这段话,需要注意: All avaible features and modules are described in the ...

  2. Spring Boot入门三:创建Spring Boot项目;(包括【Spring 官网start.spring.io】方式,【IDEA集成的Spring Initializr】方式)

    说明: (1)介绍了两种创建Spring Boot项目的方式:[Spring 官网start.spring.io]方式,[IDEA集成的Spring Initializr]方式: (2)更推荐使用[I ...

  3. 6月项目总结--浅尝jsp(官网优化),移动端Echarts,mescroll试水,树形插件bootstrap-treeview

    在此立一个flag,每月15日之前发布上一个月的项目总结,以此督促自己坚持 项目1,官网优化之JSP页面 1,先说说我自己对jsp页面的理解: jsp:java sever page 也就是java服 ...

  4. 【前端做项目常用】相关插件的官网 总结

    以下整理本人在做项目的时候遇到的一些常用的相关插件的官网: 相关插件的官网: 1.Swiper官网:--常用于轮播图 网址: Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 2.iconf ...

  5. CSS项目基础实战:实现小米官网+详细步骤分析+出错问题总结

    1.有关项目的基本结构:|--html 文件与 CSS 文件单独设置分开.|--在html中引入:|--重置样式表|--网页基本样式表:所有网页所共有使用的部分:网页宽度.网页字体.颜色.设置最小宽度 ...

  6. eclipse导入android项目卡死,水晶虎宫殿34998 -官网

    界面 要不是最近换了工作的原因,我觉得我根本没有可能去用MSN,这部微软的老爷车99年开始发布到现在已经有10几个年头了,这么多年一直没有什么进 步却还能一直活着,这的确是一个奇迹.12年底,微软证实 ...

  7. 基于HTML旅游网站项目的设计与实现——旅游官网9页 包含登录注册

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制 ...

  8. 华丽焕新,不同以“网” | 企企通新版官网正式亮相!

    导读 企企通是国内最早进入采购与供应链数字化领域的厂商之一,专注SRM采购供应链管理及供应链赋能解决方案.一直以来,企企通坚持"打造企业协同智能采购与供应链,实现企业间的互联互通" ...

  9. Docker学习笔记 [声明:基于官网教程的学习笔记]

    前言 对于我博客近来一直没有更新的原因,从2020年11月左右吧,开始忙着找工作的事情,11月底左右,学校举办了2021届校招,来学校的校招企业其实没几个比较好的(根据上一届学长得知,有的企业是培训机 ...

最新文章

  1. 统计局:居民用于交通活动的平均时间为38分钟
  2. MVVM设计模式之精髓简化
  3. sequel mysql8.0_sequel pro 无法链接mysql8.0以上高版本
  4. mysql 中文乱码 或 问号
  5. dotnet若干说明图片
  6. 服务器中用于接收电子邮件,‎如何使用我的邮件服务器在 Odoo 中发送和接收电子邮件‎...
  7. error40无法打开到sql_SQL-mysql游标与触发器
  8. rpm -e --nodeps_Linux系统rpm方式管理软件
  9. Base64压缩UUID长度替换Hibernate原有UUID生成器
  10. 解读阿里巴巴Java手册:为什么不建议使用Executors创建线程池?
  11. Paxos算法原理与推导
  12. 联想lenovo G40-70M 无线网卡白名单跳过
  13. java 根据助记词导入ETH钱包账户
  14. 如何用Python给自己做一个年终总结
  15. 文件 打包 及 生成Excel文件转PDF格式和Excsl文件格式一体数据
  16. c语音异或运算符_一文看懂C语言异或运算
  17. Python小学生课程学哪些内容?
  18. NBUT1225-NEW RDSP MODE I
  19. SAP-ABAP-OOALV进阶-子屏幕;各种方法示例;
  20. php中水仙花数的求法,php 求水仙花数优化

热门文章

  1. birt脚本for循环语句_如何使用 for 循环语句嵌套方法!
  2. Qt笔记-Qt中Json存二进制文件并读取文件(QJsonObject、QJsonArray、QJsonDocument的使用)
  3. Qt工作笔记-QSplitter的使用(老版本里面发现的神控件在新版本内使用)
  4. 计算机用户被锁定如何解除,win10账户被锁定了怎么解除
  5. python在多个组中选一组_python-使用 pandas 在每个groupby组的列中选择最大的N
  6. MYSQL 表 部分数据导出、导入
  7. android布局优化 工具,详解Android布局优化
  8. java mvc返回js_技术趋势:是什么让MVC悄然消失的?
  9. mp3排序软件哪个好用_电脑录音软件哪个好用?
  10. 数据结构之树的存储结构