用html设计网页注意事项,网页设计中Html使用的一些问题
1.网页背景色的设置
犯错机率:很大
普遍性:较广
犯错可能性:懒/不知道
约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。绝大部分人的窗口背景颜色都是白色,但
如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起
来会是一团糟。
2.Align center(自动居中)的滥用
犯错机率:非常大
普遍性:非常广
犯错可能性:以为方便/以为好用
工作中,修改、维护别人的网页是家常便饭,发现不少人有一个陋习:
在表格中的文字或图片,你是这样来令它居中、靠左或靠右过?
当有些表格很多、文字很多、内容分得很细的时候,爱用这种方法(它在DW里的快捷键是Ctrl+Alt+C,FP不知道是什么)的人往往会狂用,惨了,我一碰到这样的
网页就头痛,为什么要用那么多
了就能自动清除
需要多重定位的时候,才考虑
3.重复使用实现相同功能的代码、或杂七杂八的乱套代码
犯错机率:非常普遍
普遍性:非常普遍
犯错可能性:复杂多样
大家先来看一看下面的代码:
标题
你觉得这样的代码看起来感觉怎么样呢?
我不知道读者有什么感觉,压根我一看到这样的代码就会先自我麻木十来秒,这十来秒目的是为了找一个能表达我的思想感情的词(我?你想反问我吗?sorry~~,
我一般不犯,因为我做网页至少有一半以上的时间在浏览代码,代码中多了不该多的东西我一眼就能看出来。)。
看看上面的代码,使用了2个class,4个font来定义2个文本,其实这样的问题很多时候是在大家不断的修改中产生的,对代码不熟、或懒查看代码、又或不喜欢查
看代码的人犯这些问题特别严重,当然,事实上别人浏览这个网页的时候,是没有任何问题的,但维护的人就…………。
这些多余的垃圾代码完全是可以省略掉的,其实上面的例子不够严重,更恐怖的我都见过。
另外还有一个问题也要提提的,就是
...
和...,为什么要用它们呢?tell me why~~,有甚者是这样的:
标 题
你觉得这样的代码看起来感觉怎么样呢?
看到这样的代码我是会很无奈的(更无奈的是我经常看到,而且必须看),我来简化一下:
标题
你觉得这样的代码看起来感觉怎么样呢?
是不是看起来觉得这个世界安静了很多?"标题"后面的文字完成可以定义在
的class里,就算不用css,再用多一个<.font>也没问题,一样很清爽。
4.表格不正确嵌套
犯错机率:一般
普遍性:普遍
犯错可能性:对这个不了解
其实这是一个街知巷闻的问题了,但还是不断有人犯,不正确的嵌套表格,可能会令到你被老总叫到办公室里臭骂一顿,会令到你以为正常的网页用ADSL开2、3分
钟都开不了。先讲第一个问题,就是在一个大表格里不断地嵌套表格,这样会令到打开网页的速度变慢(虽然说现在的IE改善了这一问题,但还是不建议这样做)
,另一方面维护、修改也极不方便,一般来说简单的套用是没有问题的,甚至3、4层,但是不要把所有内容都放到一个表格里去。第二个问题就是在一个大表格里
放入所有内容,而其中包括一个免费的计数器代码,嘻嘻,你猜有可能出现什么情况呢?其实也没什么大不了的,最严重的就是你的IE象死机了一样,什么都没显
示。解决方法就是把计数器单独放在一个表格里,别和其他内容一起放在同一表格。
5.写代码缩进的时候,不是使用Tab而是使用空格
犯错机率:一般
普遍性:较少
犯错可能性:不知道Tab更好用
这一个问题针对js、vbs、asp、php之类,html不能使用Tab会写一点程序的都知道什么叫缩进,怎么样缩进?有人使用空格,有人使用Tab,如果你是使用空格的,
那么从现在起,改用Tab吧。
使用空格有二大坏处:1、缩进速度慢、修改速度慢。2、增大网页体积,会影响速度。
6.不知道何时该用jpg、何时使用gif
犯错机率:一般
普遍性:非常普遍
犯错可能性:对这个不了解
呵呵,这个问题看起来好象很普通,但不懂的人大把的在,你知道什么情况下更应该使用jpg,什么情况下更应该使用gif吗?
你是不是想说当然是做透明图的时候用gif,其他的就用jpg啦!
呵呵。。。,这太显浅了你必须对jpg和gif的特性和性质有一定的了解才能掌握,并且还得居于实践,没实践过,再多理论也是没有用的。并且还得结合实际,结
合实际的意思是:有时候你知道用jpg更清晰(理论上),但实际上使用gif却会更适合(这里是指适合,而不是更好)。
也有些人会说在需要更清晰的质量的时候选择jpg,其实也不然,这与要输出的图片的尺寸及颜色数所决定。
用html设计网页注意事项,网页设计中Html使用的一些问题相关推荐
- 【设计前沿】初级网页设计师需要注意事项
很荣幸今天是7月份的最后一天,想想好久没有总结过自己的工作,那么今天借这个机会来说一下.初略有几个方面的内容: (一)初级设计师怎么做好网页设计. (二)初级设计师怎么与用户进行沟通 (三)初级设计师 ...
- 财务金融类网页及app界面设计模板
随着手机银行App线上化转型的日渐成熟,其设计上也更加关注情感化元素的融入,一改金融系产品严肃.工具感强的特征,努力为用户提供更有温度的金融服务体验.那么,围绕情感化设计的三个层次,就让我们一起来看一 ...
- 网页框架布局设计_实用的网页设计-框架和框架用法介绍
网页框架布局设计 Ah, frames. We hated them when Netscape first offered them up around 1995; we deplored them ...
- 什么是网页设计中的滚动设计?如何进行滚动设计?
近年来,曾经的网站设计"禁忌"已经成为最受欢迎的技术之一,用户开始欣赏和喜欢网页站中的滚动设计.滚动设计摆脱了之前的标签定义,它正在重塑自己去成为交互设计的一个核心元素--这也意味 ...
- 30个非常时尚的网页联系表单设计优秀示例
联系表单是网站最重要的组成部分之一,访客通过联系表单和网站所有者取得联系,反馈信息.新颖的网页表单设计能吸引用户的注意力,让更多的用户填写反馈信息.今天这篇文章和大家分享30个很时尚的网页联系表单设计 ...
- 如何去设计一个自适应的网页设计或HTMl5
如何去设计一个自适应的网页设计或HTMl5 如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面 ...
- 经典网页设计:20例与众不同的网页联系表单设计
网站是企业宣传和展示其产品的一个非常好的媒介,同时也是收集用户建议和评价的最佳途径.作为网站最重要的组成部分之一,联系表单是用户反馈信息的重要窗口.联系表单的设计应该具有创意性,能够吸引用户的注意力, ...
- html语言怎么设计出来的,(正式)网页设计语言HTML.ppt
(正式)网页设计语言HTML 第二章网页设计语言HTML HTML基础知识 页面基本信息和布局 文本修饰 超文本链接 表格 图像 表单 多媒体 什么是HTML? HTML是Hyper Text Mar ...
- 论文 计算机动态网页的制作,毕业论文 动态网页制作学习网站的设计与实现
内容介绍 动态网页制作学习网站的设计与实现 摘要 在Internet飞速发展的今天,电子数字计算机是20世纪重大科技发明之一而互联网成为人们快速获取.发布和传递信息的重要渠道,它在人们政治.经济生活等 ...
最新文章
- 【 MATLAB 】使用 filter 函数产生给定线性时不变系统的单位阶跃响应
- layui table 字体大小_layui table设置某一行的字体颜色方法
- python3 open函数_python中open函数的基本用法示例
- uwsgi指定python路径_uWsgi服务器(2)--安装配置
- Linux 查看服务器开放的端口号
- JavaFX 2:创建登录表单
- 机器学习算法总结--GBDT
- iis php 开启gzip_IIS6.0 开启Gzip方法及PHP Gzip函数分享
- 【1】ArcGIS API for JavaScript 4.5/4.6 本地部署
- MacOS怎样启用悬停文本功能的具体操作方法!
- 有对象的程序猿都是怎么写代码的
- radius mysql md5_Radius认证
- excel poi 自动换行_Java利用POI生成Excel强制换行
- 万级并发服务器内核调优总结
- Uint8 Uint16等的区别
- 解决uniapp map遮盖遮罩层
- PS教程:用PS滤镜将人物照转成素描肖像
- ppt中的流程图怎么整体移动_如何快速在PPT中产生一个复杂的组织架构图?
- 【HIN】异质信息网络分析与应用综述
- dvwa brute force(暴力破解)
热门文章
- 基于ArcGIS模型构建器在第三次全国国土调查数据处理中的应用方法总结
- hive的wui访问hive
- java web中盒子_盒子模型
- 做教育的人,做基业长青的事情
- 最新天选姬Q版桌宠V2.3+比原版更可爱
- 清晰搞懂Spring Security的登录认证
- C++中虚函数继承类的内存占用大小计算
- 中华巡游 | 第十二届第①天:农业考察,溯梦60、70、80年代
- 8国5G网速测评!美国最快,是4G的2.7倍
- java 操作 word 表格和样式,java读取word表格中的表格 java如何读取word中的excel表格数据...