简单的网页制作教程-设计一个个人网站解析.doc

题目：设计一个个人网站 一、要求： 　 1．使用Dreamweave网页工具制作一个个人网站； ???2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 ???3．网页中要有图片和文字内容，用表格进行页面布局； ???4．添加至少两种行为（例如弹出信息，交换图像），并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，导航栏，其他页面须含标题、导航（或返回首页的链接）。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字，不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面 输入站点名称后点击下一步， 选择“否，我不想使用服务器技术”，单击下一步 选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”，并选择路径，单击下一步 使用菜单“站点”“管理站点”打开站点管理对话框，进行操作 选择刚建立好的站点，并点“编辑”，得到下面的界面，用来编辑站点的高级选项（注：高级选项可不设置，因为我们建的是不使用服务器技术的简单站点） 点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击文件 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字避免使用中文和长文件名，而且要“见其名知其意”。当然一个网站默认的索引首页名为index，这里也用index， 单击保存，这样得到第一个页面，以同样的方式建剩下的三个页面，这里我的首页默认为index.html，其他三个网页的名字分别为a.html、b.html、c.html（注：这里因为网页比较少，为方便起见就用了这种简单的命名。但事实上这种命名是不符合规范的，同学们自己命名网页的时候不要用这种不能识别网页主题的命名），我们这四个网页文件已经保存在我们建的文件夹里。 站点中已经有了四个文件。 接下来，我们开始编辑index.html。 单击index.html，显示为当前页面。 单击拆分， 然后我们看这个，这个就是网页名字，我们以张三为例，这个网页就叫张三之家，这样老师的第六条我们就完成一半了，同样的方法给其他三个网页改名字。 A网页标题 B网页标题 C网页标题 改好名字之后，一一保存，这个不多说了，接下来操作index.html。 显示首页为当前编辑页面。 首先为index.html页面添加背景音乐。 大家在代码视图里找到bodybody/，这个是什么意思就不解释了，我也不知道，就是这个了，在body后面输入代码bgsound， 然看见这张图片上， 我光标指在哪里了吧，单击空格键，这个时候注意输入法要为美式键盘字母格式，只要不是汉字就行，得到一个菜单，单击src选中，然后单击enter建，这个时候紧跟着src会出现一个浏览，单击浏览，然后出现对话框， 选择一首音乐，然后单击确定， 会继续弹出一个对话框点击是，保存到自己建好的文件夹里面，注意这里不能用汉字做音乐名字，必须改成字母或者数字 我是以beyond的歌为例，名字改为by，点击保存背景音乐就添加好了。 大家可以看一下，在站点目录下，已经有了这首歌曲。 接下来开始设计页面布局 这里用表格布局， 这个栏叫设计栏，由于大家都不会代码，所以我们主要在这个栏里操作， 下面大家点击常用里面的表格，就是下面这张图片 中的这个图标 得到对话框如图所示数据： 单击确定，得到如下界面 这个插入的表格式可以自动调整大小的，大家可以自己试一下，接下来用这些表格布局，给大家看两个图标， 这个图标就像是excel中那个合并和拆分单元格是一个意思，左边那个代表合并单元格，右面那个代表拆分单元格，excel大家都会把，就和那个布局差不错，我做一个简单的布局，为了方便，我把这个表格缩小， 这个布局很简单，第二行全部合并，第三行第二三列合并，大家可以根据自己的需要进行拆分合并，还可以在表格里面再次插入表格。 宽度和高度的设置时在代码里找到table width=900 border=0，之后把它变成table width=900 border=0 align=”center” height=””，其中align表示表格位置，height表示表格高度，大家可以根据自己的需要来填数字，默认是以像素为单位的。 接下来制作导航，这是老师第六条中的第二个要求， 注意我在这里给了两种方法，