手把手学习企业型网站之一firfox做总体概图
1。main一般是960 or 980.但banner一般是2000px为了是给宽屏者准备看了;
2。导入背景图,与PS不一样的。注意可以用鼠标拖,这样可以等比例的加在画布中。这个如果要对齐在顶部,可以用属性中的x,y坐标来调整;
3。banner图下有个矩形的渐变,给人一种立体之感。先画出来,小的也无事,再在属性里修改,宽:2000高108,x,y来调整价值连城。也可以用tab隐藏所有面析,用ctrl-来显示个的预看。
3。1将边线透明。3。2选择渐变,在选中间的灰色时,请使用“系统颜色读取器”(我以前也是不知道的。)3。3为了防止此二图乱动,可以建一个“层1”,将二者组合起来;并加上“锁”;
4。从上到下,从左到右开始制作了。4。1先做logo,是一个不规则的东西,一般用“钢笔”来实现的。点击一下钢笔,即开始创建的,单击一下。4。2画完后要用白箭头(部分选项取工具)来调整,先点空白处,再点图中的边,慢慢的细微地调。4。3把边线调成透明色。4。4输入文字,ctrl+号放大,发现边界不好看,请选择“消除锯齿”(引:如果12px字体一般都要,大于12的都要消除)。文字分成2行,可以使用缩小宽度,便可以换行,不要用回车,再以上缩,便可折行。ctrl+1便可100%显示。英文用的是23的字号。
5。导航栏:980*96使用“圆角矩形”来画一个。再来调两侧的上方变成直角(alt+拖)。注意放导航栏时,要放在白线处,即鸟上的。5。1为了融入绿色中,将此做个渐变的,(设计时用三种色上中下)。5。2加上投影,在FW中不用ctrl+c,v是使用克隆(在编辑中),便可出来一个原地出来了,安住shift以下移动(先动再安)。再把下面的垂直转一下,再删除一个渐变中的色,在那个框里有个不透明度。拉划杆做不透明度。5。3再来一个整体的透明,像ps一样。5。4给导航加文字,其大小为14px,是字体。补充
网页背景宽2000,但内容宽度为980px,网页字体为宋体,12px,标题为14或16px
5.4不消除据齿,这样字体能清楚一些。5。5用远择上下对齐;5。6按shift再复制出一个,做完后,在水平上对齐,但没做到等隔距。再使用对齐中的“均分宽度”,要告诉计算机,第一个与最后一个。
5。7导航栏中的小分隔线,由二个东西组合(矩形+二个边)。先划一个矩形,2边是一个透明,中间是多放几个色。做完了,再组合起来。
6。再导入那个大图,单击排放一个位置organic lift