网页设计教程 设置网页步骤
1、打开PS，新建空白文档，名称设置为“某某工作室”，从预设大小下拉列表中选择“1024 x 768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作 。
2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局 。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果 。
3、在背景图层的上方新建一新图层，并命名为“背景颜色” 。点击“矩形选择工具”，设置“宽度为400，高度为768，然后在窗口的左侧框选一部分内容，填充一种深绿色 。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色 。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比 。
4、在“框架”图层之上再新建一图层，名称为“主体元素” 。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白色区域内点击，选择白色区域后，按下DEL键删除白色区域 。然后拖放图片到图层“主体元素”上 。
5、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比 。对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面 。
6、选择“切片”工具，然后对内容进行切分 。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割 。分割完成后的效果 。
【网页设计教程 设置网页步骤】7、找到保存文件的位置，打开某某工作室.html文件，然后在内容区域内点击鼠标右键，选择“查看源文件”，就会发现对应的网页内容已经生成 。至此，利用PS设计网页内容完成 。
推荐阅读
- 小爱触屏音箱怎么恢复出厂设置
- 八爪鱼养殖技术是什么
- win10设置不休眠无效 在硬件管理器先卸载自带的集显
- win7疑难解答更改设置点不了 原因和解决方法
- 头条免流量设置入口 五部走轻松搞定今日头条免流量
- 国内好用的ip地址 电脑ip地址设置为多少
- 华为应用市场不自动删除安装包 怎么设置
- 使命召唤手游：如何设置手动开火？
- 文字环绕方式怎么设置 点击任务栏上方的插入
- 华为手机桌面时间不见了怎么设置 华为手机桌面上的时间不见了怎么办