网页设计怎么改变字体
1 网页设计 怎么改变字体
字体是网站最基本也是最重要的一个元素,选择一个大众化的字体,符合视觉美观的大小,设置恰到好处的颜色其实是一个不能忽视的网站优化要点,接下来小编告诉你网页设计怎么改变字体。
一、小述
作为一个并非前端开发的人,却有时候喜欢前端的一些东西。如果说网站是一项建筑工程的话,那么后台就是比较重量级的钢筋水泥土,先搭建好整体框架,然后再慢慢地填充。那么前端就是修补、装饰、美化等工作了,它起到了让人一眼都爱上她的作用。一个网站的好坏,不仅仅是性能上的比较,很多时候是界面美化和用户体验上的。对于界面美化,Ps能很好胜任,本人Ps也不差,然后就是HTML系列、癫痫能治疗吗Css系列;对于用户体验上,我相信Javascript、Jquery、Ajax一定能胜任。
爱美之心,人人皆有,对于网站整体设计亦如此。今天就来学习网页设计中字体的技巧。
二、Css字体
1、字体系列:
W3C中说:在 CSS 中,有两种不同类型的字体系列名称:通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")、特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier"),这里我们最好配合使用,以免其他机器上没有安装指定的字体。
2、字体大小:
font-size 值可以是绝对或相对值。
绝对大小:
(1).文本大小设置指定
(2).不允许用户在所有浏览器中改变文本大小(不利于可用性)
(3).绝对大小在确定了输出的物理尺寸时很有用
相对大小:
(1).相对于周围的元素来设置大小
(2).允许用户在浏览器改变文本大小
注意:如果没有规定字体大小,普通文本(比如段落)的默认大小是 16 像素 (16px=1em)。
这里W3C 推荐使用 em 尺寸单位。1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。可以使用下面这个公式将像素转换为 em:pixels/16=em。
注意:无论是使用em还是pixels,在IE都有可能出现在重设文本大小时,会比正常的尺寸更大或更小的问题,对于这一点我们综合使用百分比和em就能很好解决。在所有浏览器中均有效的方案是为 body 元素(父元素)以百分比设置默认的 font-size 值:如:body{font-size:100%;} h2{ font-size:1.5em}
3、了解font-variant属性
font-variant 属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。所有主流浏览器都支持 font-variant 属性。它有三个值:
normal:默认值。浏览器会显示一个标准的字体。
small-caps:浏览器会显示小型大写字母的字体。
inherit:规定应该从父元素继承 font-variant 属性的值。
2怎样设计网页中的字体效果最好
网页字体的样式选择
在英文站方面,国外的很多东西不是免费的,当然也包括英文字体,所以你的网站字体不要选择那些太有个性的字体,因为你的访客可能电脑上根本就没有下载这个字体,从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial, Times New Roman, and Verdana。
中文站方面呢,普通的大众绝对没有自癫痫病的早期症状己去下字体安装的爱好,一般的字体全是XP或其他系统自带的,选择宋体肯定是不会错的。其他楷体等等可以自己斟酌选择。注意,那个漂亮的微软雅黑字体也不是每个人都装了的。
字体样式选择建议:字体一定要选择大众化字体,种类选择上尽量不要超过三种。
网页字体的大小选择
在互联网普及之初,英文网页占的比例比较大。由于英文字母相对汉字来说超简单,都没有笔画是否复杂一说,英文的小字体总是能显得很简洁、清晰,绝大部分英文网站的主体内容都是选择小号字体,9px, 10px, 11px, 12px,13px大小的字体在英文网页中十分常见,外国人也习惯看小号字体了。
中文网页不能照搬英文网页的设计,主要是因为两种语言的字体表现形式完全不一样,中文网页中字体大小在10px以下看不清,一般要达到12px才有不错的效果。目前来看,12个像素和14个像素大小的宋体在可阅读性和美观上结合的是最好的。比12个像素再小的话,可阅读性和美观性都没有了。比14个像素大的话,可阅读性当然是有的,但是美观性就差了一些。所以基本上所有的中文网站都是以这两个大小的文字来呈现的。
字体大小的选择建议:英文网站字体大小可以选择11px, 13px, 15px等字体大小,中文网站字体大小可以选择12px, 14px, 16px等字体大小。
网页字体的颜色选择
字体的颜色直接会体现在网页的整体风格上,黑色,灰色,白色的搭配给人沉闷,中庸,职业,严肃等感觉,如果在适当的地方加入些许红色,则会显得充满刺激的快感,并且总能吸引众人的
目光。字体颜色的选择非常的重要,而且也非常的深奥,可以是一门专门的学科,Micfly的一篇小小文章也仅仅能给各位抛砖引玉而已。你也可以参考其他的一些资料,Micfly做网站的时候经常会参考【终极配色手册】(参考资料原文处下载)。
网页字体的其他特性选择
除了以上说的网页字体的样式,大小,颜色之外,网页中的字体还可以设置其他各种特性:粗体,斜体,下划线,行距,段距,对齐方式等等。其实大家在排版的时候可以直接用word来做实验,看看什么样的感觉最好。
字体选择是一种感性、直观的行为。但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。例如:粗体字强壮有力,有男性特点,适合机械、建筑业等内容;细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。在同一页面 中,字体种类少,版面雅致,有稳定感;字体种类多,则版面活跃,丰富多彩。关键是如何根据页面内容来掌握这个比例关系。
3网站设计的主要步骤
一、确定主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。 你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就 越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内 容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配玉树藏族自治州称多县母猪疯检查哪些、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就 熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网 页制作工具了,目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外,还有图片编辑工具,如firework 、Photoshop等;动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。
五、确定网站内容
1、首先确定你要制作的网页的主题,就是你建这个网站的内容是什么。
2、确定你的网页的阅读对象,就是你的网页是准备给那些人看的。
3、选择制作网页的工 具软件,比如PageAdmin系统、shopex系统、discuz系统这些,当然还有很多出色软件,大家可以在以后慢慢接触到。
4、如果你作好了页 面,就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间,我们学校的用户网络中心已经申请好了空间,大家可以直接使用(有发布空间的标志是 你有了FTP 账号,这个需要申请),也可以按我前面说的把自己电脑配置为服务器(需安装IIS等软件,这个自己百度一下)。
六、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。 所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内 容,以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能,这样可以大大提高制作效率。
七、上传测试
网页制作完毕,最后要发布到Web 服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,推荐LeapFTP软件,你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户,让他们来浏览。
八、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
九、维护更新
网站制作要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,草扑建站整理发布,只有不断地给它补充新的内容,才能够吸引住浏览者。
4网页设计师工资怎么样
北京的网页设计工资还可以!初级的能达到3.5k-5.5k,中级水平达到5.5k-8.5k这样,高级一点的设计师能达到10k以上。
北京的待遇还可以,基本上都是有五险一金/车补/房补/饭补,并且国定节假日也都是休息的,基本上也都是8个小时,偶尔加班。
上海的网页设计师薪资目前应该是最高的,同级水平比北京稍微多个500-1000元这样,上海是金融中心,岗位需求比较大,并且在互联网这块是领先于全国的,就业机会更大,需求单位更多。
初级的能达到4k-6k,中级水平达到6k-10k这样,高级设计师能达到15k以上。整体就业形势还不错,我在上海呆了4年多,感觉还可以!
广州的网页设计薪资水平,比北京要略微少一点,幅度也大概是500-1000元左右。广州也是个经济开发区,岗位需求量也是逐年上升,并且互联网的发展水平也是逐年提高,人力成本也在逐年的升高。
新手水平大概2.5k-4.5k,中级水平达到4.5k-吉林专业的癫痫病医院7k这样,高级设计师能达到8k以上。就业形势也是相当的不错,岗位需求差异比较大,有的大企业需要月薪过万的设计师,小企业可能只是需要个图片专员,找工作的时候尽量可以去稍微大点的企业。
深圳的薪资水平和北京差不多,不过整体互联网环境要好些,是个互联网重镇,薪资幅度较大,从月薪3k到20k不等。比上海少一点,大概幅度500-1000大洋左右。
入门级水平大概2.5k-5k,实战中级水平能达到6-7k,高级设计师还是蛮可观的,10k-15k不等。