网站建设网站开发网站首页设计步骤深圳博纳网络信息技术有限公司

网站的首页就如店铺的门面了，客户想不想进店购物、或者记住我们的店铺都靠门面了。对于所有网站来说也是首页也是重中之重了， 做好了首页就相当于这个网站做好了一半。深圳博纳网络针对设计网站首页详细讲解具体操作步骤如下。
　1.启动PhotoshopCC，执行“文件”|“新建”命令，弹出“新建”对话框，将

“宽”设置为960，“高”设置为950，
2.单击“确定”按钮，新建空白文档，
3.选择工具箱中的“矩形”工具，在选项栏中将填充颜色设置为f3f2f2，在窗口

中绘制矩形，

4.选择工具箱中的“自定义形状”形状”工具，在选项栏中单击“形状”按钮，

在弹出的列表中选择合适的形状，在窗口中按住鼠标左键绘制形状，　绘制形状

。　
5.执行“图层”|“图层样式”|“渐变叠加”命令，弹出“图层样式”对话框，

设置渐变颜色从蓝色到天蓝色。

6.勾选“投影”复选框，设置投影参数，
7.单击“确定”按钮，设置图层样式效果。

8.　选择工具箱中的“横排文字”工具，矩形的右边输入相应的文本，并设置文

本的大小和字体样式，

9.选择工具箱中的“圆角矩形”矩形”工具，在选项栏中将描边颜色设置为浅灰

色，大小设置为1，在窗口中绘制圆角矩形，

10.单击选项栏中的“填充”工具，在弹出的列表框中单击“渐变”按钮，设置

渐变颜色，
11.设置填充渐变颜色效果。
12.选择工具箱中的“直线”工具，在圆角矩形上面绘制7个灰色

的直线，
13.选择工具箱中的“横排文字”工具，在选项栏中设置字体样式

和字体颜色，在圆角按钮上面输入导航文字，
14.执行“文件”|“置入”命令，弹出“置入”对话框，选择要导入

的图像文件index.jpg，

15.单击“置入”按钮，置入图像文件，

16.选择工具箱中的“圆角矩形”工具，在选项栏中将填充颜色设

置为黑色，在窗口中绘制圆角矩形，
17.选择工具箱中的“横排文字”工具，在圆角按钮上输入“新闻动态”，在右下角输入more，

18.选择工具箱中的“圆角矩形”工具，在选项栏中设置填充颜色和笔触颜色，在窗口中绘制圆角矩形，

19.选择工具箱中的“直线”工具，在窗口中绘制4条直线，

20.选择工具箱中的“横排文字”工具，在窗口中输入新闻动态文字，
21.选择工具箱中的“圆角矩形”矩形”工具，在窗口中绘制圆角矩形，在圆角矩形上面输入文字“公司新闻”和more，
22　执行“文件”|“置入”命令，弹出“置入”对话框，选择要置入的图像文件.单击“置入”按钮，置入图像文件，
23.选择工具箱中的“横排文字”工具，在窗口中输入公司新闻文本，
24.执行“文件”|“置入”命令，置入3幅图像文件，

25.选择工具箱中的“圆角矩形”工具，在窗口中绘制一个大的浅灰色圆角矩形，再绘制一个小的深灰色的圆角矩形，

26.选择工具箱中的“圆角矩形”工具，在深灰色的圆角矩形上面输入“产品展示PRODUCT”，

27.选择工具箱中的“自定义形状”工具，在选项栏中单击形状按钮，在弹出的列表框中选择形状“箭头2”，在窗口中绘制2个箭头形状，
28.执行“文件”|“置入”命令，置入几幅产品图像，

29.选择工具箱中的“矩形”工具，在窗口中绘制灰色矩形，

30　选择工具箱中的“横排文字”工具，在矩形上面输入相应的文字，
以上是深圳市博纳网络信息技术有限公司整理更多网站建设知识关注深圳博纳网络
商务中心： 深圳市前海深港合作区前湾一路1号A栋201室
福田办公地址：深圳市福田区皇岗路5007神采苑402栋610
www/198bona/com