各文件夹的所存放文件类型如表173所示
※注意※
文件夹和文件的名称建议不要使用中文名，因为中文名在HTML文档中容易生成乱码，
导致链接产生错误。
12
f个人收集整理勿做商业用途
表173网站的目录结构及其存放的文件类型
文件夹名称cssflash
imagejs
LibrarymusicTemplates
textwebpage_1webpage_2
otherwebsta
dbyi
dex。html
存放的文件类型CSS样式文件。动画文件、视频文件。图像文件、照片外部脚本文件。库文件。音乐、音频文件模板文件。文字素材。一级页面文件，该文件夹又有多个子文件夹，例如webpage_1_01。二级页面文件，该文件夹又有多个子文件夹，例如webpage_2_01其他类型的文件。备用页面、备用素材主页
网站的链接结构与目录结构不同，网站的目录结构指站点的文件存放结构，一般只有设
计人员可以直接看到而网站的链接结构指网站通过页面之间的联系表现的结构浏览者浏
览网站能够观察到这种结构。本网站的链接结构采用“网状”链接结构，结构图如图172
所示。
图172“网页教学网”中的链接结构
5．主要页面布局设计使用表格对首页与其他几个主面导航页面的布局结构草图进行设计主页布局结构草图如图173所示，两种形式的导航页面布局结构草图如图174和图175所示。由于本网站中许多页面都采用图175所示的布局结构，所以可以将该网页制作成模板
13
f个人收集整理勿做商业用途
图173主页的布局结构草图
图174利用“框架”制作的导航页面
图175利用“表格、层、浮动框架”制作的导航页面
3。2准备素材
根据网站的栏目、内容设计，链接结构设计，首页的布局结构，几个主要导航页面的布局结构，准备所需素材
14
f个人收集整理勿做商业用途
1．准备文本准备大量网页中所需的文字资料可以从各类网站、各种书籍中搜集文字资料，然后制作成word文档或文本文件，注意各种文字资料的文件名命名要科学合理，避免日后找不到所需的文本内容。2．准备Logo利用Fireworks或Photoshop量身定做本网站的Logo标志，Logo标志要与本网站的主题相符，要有新意3．准备图片及按钮根据需要到网上或素材光盘中搜集所需的图片和按钮、有些图片、按钮需要自己利用图像处理软件制作。注意图片文件要尽可能小4．准备动画网站中的动画最好能突出主题，起到画龙点睛之功效。动画一般利用flash软件制作，本网站主页和导航页的标题动画就是利用flash软件量身定做5．建立库项目网页中经常用到的项目，例如版权区，可以事先定义为库项目，以备制作网页时重复使用，提r