这篇文章是作者《中小型网站开发及web设计》课程给同学们分享的网页设计在线知识，主要涉及Dreamweaver实现网站布局、简单站点开发、区域跳转、注册登录界面、图片查看器等内容，课程前期已经详细讲解了TXT撰写HTML基础代码，后期准备结合软件加深下。非常基础的文章，希望对初学者有所帮助。
1.Dreamweaver创建站点及注册页面 2.DW实现网页区域跳转 3.图片广告漂浮及Spry菜单栏 4.网站简单布局及样式设置 5.JS登陆界面实现 6.图片浏览器
代码下载地址：https://download.csdn.net/download/eastmount/10801407
PS：2019年1~2月作者参加了CSDN2018年博客评选，希望您能投出宝贵的一票。我是59号，Eastmount，杨秀璋。投票地址：https://bss.csdn.net/m/topic/blog_star2018/index
五年来写了314篇博客，12个专栏，是真的热爱分享，热爱CSDN这个平台，也想帮助更多的人，专栏包括Python、数据挖掘、网络爬虫、图像处理、C#、Android等。现在也当了两年老师，更是觉得有义务教好每一个学生，让贵州学子好好写点代码，学点技术，"师者，传到授业解惑也"，提前祝大家新年快乐。2019我们携手共进，为爱而生。
一. 创建站点及注册页面
首先，创建站点。点击“站点”=>“新建站点”。
创建的站点比如位于桌面“eastmount”文件夹中，整个网站相关的内容都存放在该文件夹中。
选中站点，右键新建HTML文件及文件夹。
在站点中创建一个“register.html”文件，如下所示：
插入的代码如下图所示：
register.html
运行结果如下所示：
二. DW实现网页区域跳转
接下来讲解网页区域跳转，首先创建新的网页 main1.html。
然后插入一张图片，如下所示：
通过div设置图片居中，该图片建议学生采用PS技术构建自己的网页主界面。接在在Dreamweaver中点击图片，在左下角中可以插入热点区域。
可以选择矩形、圆形或多边形。
选中之后可以勾线我们的“个人简介”等字样，当鼠标点击这些区域时能够进行跳转。底部可以添加要跳转的网址，比如百度或本地的HTML网页。
其实热点区域跳转对应的HTML标签是MAP，如下：
main1.html
跳转过程如下所示，点击个人简介跳转至百度主页。
三. 图片广告漂浮及Spry菜单栏
接着创建一个 pic.html文件，并添加相应代码。其中images文件夹中插入一张 test.jpg 图片。
对应的代码如下所示：
注意：该文件将JavaScript代码切入其中，没有格外的JS文件。 运行结果如下图所示：
接着讲解网站导航栏，可以通过Dreamweaver插入Spry菜单栏实现。
选择水平菜单栏。
最终结果如下图所示，更多知识希望同学们结合TABEL或DIV+CSS布局进行设计。
四. 网站简单布局及样式设置
下面补充一个简单的界面布局，代码如下： main2.html
