网页设计教程 设置网页步骤

更新时间:2023-05-09 14:09:37作者:未知

网页设计教程 设置网页步骤

1、打开PS,新建空白文档,名称设置为“某某工作室”,从预设大小下拉列表中选择“1024 x 768”,模式设计为“RGB颜色”,内容设置为“白色”,点击“好”按钮完成文档的创建工作。

2、新建一名称为“框架”的图层,利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”,然后将矩形的宽度设置为1024,高度设置为80,在文档的上下两侧各框选一部分内容并填充为黑色,从而使整个网页呈现“宽屏幕”效果。

3、在背景图层的上方新建一新图层,并命名为“背景颜色”。点击“矩形选择工具”,设置“宽度为400,高度为768,然后在窗口的左侧框选一部分内容,填充一种深绿色。然后点击“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口的右侧框选一部分内容,填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色,目地是产生较为明显的对比。

4、在“框架”图层之上再新建一图层,名称为“主体元素”。打开一张事先准备好的百合花图片,双击“背景”图层将其转换为“图层0”,点击“魔术棒”工具,在图片白色区域内点击,选择白色区域后,按下DEL键删除白色区域。然后拖放图片到图层“主体元素”上。

5、然后选择“矩形选择工具”,设置“宽度为624,高度为768,然后在窗口中选择花朵右侧的一部分内容,并调整其亮度和对比度,使花朵的左右两侧呈现明显的对比。对该页面进行细节的调整,增加一些导航栏,信息提示内容和版权信息等内容,最终制作完成的页面。

6、选择“切片”工具,然后对内容进行切分。切分的好处是有利于文件在网络上传输,同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果。

7、找到保存文件的位置,打开某某工作室.html文件,然后在内容区域内点击鼠标右键,选择“查看源文件”,就会发现对应的网页内容已经生成。至此,利用PS设计网页内容完成。

本文标签: 网页设计教程  

为您推荐

网页设计教程 设置网页步骤

1、打开PS,新建空白文档,名称设置为“某某工作室”,从预设大小下拉列表中选择“1024 x 768”,模式设计为“RGB颜色”,内容设置为“白色”,点击“好”按钮完成文档的创建工作。2、新建一名称为“框架”的图层,利用

2023-05-09 14:09

qq身份验证如何设置 qq身份验证设置的方法

1、首先登录电脑QQ页面了,点击左下方的三横杠图案。2、弹出菜单栏页面后,点击【设置】。3、跳出设置页面了,点击【权限设置】。4、再点击左边的【防骚扰】。5、然后确认验证方式了,点击前面的空白圆圈即可。

2023-05-09 14:09

小个子穿衣搭配技巧 小个子女生怎么穿衣搭配

1、选择上衣的时候,选一些素色的,有图案的要选择图案比自己手掌要小的,图案太大,显得人更小了。2、喜欢格子衣服的朋友不妨选小格子的,不要选大格子衣服,大个子衣服会把原本就小个的你分成一块块的。3、竖纹衣服适合小个子,把小

2023-05-09 14:09

seeyou是什么意思 seeyou翻译及例句

1、see you就是再见的意思。和Goodbye一样,一般跟人再见会说see you later,意思就是以后再见。如果不是单独用的话,see you也可能就是字面上的“看你”的意思,比如说我要去看你。2、例如:I'l

2023-05-09 14:09

气动调节阀原理 气动调节阀原理简述

1、气动调节阀原理就是以压缩空气为动力源,以气缸为执行器,并借助于电气阀门定位器、转换器、电磁阀、保位阀等附件去驱动阀门,实现开关量或比例式调节,接收工业自动化控制系统的控制信号来完成调节管道介质的流量、压力、温度等各种

2023-05-09 14:09

常用食品干燥剂有哪些 干燥剂原料有哪些

1、食品干燥剂常见的有三种:硅胶干燥剂(透明颗粒)、石灰干燥剂(白色块状)、矿物干燥剂(棕色圆珠),要注意的是石灰干燥剂,因为石灰干燥剂的原料为生石灰(氧化钙),遇水膨胀并产生大量热量,误食会灼伤皮肤肠胃,由于经常发生爆

2023-05-09 14:09