网站相关软件

1.1 创建站点

当用 Dreamweaver 打开一个文件时，如果您尚未创建任何站点，会提示您创建一个。也可以点击 “站点”，选择 “新建站点”，创建一个站点。站点创建后，才能测试自己制作的网站程序。如下以 Dreamweaver 2020 为例介绍创建站点的方法，笔者原来使用的是 Dreamweaver CS6，其创建新站点的方法与 Dreamweaver 2020 基本一致。

新建一个文件夹，用来放置网站内容。设置为D:\spring\，在文件夹midhe中新建一个文件夹，命名为image，用于存放网站中使用到的所有图片，路径为D:\midhe\image。

1.2 上传网站

上传网站，就是把 D:\spring 内所有的内容上传至D:\web\apache\htdocs\spring 中，如下图所示：

1.3 预览页面

在 Dreamweaver 中，快捷键 F12，可在浏览器中预览您的网页。如下图所示，可设置用于预览的浏览器。

2 Adobe Photoshop

网站会用到很多图片，总是需要对图片进行适当的处理才能应用到网站上。Adobe Photoshop 就是这样一款能够满足网站图片处理要求的软件。 我们无需精通Photoshop操作，因为大部分的网站图像处理只是涉及裁剪图像、更改图像大小、在图像上添加文字，以及创建自己网站标识logo等操作，随便借本Photoshop的书看看就会了。

很多人在编辑网站前，会先用Photoshop制作网站效果图，包括网页布局、网站色彩字体选用、小标识样式等。如果是为他人制作网站，这一步骤不可或缺。但如果您是为自己制作网站，而且您不精通Photoshop，那么作者不建议您这么做，会很费时间，倒不如在纸上画草稿来得快。

作者使用的是 Adobe Photoshop 2020，快捷键 Alt + Shift + Ctrl + S，可将图片保存为适合网站使用的格式。建议最好不要在网络上搜索Adobe Photoshop的教程，倒不如图书馆借一本学习，因为网络上的教程过多，良莠不齐，会需要很多时间才能找到靠谱的免费的教程。借书的时候最好根据您下载的Adobe Photoshop的版本来借，比如您是CS6，就借本CS6 学习。如果找不到CS6的书，其他的版本也是可以的，因为不同的版本，基本的内容其实大同小异。尽量选择知名出版社出版的书籍，比如清华大学出版社，人民邮电出版社等等，书籍的质量要有保障得多。相关书籍借个两三本足矣，按照书籍内容，在电脑上对Adobe Photoshop进行一系列的操作，一两周内就能学会编辑图片所需的相关内容。Adobe Dreamweaver 的学习也是如此，一两周足够您掌握该软件的基本操作了。