002规划站点.ppt

Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
第2章规划站点
重点内容:
网站的规划与设计
网站的开发流程
创建本地站点
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
一、网站的规划与设计:
1. 网站的目标定位
题材和内容
网站名称
网站域名
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
一、网站的规划与设计:
2. 网站的风格与形象
网站的风格——建立在有价值的内容之上;明确希望网站留给浏览者的印象;着手建立和加强网站印象。
网站的形象——标志;标准色彩;标准字体。
腾讯QQ与百度网站的标志
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
一、网站的规划与设计:
3. 网站的目录结构
注意不要将所有的文件都存放在根目录下;要按栏目内容建立子目录;要在每个主目录下都建立独立的图片目录;目录的层次不要太深。
网站目录示例
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
一、网站的规划与设计:
4. 网站的栏目和版块
网站的栏目相当于一个突出显示网站内容的大纲索引。版块的概念则要比栏目大一些,每一个版块都有自己的栏目。例如,搜狐的站点分为新闻、体育、道琼斯和汽车等版块,而每一个版块下面都有自己的主栏目。网站的栏目和版块划分要服从并体现网站主题。一般的做法是将网站的主题按一定的方法分类并将其作为网站的主栏目。这样可使网站看起来更具有专业性,主题鲜明,容易给人留下深刻的印象。
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
一、网站的规划与设计:
5. 网站信息的准备与搜集
文字信息
图像
动画
视频和音频
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
二、网站的开发流程:
(1)定义站点
(2)设置服务器
(3)制作网站
(4)测试网页与调试网站
(5)发布和维护网站
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
三、创建本地站点:
1. 创建新站点
基本方式
在【管理站点】对话框中单击【新建】按钮,从弹出菜单中选择【站点】命令,弹出【站点定义为】对话框,在【基本】选项卡中进行设置。
【站点定义为】对话框的【基本】选项卡
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
三、创建本地站点:
1. 创建新站点
高级方式
在【站点定义为】对话框中单击【高级】标签,切换到【高级】选项卡,可进行自定义的站点设置。
【站点定义为】对话框的【高级】选项卡
Dreamweaver 应用技术——《 Dreamweaver 8
实训教程》讲义
三、创建本地站点:
2. 管理站点
导入和导出网站
导出站点:在【管理站点】对话框中选择已存在的网站,然后单击【导出】按钮,弹出【导出站点】对话框,选择保存的位置后,单击【保存】按钮,回到【管理站点】对话框。单击【完成】按钮。
导入站点:在【管理站点】对话框中单击【导入】按钮,弹出【导入站点】对话框,选择要导入的网站后单击【打开】按钮,回到【管理站点】对话框,单击【完成】按钮。