创建和管理站点

建立网站的基本流程
• 因为网页只有在链接成网站才 有其存在的意义，所以通常所 说的网页制作实际上就是网站 制作。
• 在制作网页开始时就从一个网 站的角度来考虑问题，能够使 后续的工作更容易进行。网站 的建设通常都遵循一个基本的 流程。
建立网站的基本流程
• 规划站点 • 设计站点 • 制作网页 • 站点发布 • 站点维护
键的要素，和现实生活中一样，网站名称是否正 气、响亮、易记，这对网站的形象和宣传推广也 有很大影响。
建立网站的基本流程
2、搜集资料 3、网站的整体规划
进行网站的整体规划也就是组织网站的内容并设 计其结构。
4、网页设计与制作
静态网页的设计与制作 为网页添加动态效果
wk.baidu.com
建立网站的基本流程
5、测试与发布网页
• 新建 • 编辑 • 复制 • 删除 • 导入 • 导出
站点地图
使用站点地图可以查看 本地站点的结构，能 够清晰直观地看到站 点内文档的组织结构 和链接关系的图形化 显示，还可以在站点 地图中方便直观地编 辑站点内文档之间的 链接。
创建和管理站点
长安大学 计算机基础教学委员会
主要内容
• 常用网页制作工具 • 建立网站的基本流程 • 网页艺术设计 • 创建站点 • 管理站点 • 站点地图
常用网页制作工具
• 网页编辑工具
1.Dreamweaver 2.FrontPage
• 素材处理与创作工具
1.Photoshop 2.Fireworks 3.Flash
策划与准备 制作阶段 后期工作
确定主题 收集资料与素材 规划网站结构 设计网页版式 确定网站结构 制作网页元素 插入元件与排版 上传网站 维护与更新
建立网站的基本流程
1、确定主题
网站的主题也就是网站的题材，是网站设计首先遇 到的问题。
• 网站的定位要小，内容要精。 • 网站的题材最好选自己擅长或者喜爱的内容。 • 网站名称，是网站设计的一部分，而且是一个关
• 其他素材处理与创作工具
常用网页制作工具
• Dreamweaver是Macromedia公司推出的一款 大众化的网页制作软件，它具有可视化编 辑界面，用户不必编写复杂的HTML源代码 就可以生成跨平台、跨浏览器的网页，不 仅适合于专业网页编辑人员的需要，同时 也容易被业余网页制作人员所掌握。
• Dreamweaver支持动态HTML技术，并采用了 Roundtrip HTML技术，从而奠定了在网页 高级设计功能方面的领先地位。
常用网页制作工具
• Fireworks是由Macromedia公司开发的基于RGB颜 色模式的图形处理工具，它的出现使Web作图发生 了革命性的变化。
Fireworks具有如下的优点：
1.Fireworks可以用较少的步骤生成占用空间很小、质量 很高的JPEG和GIF图像。
2.利用Fireworks修改图像非常方便。 3.Fireworks无需借助其他工具就可以完成将一个图像转
创建站点
使用Dreamweaver可以创建3类站点：
1．本地站点 2．远程站点 3. 测试站点
创建站点
使用Dreamweaver站点管理器创建站点 1．站点管理器 2．创建站点
（1）通过站点定义向导创建站 （2）直接定义站点
管理站点
站点创建完成后，可以随时 通过“管理站点”对话框 对站点的文件和文件夹进 行编辑和管理。
建立网站的基本流程
6 、网站的宣传与推广 7 、网站的反馈与评价 8 、网站的更新与维护
• 网站要注意经常维护更新内容，保持内容的新鲜 。
网页艺术设计
• 网页版式设计 • 网页色彩设计
网页艺术设计
网页版式设计 1．版式设计原则
（1）格式统一 （2）版面平衡 （3）分割合理 （4）连贯呼应 （5）对比清晰 （6）色彩和谐
1.Flash创建的图像体积小、质量高。
2.Flash采用的是插件工作方式。
3.Flash采用“流式”动画播放技术。
4.Flash支持多种不同格式文件的导入。
常用网页制作工具
• Photoshop是Adobe公司开发的图形处理软 件，它是目前公认的PC上最好的通用平面 美术设计软件，它功能完善、性能稳定和 使用方便，所以在几乎所有的广告、出版 和软件公司，Photoshop都是首选的平面制 作工具。
• 当网页设计人员制作完所有网站页面之后，需要 对所设计的网页进行审查和测试，测试内容包括 功能性测试和完整性测试两个方面。
• 功能性测试就是要保证网页的可用性，达到最初 的组织设计目标，实现所规定的功能，读者可以 方便快速地寻找到所需的内容。
• 完整性测试就是保证页面内容显示正确，链接准 确，无差错无遗漏。
化为网页元素的全过程。 4.Fireworks具有文件导出功能。
常用网页制作工具
• Flash是Macromedia公司开发的用于矢量图形编辑 和动画创作的专业软件，它是一种交互式动画设 计工具，用它可以将音乐、声效、动画以及富有 新意的界面融合在一起，以制作出高品质的网页 动态效果。
Flash具有如下的优点：
网页艺术设计
网页版式设计 2．常见的网页布局
（1）表格布局 （2）框架布局 （3）层布局 （4）自由式布局
网页艺术设计
网页色彩设计 1．在网页中以RGB方式来表示颜色。 2．在网页中合理运用色彩
创建站点
• 在制作网页之前首先要创建站点。 • 建立一个本地站点就是在本地计算机上建立一个
文件夹，将所有与网站相关的文件都放在该文件 夹中，以便进行网页的制作与管理。 • 站点好比是生产网页的工厂，用户把制作网页所 需的素材、制作好的网页和没有制作好的网页都 分门别类放在站点之中，便于管理和测试。 • 站点可以包括1个网页，也可以包括由成百上千个 网页组成的一个完整的网站。