《计算机网络技术及应用 教学课件 作者 严耀伟 王方 第7章 网站设计与制作.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第7章网站设计与制作计算机网络技术及应用Contents概述1HTML简介2网站设计与制作3网站的测试与发布47.1.1网站的规划与设计创建一个完整的Web站点，大致上可以分为5个阶段1.分析阶段创建站点之前需要耗费一定的时间精力对站点进行规划设计，确定站点的目标、客户群、主题、规模、站点结构、栏目和界面风格等，制定出详细的计划。2.设计阶段制定主页的结构、连接方式和站点的模块划分方式，并收集相关的素材，制作必要的组件。如果网站中用到数据库，则还要进行数据库的选择与数据库的结构设计。7.1.1网站的规划与设计3.实现阶段选择适当的网页设计工

2、具、网页设计语言创建网页，编写或制作出各个不同功能网页的代码，确定网页之间的关系，建立网页之间的链接。4.测试阶段利用浏览器测试网页文档的正确性、可用性和健壮性，及时纠正错误，杜绝漏洞。5.维护阶段在站点运行过程中，需要经常对制作好的网页文档进行更新和完善。7.1.2网页设计的基本原则1.速度优先原则2.标题设计原则3.内容更新原则4.艺术处理原则5.操作简便原则6.易于维护原则7.1.3网页制作工具简介在WWW出现的初期，制作网页都是在文本编辑器中使用HTML编写的，网页制作人员要有一定的编程基础，并且需要记住HTML标记的含义。后来虽然

3、又出现了类似HotDog的网页编辑器，但还是基于HTML标记来编写网页。直到Dreamweaver等“所见即所得”的网页制作工具出现之后，不是专业程序员的使用者们才开始能够制作精美、漂亮的网页。如果用户还需要制作交互式的或具有某些特殊效果的网页，还需要使用JavaSript、CGI、JSP、ASP、PHP等来完成，但要求是使用它们的开发人员必须具有一定的编程基础DreamweaverPhotoshopFlash7.2HTML简介HTML文件一般是分层组织的，最外层是，在此标记内一般有两层：head层（文档头）和bo

4、dy层（文档体）。这两部分内容都包含在和之间。文档头一般存储网页的信息，例如网页标题和网页关键字等。文档体是网页内容的显示部分，主要由表格标记、段落标记、图像标记等组成7.2.1HTML的基本结构7.2.2HTML标记某个标记的所有可用属性称为该标记的属性集，不同的标记所包含的属性集也不同。<标记属性1=属性值1属性2=属性值2……>部分常用标记

、

、……

：是6种不同等级的标题标记，

字体最大，

最小部分

5、常用标记（二）7.2.3超链接7.2.4使用表格7.3网站设计与制作网站的主题体现了建立网站的目的。网站的设计者首先应明确建立网站的需求和目的，即为什么要建立这个网站和建立的网站能做什么。任何一个网站都不能涵盖全部类型网站的特点，即一个网站不可能同时是政府网站，又是商业网站，又是个人网站。明确网站的目的是为了使网站主题突出，便于读者找出感兴趣的内容。不要让网站主题过于分散，因为网站主题越明确，后期的管理越容易，因此所提供信息的质量也会越高。7.3.2规划网站的结构7.3.3设计页面有了网站结构以后，就要在结构上添加具体的内容。要决定页面上分

6、别要放置哪些版块，每个版块上放置什么内容以及内容的数量等，画出主页和子页（即网站首页和它的二级页面）的基本结构草图网页制作流程2.绘制网页效果图3.效果图切割保存7.3.4创建本地网站7.3.5制作网页上一步所建立的网站，具备了初步的结构，只是网站中的文件都还是空白，接下来需要对网站的各个页面进行编辑。首先制作主页index.html，然后是其它的二级页面。这里重点介绍主页，其它页面的做法是类似的7.4网站的测试与发布1本地测试2准备域名与空间3上传网站4在线测试