项目02定义和创建站点绪论.ppt

主讲： 网页设计与制作——Dreamweaver CS3 项目二 定义和创建站点 任务一 如何做好一个网站 任务二 创建站点 项目二： 定义和创建站点 任务一 如何做好一个网站 本任务主要介绍网站制作流程和网页布局的基本知识。 项目二： 定义和创建站点 操作一 网站制作流程 1. 前期策划 前期策划工作主要包括： 网站主题 网站名称 栏目设置 整体风格 项目二： 定义和创建站点 网页制作阶段的工作按其性质可以分为3类： 页面美工设计 静态页面制作 程序开发 2. 网页制作 操作一 网站制作流程 项目二： 定义和创建站点 操作一 网站制作流程 发布网页可直接使用Dreamweaver CS3中的“发布站点”功能进行上传。 对于大型站点的上传一般都使用FTP软件，如LeapFTP和CuteFTP等 。 3. 网站发布 项目二： 定义和创建站点 网站推广是网络营销的主要内容，可以说，大部分的网络营销活动都是为了网站推广的需要，如发布新闻、搜索引擎登记、交换链接、网络广告等。 操作一 网站制作流程 4. 网站推广 项目二： 定义和创建站点 站点上传到服务器后，首先要检查运行是否正常，如果有错误要及时更正。另外，每隔一段时间，还应对站点中的内容进行更新，以便提供最新消息，吸引更多的用户。 操作一 网站制作流程 5. 后期维护 项目二： 定义和创建站点 1. “国”字型 项目二： 定义和创建站点 操作二 网页布局的基本方式 2. “匡”字型 项目二： 定义和创建站点 操作二 网页布局的基本方式 3. “三”字型 项目二： 定义和创建站点 操作二 网页布局的基本方式 4. “川”字型 项目二： 定义和创建站点 操作二 网页布局的基本方式 项目二： 定义和创建站点 操作二 网页布局的基本方式 是指页面内容以文本为主，最上面一般是标题，下面是正文的格式。 5. 标题文本型 框架型布局通常分为左右框架型、上下框架型和综合框架型。由于兼容性和美观等原因，专业设计人员很少采用这种结构。 6. 框架型 项目二： 定义和创建站点 操作二 网页布局的基本方式 封面型基本上是出现在一些网站的首页，大部分由一些精美的平面设计和一些动画组合而成，在页面中放几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种类型的网页布局大多用于企业网站或个人网站。 7. 封面型 Flash型是指整个网页就是一个Flash动画，这是一种比较新潮的布局方式。其实，这种布局与封面型在结构上是类似的，无非使用了Flash技术。 8. Flash型 本任务主要介绍定义站点、创建文件夹和文件、设置首选参数的方法。 任务二 创建站点 项目二： 定义和创建站点 在Dreamweaver中制作网页，首先需要定义一个站点。在定义站点时，首先需要确定是直接在服务器端编辑还是在本地编辑，还是在本地计算机中确定存放网页文件的根目录，然后设置与远程服务器进行数据传递的方式等。 经过本操作的学习，需要掌握的内容有： 项目二： 定义和创建站点 操作一 定义站点 定义站点操作动画 1、【站点定义】对话框的两种状态 ?【基本】：将会按照向导一步一步地进行，直至完成定义工作，适合初学者。 ?【高级】：可以在不同的步骤或者不同的分类选项中任意跳转，而且可以做更高级的修改和设置，因此适合在站点维护中使用。 项目二： 定义和创建站点 操作一 定义站点 2、【管理站点】对话框的使用 通过【站点】／【管理站点】命令可打开【管理站点】对话框。 项目二： 定义和创建站点 操作一 定义站点 经过本操作的学习，应该掌握的内容主要有： 项目二： 定义和创建站点 操作二 创建文件夹和文件 创建文件夹及文件 1、文件夹和文件命名的原则 一个站点中创建哪些文件夹，通常是根据网站内容的分类进行的。网站内每个分支的所有文件都被统一存放在单独的文件夹内，根据包含的文件多少，又可以细分到子文件夹。文件夹的命名最好遵循一定的规则，以便于理解和查找。 一般首页文件名为“index.htm”或者“index.html”。如果页面是使用ASP语言编写的，那么文件名变为“index.asp”。如果是用ASP.NET语言编写的，则文件名为“index.aspx”。 文件名的开头不能使用数字、运算符等符号，文件名也最好不要使用中文。文件的命名一般遵循以下4个原则。 汉语拼音，如“JianJie.htm”。 拼音缩写，如“gsjj.htm”。 英文缩写，如“asp.htm”。