简单网页制作教程.pdfVIP

选修课《网页设计》实践考核题 题目：设计一个个人网站 一、要求： 　 1．使用Dreamweave 网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链 接相连。 3．网页中要有图片和文字内容，用表格或框架进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 下面我们大家统一一下软件版本，我用的是网页三剑客 cs3 版本的，大家可以去迅雷下载，因为我们要用到 flash 建议大家也按装好 flash 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是 zs，如图 打开 Dreamweaver 软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs 填进去就可以了 本地根文件夹就是我们新建的那个文件夹， http 地址为 http://localhost/zs 接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹 zs ， 在 url 前缀后面加上 zs 然后点击确定就可以了 得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建 好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四 个网页，可以简单一点，把这四个网页命名为 a、b、c、d，或者 1、2、3、4， 当然一个网站默认的索引首页名为 index，这里也用 index， 单击保存，这样得到第一个页面，以同样的方式建剩下的三个页面，这里我的首页默认 为 index.heml ，其他三个网页的名字分别为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 ，点击保存背景音乐就添加好了。 大家可以看一下，在站点目录下，已经有了这首歌曲。 接下来开始设计页面布局 这里用表格布局， 这个栏叫设计栏，由于大家都不会代码，所以我们主要在这个栏里操