计算机网络技术及应用 教学课件 作者 严耀伟 王方 第7章 网站设计与制作.pptVIP

第7章 网站设计与制作 计算机网络技术及应用 Contents 7.1.1网站的规划与设计 创建一个完整的Web站点，大致上可以分为5个阶段 1. 分析阶段 创建站点之前需要耗费一定的时间精力对站点进行规划设计，确定站点的目标、客户群、主题、规模、站点结构、栏目和界面风格等，制定出详细的计划。 2. 设计阶段 制定主页的结构、连接方式和站点的模块划分方式，并收集相关的素材，制作必要的组件。如果网站中用到数据库，则还要进行数据库的选择与数据库的结构设计。 7.1.1网站的规划与设计 3. 实现阶段 选择适当的网页设计工具、网页设计语言创建网页，编写或制作出各个不同功能网页的代码，确定网页之间的关系，建立网页之间的链接。 4. 测试阶段 利用浏览器测试网页文档的正确性、可用性和健壮性，及时纠正错误，杜绝漏洞。 5. 维护阶段 在站点运行过程中，需要经常对制作好的网页文档进行更新和完善。 7.1.2网页设计的基本原则 1. 速度优先原则 2. 标题设计原则 3. 内容更新原则 4. 艺术处理原则 5. 操作简便原则 6. 易于维护原则 7.1.3 网页制作工具简介 在WWW出现的初期，制作网页都是在文本编辑器中使用HTML编写的，网页制作人员要有一定的编程基础，并且需要记住HTML标记的含义。后来虽然又出现了类似HotDog的网页编辑器，但还是基于HTML标记来编写网页。直到Dreamweaver等“所见即所得”的网页制作工具出现之后，不是专业程序员的使用者们才开始能够制作精美、漂亮的网页。如果用户还需要制作交互式的或具有某些特殊效果的网页，还需要使用JavaSript、CGI、JSP、ASP、PHP等来完成，但要求是使用它们的开发人员必须具有一定的编程基础 Dreamweaver Photoshop Flash 7.2 HTML简介 HTML文件一般是分层组织的，最外层是html/html，在此标记内一般有两层：head层（文档头）和body层（文档体）。这两部分内容都包含在html和/html之间。文档头一般存储网页的信息，例如网页标题和网页关键字等。文档体是网页内容的显示部分，主要由表格标记、段落标记、图像标记等组成 7.2.1 HTML的基本结构 7.2.2 HTML 标记 某个标记的所有可用属性称为该标记的属性集，不同的标记所包含的属性集也不同。标记 属性1=属性值1 属性2=属性值2 …… 部分常用标记 p/p：创建一个段落，此标记之间的文本将按照段落的格式在浏览器中显示； h1、h2、……h6：是6种不同等级的标题标记，h1字体最大，h6最小 部分常用标记（二） 7.2.3 超链接 7.2.4 使用表格 7.3 网站设计与制作 网站的主题体现了建立网站的目的。网站的设计者首先应明确建立网站的需求和目的，即为什么要建立这个网站和建立的网站能做什么。任何一个网站都不能涵盖全部类型网站的特点，即一个网站不可能同时是政府网站，又是商业网站，又是个人网站。 明确网站的目的是为了使网站主题突出，便于读者找出感兴趣的内容。不要让网站主题过于分散，因为网站主题越明确，后期的管理越容易，因此所提供信息的质量也会越高。 7.3.2 规划网站的结构 7.3.3 设计页面 有了网站结构以后，就要在结构上添加具体的内容。要决定页面上分别要放置哪些版块，每个版块上放置什么内容以及内容的数量等，画出主页和子页（即网站首页和它的二级页面）的基本结构草图 网页制作流程 2. 绘制网页效果图 3. 效果图切割保存 7.3.4 创建本地网站 7.3.5 制作网页 上一步所建立的网站，具备了初步的结构，只是网站中的文件都还是空白，接下来需要对网站的各个页面进行编辑。首先制作主页index.html，然后是其它的二级页面。这里重点介绍主页，其它页面的做法是类似的 7.4网站的测试与发布 1 本地测试 2 准备域名与空间 3 上传网站 4 在线测试 * * 概述 1 HTML简介 2 网站设计与制作 3 网站的测试与发布 4 *