扬州城市论坛 百科 怎么制作一个简单的网页(怎样制作一个精美的网页)

怎么制作一个简单的网页(怎样制作一个精美的网页)

做一个漂亮的网页。

我们需要先做一张背景图。也就是网页背景中的蓝色部分。我们需要单独行动。

创建一个新的1920像素* 400像素的文件。

让我们拉一个从蓝色(#506dbb)到白色的渐变。

翻译

然后我们把这张图保存成gif格式。这时我们新建一个1000*800的文件,我们做网页效果图。都是用ps做的。没有写任何代码。这个过程我就不说了。当你完成网页效果图的制作后,一定要注意删除网页的背景层,保持透明。

接下来,我们使用切片工具。把这一页切成薄片。如下图所示,注意每个链接都要切片。切片工具与矩形选择工具相同。当你拉它的时候,它是一片。我在这里加了一个背景来区分。我们必须记得以后把它拿掉。

然后,我们使用切片选择工具来选择单个切片。然后右键单击

让我们逐个添加切片的链接。

现在我们将它保存为web使用的格式。

这里选PNG-8吧。

保护

完成后保存效果图。

保存后。将生成一个目录和一个html文件。我们可以用浏览器打开这个html文件来看看效果。因为我们保存的时候选择了png格式,所以看到的效果并不美观,网页在左边。我们要做的就是让网页有一个背景,就是我们刚刚做的蓝色背景。并且页面居中。为了方便起见,我们在这里使用Dreamweaver。这个软件破解版本和安装教程求度娘这里不说了。打开Dreamweaver界面,我们将创建一个新站点。

我们需要先将网页居中。我们用Dreamweaver打开ps生成的html文件,进入Dreamweaver的设计视图。看啊!

让我们用鼠标点击最外面的一行。(在四个角上点击鼠标选择)选择。

然后将较低的属性设置为中心。看啊!

所以网页是居中的。我们再加一个背景。让我们在旁边的空白处点击鼠标,然后点击下面的页面属性。

将背景图片设置为我们刚刚制作的背景图片。重复一遍以“不”开头的。其他的不用担心。

然后我们按ctrl s保存网页。然后就可以用浏览器预览效果了。

制作ps网页就是这么简单。

特别提示

多学点东西,自己开心就好。

本文来自网络,不代表本站立场,转载请注明出处:https:

怎么制作一个简单的网页(怎样制作一个精美的网页)

扬州城市论坛后续将为您提供丰富、全面的关于怎么制作一个简单的网页(怎样制作一个精美的网页)内容,让您第一时间了解到关于怎么制作一个简单的网页(怎样制作一个精美的网页)的热门信息。小编将持续从百度新闻、搜狗百科、微博热搜、知乎热门问答以及部分合作站点渠道收集和补充完善信息。