教程之家原网页（网页设计教程 设置网页步骤）
本文目录
网页设计教程 设置网页步骤
1、打开PS，新建空白文档，名称设置为“某某工作室”，从预设大小下拉列表中选择“1024 x 768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。
2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。
3、在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768，然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。
4、在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白**域内点击，选择白**域后，按下DEL键删除白**域。然后拖放图片到图层“主体元素”上。
5、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面。
6、选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果。
7、找到保存文件的位置，打开某某工作室.html文件，然后在内容区域内点击鼠标右键，选择“查看源文件”，就会发现对应的网页内容已经生成。至此，利用PS设计网页内容完成。
教程之家网站可靠吗
很可靠值得信任。教程之家是一个内容丰富，优质安全的系统网站。包含了所有品牌系统的网站，以及我们所需要的必备软件。
Illustrator 8.0基础入门教程之网页按钮制作
我们在浏览网页时、使用多媒体软件的时候常常会看见看到一些制作精美的需交互用的按键。特别是一些立体的按键让网页和多媒体软件增色不少。作为专业的绘图软件Illustrator可以帮助我们制作出漂亮的按键。要让你的homepage漂亮，可要仔细学学怎样做按键哟：）
先让我们看看第一个圆形的立体按键是怎么做出来的 。其实仔细的分析一下它仅仅是两个填充了渐变色的圆组成的。怎么样不像想象的这么复杂吧！现在让我们一步一步地学学怎么做的。首先先用圆形工具 画出一个圆。当我们画圆的时候是不是不是很容易画出一个正圆来，这里有个技巧，在画圆的时候按住Shift键就可以方便的画出一个标准的圆。然后在 Gradient浮动面板调一个中间白色（当然你也可以用其它颜色）边缘蓝色的放射状渐变，然后用渐变工具填充圆形。
然后把绘制好的圆复制一个。然后用变形工具将它缩小到适当的大小。然后旋转到一个恰当的角度（参考下图）
最后将小圆移动到大圆的中心（技巧：为了精确的移动可以使用键盘上的方向键），这个按键就大功告成了。
第二种按键实际上是第一种的灵活运用。把圆形换为圆角的矩形，同样用一个中间白色边缘蓝色的放射状渐变填充，（填充的时候一定要选择好适当的位置，填充的中点放在矩形的一个角上）
同样复制一个矩形，然后将它缩小，左右颠倒。最后将它放在大矩形的中心就完成了。
第三个按键同样是矩形按键，但制作方法与第二个矩形有很大的不同。它是利用图形和色彩渐变工具 制作的。首先画一个圆角矩形。然后画一个较小的圆角矩形并放在大矩形中心。较大的矩形填充较深的颜色，较小的矩形填充较浅的颜色。
用色彩渐变工具 或者object blends make就可以创造出一个漂亮的按键了。
上一讲：Illustrator 8.0基础入门教程之金属文字制作
下一讲：Illustrator 8.0基础入门教程之网格渐变苹果图标制作
更多文章：
2026年4月5日 07:20
2026年4月5日 07:00
iferror函数多个条件（excel的IF多条件判断公式结果不对，请帮忙看一下原因）
2026年4月5日 06:40
2026年4月5日 06:20
unsigned char是什么意思（unsingned char s=200代表什么意思）
2026年4月5日 06:00
php面试题数据库优化方法（50种方法巧妙优化你的**LServer数据库（二））
2026年4月5日 05:40
2026年4月5日 05:20
2026年4月5日 05:00
创新驱动发展战略的背景（为什么必须把创新驱动发展战略作为国家发展全局的核心）
2026年4月5日 04:40
2026年4月5日 04:20
