7.28 网页计算器基本界面设计
2014-07-29 10:39
288 查看
今天起,开始实现一个网页版的计算器作为练习。今天的任务主要是界面的设计,所运用的主要是HTML、CSS知识。
成果如下:
练习的内容主要有:<div>、表格进行排版,元素选择器、类选择器、ID选择器的用法,边框的设置,背景的设置,文本的设置,用图片设置button等
遇到的问题:当元素同时满足类选择器、ID选择器时,不能按预想的显示,其中一个选择器不起作用。可能是重复冲突,最后删掉ID选择器,统一用类选择器实现。
心得:这是一个比较完整的项目,需要从整体的构思入手,先确定框架,参考了网上的代码,使用表格作为键盘的实现形式,作为一个整体套在<div>内,这样层次分明,布局较为合理。具体的码代码的阶段,发现自己有些代码特别是样式表那些项目还是忘了不少,只记得大概,最后查阅手册才得以完成。所谓熟能生巧,自己还欠缺练习,以后要加强。最终完成了界面,好不好看先不提,至少大体上有了计算器的样子,未来几天要还要不断完善它,实现它的内涵——计算功能,革命尚未成功,自己仍需努力!
成果如下:
练习的内容主要有:<div>、表格进行排版,元素选择器、类选择器、ID选择器的用法,边框的设置,背景的设置,文本的设置,用图片设置button等
遇到的问题:当元素同时满足类选择器、ID选择器时,不能按预想的显示,其中一个选择器不起作用。可能是重复冲突,最后删掉ID选择器,统一用类选择器实现。
心得:这是一个比较完整的项目,需要从整体的构思入手,先确定框架,参考了网上的代码,使用表格作为键盘的实现形式,作为一个整体套在<div>内,这样层次分明,布局较为合理。具体的码代码的阶段,发现自己有些代码特别是样式表那些项目还是忘了不少,只记得大概,最后查阅手册才得以完成。所谓熟能生巧,自己还欠缺练习,以后要加强。最终完成了界面,好不好看先不提,至少大体上有了计算器的样子,未来几天要还要不断完善它,实现它的内涵——计算功能,革命尚未成功,自己仍需努力!
相关文章推荐
- 网页设计基本配色参考色谱
- (网页界面设计的特性和必要性)
- common.css文件 网页设计常用的基本css控制
- iPad界面设计基本规范(建议阅读)
- iPad软件界面设计基本规范
- 界面设计的基本技巧
- iPad软件界面设计基本规范
- 网页设计教程:Web应用界面的十个实用技术(组图)
- 静态网页设计的基本
- Swing界面设计工具的基本思想和技术
- 网站界面设计:网页的均衡规划与选择
- 福州华威集团旗下华威汽车服务网页界面设计
- 福州华威集团旗下华威客运票务网页界面设计
- 网页技巧-网页的版式设计---版式的基本类型
- 网页视觉设计基本技巧
- 设计师谈精彩网页设计(网页界面的构成要素)
- 福州华威集团旗下华威大饭店网页界面设计
- 爱新企业网页界面设计初稿
- 网页界面设计--我的设计四部曲
- 浅析网页界面设计——首页设计