做一个漂亮的网页。
我们需要先做一张背景图。也就是网页背景中的蓝色部分。我们需要单独行动。
创建一个新的1920像素* 400像素的文件。
让我们拉一个从蓝色(#506dbb)到白色的渐变。
翻译
然后我们把这张图保存成gif格式。这时我们新建一个1000*800的文件,我们做网页效果图。都是用ps做的。没有写任何代码。这个过程我就不说了。当你完成网页效果图的制作后,一定要注意删除网页的背景层,保持透明。
接下来,我们使用切片工具。把这一页切成薄片。如下图所示,注意每个链接都要切片。切片工具与矩形选择工具相同。当你拉它的时候,它是一片。我在这里加了一个背景来区分。我们必须记得以后把它拿掉。
然后,我们使用切片选择工具来选择单个切片。然后右键单击
让我们逐个添加切片的链接。
现在我们将它保存为web使用的格式。
这里选PNG-8吧。
保护
完成后保存效果图。
保存后。将生成一个目录和一个html文件。我们可以用浏览器打开这个html文件来看看效果。因为我们保存的时候选择了png格式,所以看到的效果并不美观,网页在左边。我们要做的就是让网页有一个背景,就是我们刚刚做的蓝色背景。并且页面居中。为了方便起见,我们在这里使用Dreamweaver。这个软件破解版本和安装教程求度娘这里不说了。打开Dreamweaver界面,我们将创建一个新站点。
我们需要先将网页居中。我们用Dreamweaver打开ps生成的html文件,进入Dreamweaver的设计视图。看啊!
让我们用鼠标点击最外面的一行。(在四个角上点击鼠标选择)选择。
然后将较低的属性设置为中心。看啊!
所以网页是居中的。我们再加一个背景。让我们在旁边的空白处点击鼠标,然后点击下面的页面属性。
将背景图片设置为我们刚刚制作的背景图片。重复一遍以“不”开头的。其他的不用担心。
然后我们按ctrl s保存网页。然后就可以用浏览器预览效果了。
制作ps网页就是这么简单。
特别提示
多学点东西,自己开心就好。