中学生网页设计第一弹

    对于中学生来说，直接编写代码设计网页相对来说比较麻烦复杂一点，小编接下来分享下，如何使用Photoshop+Dreamweaver，零代码设计网页甚至网站模板。

    当然，第一步是在电脑上安装Photoshop和Dreamweaver两个软件。安装也很简单，直接在百度搜索相对应软件安装包进行安装就可以了。这里小编就不考虑这个软件是不是要收费，怎么破解啊这些问题，安装后点击试用就行了。

    不过，我们利用这两个软件进行网页开发，要具备一定的Photoshop操作技巧。Dreamweaver的话零基础就行了。

    设计网页前，先确定一个主题，准备一些适宜的图片（可以是自己拍摄，创作或者网上下载）。

    关于图层，图片等的设计这里小编不具体说明，关键在于切片的使用。

    切片主要用来制作网页用的，切片可以输出为HTML文件，一个切片在网页里就是一个表格，切片里的图象是此表格的填充图片，用这种办法可以制作以图片为主的复杂网页页面，然后再使用Dreamweaver进行进一步的开发。

    小编举个例子，做个演示。

    第一步：打开PS，设计好网页背景，找到切片工具

切片工具

    第二步：使用切片工具对图进行切割

切片

    相关的切片知识大家可以上网了解下，小编这里只是简单做了下切割。

    第三步：完成切片后，存储为web所用格式即可。

    存储成功后，可以发现生成一个html格式的文件以及一个image文件夹。

    搞定之后，那接下来利用好生成的这两个文件，使用Dreamweaver进行进一步开发了。

    小编接下来会进行分享！