网页制作案例教程 清华大学出版社 第2章 网站设计与开.ppt

网站页面结构设计 网站功能模块页面实现 网站功能模块页面测试 网站系统部署、推广 本章学习导航 网站设计与开发的基本流程和相关知识，是设计和开发一个网站的基本规范，也是初学者从宏观整体上设计和开发一个网站基本框架。本章重点了网站设计与开发的四个阶段流程，并对每一个阶段和流程都进行了详细介绍，采用理论和实例结合的方式，以助初学者从整体角度掌握和理解网站设计、开发、部署及推广的基本方法。 本章内容在全书知识结构中所处位置如图所示 1、网站系统总体设计 1）网站建站目标设计 定位网站主题和名称 定位网站CI形象 定位网站的类型 定位网站主题和名称 遵循以下原则： 主题不能过于分散，主题要小而精。因为网页主题越集中，一般情况下网页所 有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。 主题要明确、突出，实现功能确定 主题应涵盖网页的核心内容 主题的设计要兼顾用户的注意力及有哪些信誉好的足球投注网站引擎检索的需要 定位网站CI形象 网站的标志(logo)设计 网站的标准色彩设计 网站的标准字体设计 网站的宣传标语设计 2）网站站点内容结构组织 网站站点内容结构组织包含三个方面 确定栏目和版块 确定网站的目录结构和链接结构 确定网站的整体风格创意设计 确定栏目和版块 设置网站栏目的基本原则： 各版块要有相对独立性。 各版块要有相互关联。 版块的内容要围绕站点主题。 设置网站一般的网站栏目安排要注意的方面： 版块内容紧扣网站的主题 设一个最近更新或网站指南栏目 建议您设置“本站指南”栏目 设定一个可以双向交流的栏目 设一个下载或常见问题回答栏目 确定网站的目录结构和链接结构 网站的目录结构 网站的链接结构 网站的链接结构主要作用在于：用最少的链接，使得浏览最有效率。 3）网站建站素材收集 素材的来源有多种，主要有网络搜集和自己制作两种方式 2、网站系统功能设计 本书案例Ascentsys医药商务系统网站功能结构设计模块如下图所示 2.1.3 网站的开发 1、网站功能模块页面实现 AscentSys医药系统网站系统功能模块结构设计，从系统管理、用户管理、游客功能、其他页面四个部分来实现页面功能。 2、网站功能模块页面测试 网站功能测试就是对产品的各功能进行验证，根据功能测试用例，逐项测试，检查产品是否达到用户要求的功能。常用的测试方法有：页面链接 检查、相关性检查、字符类型检查、中文字符处 理等许多方面。 2.1.4 网站系统部署、推广 网站系统的部署、推广工作，通常包含：网站域名和空间申请、网站上传和访问测试、网站推广、维护、更新三大部分。 2.2 创建AscentSys医药系统站点 使用Dreamweaver CS3工具创建AscentSys医药系统站点。 1、创建AscentSys医药系统本地站点 1）打开Dreamweaver CS3，选择“站点”—“新建站点”，弹出对话框，并输入站点名称“AscentSys”，如图2-2-1所示 2）单击“下一步”，选择默认设置（否），继续“下一步”，在弹出的对话框中，可以选择修改网站的存储目录路径，如图2-2-2所示 3）单击“下一步”，在弹出的对话框中，修改文件在服务器上的存储位置。如图2-2-3所示 4）单击“下一步”，选择默认选择，如图2-2-4所示 5）单击“下一步”，弹出如图2-2-5所示对话框，上面显示刚才所定义配置的站点信息，单击“完成”，完成站点创建设置。 6）创建成功的站点，在“文件”面板中显示，如图2-2-6所示 2、创建AscentSys医药系统站点目录 在上述站点创建成功的基础上，创建AscentSys站点目录。 1）选中“站点”，点击右键，菜单选择“新建文件夹”，在新建的文件夹中输入目录名称“images”，依次同样建立目录“css”、“flash”、“js”、“product”、“Scripts”、“templates”文件夹。如图2-2-7所示 2）选中“站点”—“新建文件”，创建index.html文件。 3）在一级目录下，用上述方法建立二级目录对应的文件和文件夹。 谢谢！ 网页制作案例教程 毋建军 郑宝昆 郭锐 编著 清华大学出版社 帮惰丙拐胞迟贝搜刃婉荤鼠拇晚鸿砸透钡番受驴职慎格渡靛员懈痘桂干桓网页制作案例教程 清华大学出版社 第2章 网站设计与开网页制作案例教程 清华大学出版社 第2章 网站设计与开 第2章 网站设计与开发流程 鸦途知续肉吩机康轮困台背齐晶傻幻嘉恼涵甄毋截击赘除哉稳荤挂伪顽计网页制作案例教程 清华大学出版社 第2章 网站设计与开网页制作案例教程 清华