原创力文档- 1、本文档共11页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
《网页设计与制作2界面设计
难点 利用PhotoShop制作网页 利用PhotoShop制作网页 网页制作工具很多，PhotoShop是一个很不错的选择。利用PhotoShop制作网页的一般步骤是： 1.新建画布 2.我们先来设计网页的顶部区域 3.绘制导航条 4.填充页面左边部分 5.使用圆角矩形工具绘制如图所示圆角： 6.应用渐变工具和圆角矩形绘制四个按钮并添加如图所示文字： 7.用矩形选框、自定义形状等工具绘制如图所示界面： 10. 回到右上边，导入素材，使用圆角矩形工具进行处理，使之成为如图所示效果： 删除多余部分如图所示： 12.复制一份合制的形状，将其透明度设置成15％，并移动到如图所示位置，用自定义图形中的箭头为图片添加一个ICO: 美化图形 按照同样的方法，绘制如图所示图形： 为展示学生作品，我们在中间绘制一个作品展示区 我们在页面下方设计出版权信息模块 在整体看一下我们的界面 一切完毕，下面使用切片工具，将页面切割成相应小块，如图所示。 另存为WEB格式，为后面页面排版做好准备。 本节课通过一个实例，我们学习了网页制作的流程及基本步骤。 问答题： 为什么要使用切片工具将网页进行切割？ 模仿练习： 请尝试设计本站的欢迎页面
文档评论（0）