个人主页网页设计作业设计思路说明
个人主页网页设计作业设计思路说明
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
随着网络的发展，人们已经不再局限于浏览别人的网页。每个人都想拥有一个个人网页。我使用的是Dreamweaver8的版本，再加上和PHOTOSHOP的结合，制作的个人网页“浪漫日记”。制作步骤如下：
首先，我先打开Dreamweaver CS3软件的界面，在“站点”菜单栏中的站点选择“新建站点”选项。接下来在弹出的页面中选择“高级”，将站点定义为“我的个人主页”，选择存放在我电脑里的D盘的浪漫日记文件夹中。设置地址为空。站点建好之后，在Dreamweaver界面右部的文件窗口里会显示新建好的站点，接着我在站点上点击鼠标右键，新建了三个文件夹，分别命名为flash, images，music。它们用来存放网页信息和制作过程中所需要的图片和音乐素材。然后在我的个人主页文件夹下建立 “index.html” 、“about.html” 、“photo.html” 、“message.html” 、“flash.html”和“css.css” 六个文件，它们将成为我网站中的主要页面和样式表文件。
所有的文件都建立好之后，就是我们最主要的每个网页的设计了。在设计网页之前在设计页面要选择“拆分设计”上面的为代码区，下面为设计区。在操作之前，一定要确定自己网页的风格。根据自己所想的布局决定用表格，还是绘制层。绘制层的好处就是可以随便的规定其位置。我的网页中都会加入背景图片。由于我的电脑屏幕比较大，所以我选择运用一行一列的表格来规定自己网页的大小。先打开“音乐”页面。格式设置为顶部部间距为零。由于边框会显示出来，会是整个页面有局限性。所以，我们要把表格做成细线表格。选中表格，在下面的属性面板中，边框选择为零，间距为一。在“菜单栏”中选择“插入——图像”。选择所要用的背景图片。调整图片的大小，表格也要调整。宽为950像素，高为740像素。因为要进行连接。图片进行了处理。所以不用担心会变形。在图片的上面用“绘制层”在图片上划出一个框，在里面插入所选择的图片。在代码区选择正确的位置插入可以让图片滚动的代码。点击菜单栏里的小地球，可以对所设计的也面进行保存和浏览。画面不和自己的心意，可在次进星条整。不过我在这里建议，最好是每做一步就保存浏览一下。
每个页面都要有导航，这是我们把每个页面联系起来的关键。建立连接有两个办法。一个是建立锚点。另一个是运用图片，运用热点连接。我选择了热点连接。首先用PHOTOSHOP做一张没有背景的字体图片。上面是没个网页的名称。我们以主页连接为例。在页面插入这张图，选中图片，在下面的属性面板上的左下角有热点。选中矩形选框，在图片上框住“page”然后在属性面板的连接后输入“#index.html”这样链接就做好了。其他的连接用同样的方法。在连接是选择相应的页面连接就好了。
其他剩下的几个页面的做法和“index”页面的制作方法都差不多。将所有页面都做好之后，就要把望一望发布到网上去了。首先要先申请一个放网页的空间，鼠标右键点击文件栏里的站点，选择上传，然后输入已申请好的FIP用户名，密码，地址等。最后，开始连接主机，登录用户，再打开右边允许上传的目录，把上传的东西都拖过去。上传完毕后，整个网页也制作就完成了。
通过制作个人的网页，让我对Dreamweaver这款软件有了更好的了解，同时，对整个制作网页的流程有了更深一步的了解。在我的网页制作中会使用的工具还很有限。还有很多工具可以帮我们丰富自己的网页。在以后的学习中，也可以不断的更新自己的网页，做出自己喜欢的网页。
