2.1如何做好一个网站（课件）-高二《网页设计与制作》同步教学（人民邮电版）

项目二 定义和创建站点 任务一 如何做好一个网站 任务二 创建站点 项目二： 定义和创建站点 网页设计与制作Dreamweaver 8 任务一 小 结 任务二 实 训 任务一 如何做好一个网站 随着互联网同人们的日常生活结合得越来越紧密，网站的数量也在迅速增加，而形成一个良好的网站制作流程习惯，并了解网页布局和色彩搭配的基本知识，可以使网站制作者的效率大大提高。本任务主要介绍网站制作流程、网页布局的基本知识。 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 任务一 小 结 任务二 实 训 2 操作一 网站制作流程 1. 前期策划 前期策划工作主要包括： 网站主题 网站名称 栏目设置 整体风格 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 任务一 小 结 任务二 实 训 网页制作阶段的工作按其性质可以分为3类： 页面美工设计 静态页面制作 程序开发 2. 网页制作 Dreamweaver 8 网页设计与制作 操作一 网站制作流程 项目二： 定义和创建站点 任务一 小 结 任务二 实 训 操作一 网站制作流程 发布网页可直接使用Dreamweaver 8中的“发布站点”功能进行上传。 对于大型站点的上传一般都使用FTP软件，如LeapFTP和CuteFTP等 。 3. 网站发布 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 任务一 小 结 任务二 实 训 网站推广是网络营销的主要内容，可以说，大部分的网络营销活动都是为了网站推广的需要，如发布新闻、搜索引擎登记、交换链接、网络广告等。 操作一 网站制作流程 4. 网站推广 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 任务一 小 结 任务二 实 训 站点上传到服务器后，首先要检查运行是否正常，如果有错误要及时更正。另外，每隔一段时间，还应对站点中的内容进行更新，以便提供最新消息，吸引更多的用户。 操作一 网站制作流程 5. 后期维护 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 任务一 小 结 任务二 实 训 也称“同”字型，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，最左和最右分列一些小条目内容，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等。这是使用最多的一种结构类型。 1. “国”字型 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 操作二 网页布局的基本方式 任务一 小 结 任务二 实 训 也称拐角形，这种结构与“国”字型结构很相近，上面是标题及广告横幅，下面左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。 2. “匡”字型 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 操作二 网页布局的基本方式 任务一 小 结 任务二 实 训 这是一种比较简洁的布局类型，其页面在横向上被分隔为3部分，上部和下部放置一些标志、导航条、广告条和版权信息等，中间是正文内容。 3. “三”字型 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 操作二 网页布局的基本方式 任务一 小 结 任务二 实 训 即整个页面在垂直方向上被分为3列，内容按栏目分布在这3列中，最大限度地突出栏目的索引功能。 4. “川”字型 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 操作二 网页布局的基本方式 任务一 小 结 任务二 实 训 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 操作二 网页布局的基本方式 是指页面内容以文本为主，最上面一般是标题，下面是正文的格式。 5. 标题文本型 框架型布局通常分为左右框架型、上下框架型和综合框架型。由于兼容性和美观等原因，专业设计人员很少采用这种结构。 6. 框架型 任务一 小 结 任务二 实 训 Dreamweaver 8 网页设计与制作 项目二： 定义和创建站点 操作二 网页布局的基本方式 封面型基本上是出现在一些网站的首页，大部分由一些精美的平面设计和一些动画组合而成，在页面中放几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种类型的网页布局大多用于企业网站或个人网站。 7. 封面型 Flash型是指整个网页就是一个Flash动画，这是一种比较新潮的