×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

怎样制作设计网站首页步骤详解

文章编辑:网站建设 文章来源:建站行业资讯 浏览量:

 怎样制作设计网站首页步骤详解,一个站点的首页是这个网站的门面,访问者第一次来到网站首先看到的就是首页,所以首页的好坏对整个网站的影响非常大。一个思路清晰、美工出色的首页,不但可以吸引访问者继续浏览站点内的其他内容,还能使访问过的浏览者再次光临网站。
  深圳网站制作公司本文具体讲述的这个网站是企业宣传型网站,首页采用封面型结构布局,整个首页包含一些图片和文字代表网站的主要栏目导航。利用PhotoshopCC来具体设计和切割首页,切割完成后可以使用DreamweaverCC来进行页面的链接。最终文件CH19/zhuye.psd学习要点首页的设计
❶启动PhotoshopCC,选择菜单中的【文件】|【新建】命令,弹出【新建】对话框,将【宽度】设置为1000像素,【高度】设置为800像素,如图19-8所示。
❷单击【确定】按钮,新建空白文档。在工具箱中单击【背景颜色】按钮,弹出【拾色器】对话框,设置背景色为#96816c,如图19-9所示。
❸单击【确定】按钮,设置背景颜色,按Ctrl+Delete组合键填充背景颜色,如图19-10所示。
❹选择工具箱中的【自定义形状】工具,在选项栏中单击【形状】右边的下拉按钮,在弹出的列表中选择形状,如图19-11所示。
❺在舞台中按住鼠标右键绘制形状,如图19-12所示。
❻在选项栏中单击【形状】右边的下拉按钮,在弹出的列表中选择形状,在圆形内绘制形状,如图19-13所示。
❼选择工具箱中的【横排文字】工具,将字体大小设置为50,字体颜色设置为绿色,在舞台中输入文字“福源大酒店”,如图19-14所示。
❽选择工具箱中的【横排文字】工具,在舞台中的右侧输入文字,如图19-15所示。
❾选择工具箱中的【矩形】工具,在选项栏中将前景色设置为#420006,在舞台中绘制矩形,如图19-16所示。
❿选择工具箱中的横排文字工具,在选项栏中将【字体】设置为【黑体】,【大小】设置为18点,在舞台中输入导航文字,如图19-17所示。
⓫选择菜单中的【文件】|【置入】命令,弹出【置入】对话框。在对话框中选择图像1.jpg,如图19-18所示。
⓬单击【置入】按钮,置入图像并将其拖动到合适的位置,如图19-19所示。
⓭选择工具箱中的【矩形】工具,在舞台中绘制白色矩形,如图19-20所示。
⓮选择工具箱中的【自定义形状】工具,在选项栏中选择合适的形状,在舞台中绘制形状,如图19-21所示。
⓯选择工具箱中的【横排文字】工具,在选项栏中将【字体】设置为【黑体】,在舞台中输入导航文本,如图19-22所示。
⓰选择工具箱中的直线工具,在选项栏中将填充颜色设置为#a0a0a0,在舞台中绘制直线,如图19-23所示。
⓱重复步骤14~16制作其余的导航,绘制形状、输入文本和绘制直线,如图19-24所示。
⓲选择菜单中的【文件】|【置入】命令,置入图像文件并将其拖动到合适的位置,如图19-25所示。
⓳选择工具箱中的【自定义形状】工具,在选项栏中选择形状,然后绘制三角形形状,在形状后面输入动态新闻,如图19-26所示。
⓴选择工具箱中的【横排文字】工具,在选项栏中设置相应参数,输入公司简介文本,如图19-27所示。
21.选择工具箱中的【矩形】工具,在选项栏中将填充颜色设置为#46250e,在舞台中绘制矩形,如图19-28所示。
22.选择工具箱中的【横排文字】工具,在舞台中输入文本,如图19-29所示。
好了,网站制作公司本文关于“
怎样制作设计网站首页步骤详解”知识就分享到这里,谢谢关注,博纳网络编辑整理。
 

当前文章链接:/construction/jzhyzx/2772.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。