5、在编辑站点对话框中,点击“完成”按钮。如图4-5所示:
4.2网页制作 4.2.1创建文件夹
在网站文件夹里面建立一些文件夹,包括“image” (存储图片)、“video(存储fl ash)“data”(用于存储数据库)、“music”(用于存储背景音乐)等。如图4-6所示:
图4-6
4.2.2创建文件
选择建立的站点文件夹,右键单击该文件夹,在弹出的快捷菜单栏中选择新建文件,开场动画名为index.html,主页名为1.html,日记网页名为2.html,主要是我的一些个人日记。档案文件名为3.html是我的一些个人资料,相片文件名为4.html是我的个人相片。音乐文件名为5.html,是我的一些收藏。个人作品文件名为6.html,是我以前的flash作品和ps作品展示。留言板为liuyanban.asp因为是链接数据库的动态网页所以是asp格式的。心情也是一样的动态网页名为xinqing.asp。登录页面为denglu.asp。如图4-7、4-8所示:
图4-7
31
图4-8
4.2.3创建欢迎flash动画
1、打开index.html文件,单击快捷工具栏中的ap-div标签绘制一个可调节大小的标签框,在其中插入单元格,并把用flash制作的欢迎动画插入进来,如图4-9所示:
图4-9
32
4.2.4创建主页面1.asp
1、打开主页文件,单击快捷工具栏中的ap-div标签绘制一个可调节大小的标签框,在其中插入单元格,并把用Photoshop制作的首页图片插入进来,如图4-10所示:
图4-10
2、再次单击快捷工具栏中的ap-div标签绘制一个可调节大小的标签框,在其中插入单元格,在单元格中插入ps制作的导航,制作成鼠标经过图片,并全部选中水平(居中对齐)垂直(居中)。如图4-11所示:
3、再次单击快捷工具栏中的ap-div标签绘制一个可调节大小的标签框,在其中插入单元格,在其中插入个人资料,日记,留言板,心情等。如图4-12所示:
图4-12
4.2.5留言板及个人心情网页设计
1.使用Access建立一个空白数据库如图4-13所示:
33
图4-13
使用Access设计视图设计表格如图4-14所示:
图4-14
34
建立三个表为xinqing(心情)、denglu(管理员账号和密码)、mytable(留言板)如图4-15所示:
图4-15
2.数据库连接并添加服务器行为
在dreamweaver软件中的应用程序绑定数据库记录集以及在网页表格中添加服务器行为使其中能够显示留言及心情内容等。如图4-16、图4-17所示:
3主要的数据表结构
Mytable.mdb中放留言信息,如图4-18所示:
4.主要留言和心情界面介绍及功能介绍:
留言板页面中可以看到有昵称及内容填选框,所有游客都可以留言并发表,该页面在设计中如图4-21所示:
心情填写页面中可以看到有内容填选框,因为此网站为个人网站设计,所以心情更改只有本网站的管理员可以通过密码登录点击进入,如图4-22、4-23所示:
35