web网页设计报告材料.doc

web网页设计报告材料
web网页设计报告材料
1/16
web网页设计报告材料
实用文档
web网页设计
言
记
的
板
音
乐
图4-1导航图
在导航草图中，网站首页下面有6个二级网页。各网页主要内容如下：
首页：总述。
我的简介：个人资料。
相册：包括了我自己的相册，家人相册、朋友相册、明星相册和漫绘图片。
留言板：是接见我的朋友其中能够写上姓名、联系方式和对我的网站的见解。让朋友给我留言，增进彼此的认识与沟通。
web网页设计报告材料
web网页设计报告材料
5/16
web网页设计报告材料
实用文档
日记：是用框架素材的，有我的作品，最新自己日记，我收藏的文章，动画效果，文字飘动，供接见者赏析。
音乐：有我最喜欢的音乐，我收藏的音乐，能够播放，带歌词，下载，有飘动图片，共接见者分享。
4．2创立站点文件夹
合理地创立站点文件夹可将网站文档分门别类，有条不紊地放置其中，这对此后网站的制作是极其有利的。创立“绿色”网站的站点文件夹的详细操作如下：
步骤1在本地磁E盘创立一个文件夹，该文件夹在创立动向站点时将作为站点的根目录。这里在E盘下创立一个名为黄裕福个人网站的文件夹。
步骤2在黄裕福个人网站文件夹内创立不同功能的文件来，文件夹分别命名为图片素材库,按钮素材，我的主页，我的档案，登岸注册，相册，日记，音乐8个文件夹，并将对应的素材放到各自的文件夹中。
4．1创立站点
步骤1进入Dreamweaver8工作界面后，选择“站点”/“新建站点”命令弹出“未命名站点1的站点定义为”对话框。
步骤2在该对话框中的“基本”选项卡中的“您打算为您的站点起什么名字？”文本框中输入hyfu
步骤2单击“下一步”按钮，在弹出的对话框中选中“是，我
web网页设计报告材料
web网页设计报告材料
6/16
web网页设计报告材料
实用文档
想使用服务器技术”，在“哪各种服务器技术？”下拉列表中选择“ASP
VBScript”。
步骤3单击“下一步”按钮，在弹出的对话框中选择在开发过
程中怎样使用文件，这里选中“在本地进行编写和测试”，在“你将
把文件存储在计算机上的什么地点？”文本框中输入F:\index\
步骤4在弹出的对话框的“您应当使用什么URL来浏览站点的
根目录？”中输入http://localhost/index/,输完后，单击“测试
URL”按钮。如果这时它提醒你URL前缀测试成功，点击“确定”按
钮，你就能够进入下一步了，否则的话，你再按照前面的步骤检查站
点出现的问题。
步骤5单击“下一步”按钮，在对话框中选择“否”。
步骤6单击“下一步”按钮，点击“达成”按钮即可达成本地
站点的创立，这时，创立的站点就显示在“文件”面板中了
如下图
4．4首页的布局
web网页设计报告材料
web网页设计报告材料
7/16
web网页设计报告材料
步骤1选择“布局模式”，将页面布局为如图4-3所示
web网页设计报告材料
web网页设计报告材料
16/16
web网页设计报告材料
实用文档
图4-3
步骤2
在第1
行第1
列里插入一张主要的图片。
步骤3
在第2
行第2
列里面插入导航条。
步骤4
在相应的地点插入相应的图片的Flash电影。
步骤5
在第2
行第1
列中插入一个表单，在表单中插入一个
4行2
列的表格，输入相应的信息如图4-4所示
图4-4
步骤6新建一个数据库文件，在其中输入用户名和密码，在设置一
个主键保留退出（注意：再创立服务器行为时必须把数据库封闭，否
则会出现错误）
步骤7还有就是创立一个注册动向网页如图4