网页设计与制作教程 第2章 创建web网站

网页设计与制作教程 第 1章 网页设计与制作基础 第 2章 创建 第 1页 本章概述 本章的学习目标 主要内容 网页设计与制作教程 第 1章 网页设计与制作基础 本章概述 随着网络技术的发展，越来越多的企业组建了自己的网站，并通过网站对外发布产品信息、提供网络服务、收集用户反馈、树立企业形象。除企业外，很多个人也建立了个人的站点，对外展示自我，与天南海北的朋友交流等。本章介绍网站开发流程、 第 2页 网页设计与制作教程 第 1章 网页设计与制作基础 本章的学习目标 了解网站主题与结构 了解网站开发流程 掌握 掌握建立 第 3页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 站设计基础 网站策划 站设计 站制作 站维护 章小结 第 4页 网页设计与制作教程 第 1章 网页设计与制作基础 网站设计基础 网站主题与结构 网站开发流程 第 5页 网页设计与制作教程 第 1章 网页设计与制作基础 网站主题与结构 网站主题 创建网站，首先必须要解决的就是网站内容问题，即确定网站的主题。对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。 网站结构 网站的目录是指建立网站时创建的目录。 不要将所有文件都存放在根目录下。 按栏目内容建立子目录。 在每个主目录下都建立独立的 其它需要注意的事项。 链接结构 ： 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。 树状链接结构（一对一） 星状链接结构（一对多） 第 6页 网页设计与制作教程 第 1章 网页设计与制作基础 第 7页 网站开发流程 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 站设计基础 网站策划 站设计 站制作 站维护 章小结 第 8页 网页设计与制作教程 第 1章 网页设计与制作基础 网站策划 网站策划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等作出规划。 网站策划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。网站策划是网站建设的基础，决定了一个网站的发展方向，同时对网站的推广也具有指导意义。 第 9页 网页设计与制作教程 第 1章 网页设计与制作基础 前期调研 用户需求调查 用户需求是企业发布网站服务的核心。企业的一切经营行为都应该围绕用户切实的需求来进行。因此，在网站建设之前，了解用户的需求，根据用户需求确定网站服务内容是必须的。 竞争对手情况调查 竞争对手是指与企业所服务的用户群体、服务的项目有交集的其他企业。在企业进行网站服务时，了解竞争对手的状态甚至未来的营销策略，将对企业规划网站服务有很大的帮助。 企业自身情况调查 企业除了需要了解对手的情况外，还应了解企业自身的情况，包括企业的实际技术水平、资金状况等信息，根据企业自身情况来确定网站服务的规模和项目。 第 10页 网页设计与制作教程 第 1章 网页设计与制作基础 建站需求分析 建设网站前应先做市场分析 相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。 市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。 公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。 客户对站点的需求分析 在这一阶段，需要掌握一些典型客户的基本信息。例如，他们共同的兴趣，他们希望从站点中获得什么？要得到这些信息，既可以做一些问卷调查，也可以从专业人员那里获得一些建议，还可以在博客、 浏览者那里得到实际的信息，然后对网站进行规划。 第 11页 网页设计与制作教程 第 1章 网页设计与制作基础 确定网站主题 网站的类型及定位 综合门户网站 电子商务网站 视频分享网站 企业宣传网站 下载网站 搜索引擎网站 网站主题的确定 网站结构规划 网站的栏目结构划分标准，应尽量符合大多数人理解的习惯。例如，一个典型的企业网站栏目，通常包括企业的简介、新闻、产品。用户的反馈以及联系方式等。 第 12页 网页设计与制作教程 第 1章 网页设计与制作基础 建站环境分析 过文本传输协议）协议来访问企业网站。 考虑网络的技术问题 在设计网站前，要充分考虑影响用户访问网络的技术问题，如网络速度因素、浏览器、分辨率，以及即时交互性与插件等问题。 第 13页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 站设计基础 网站策划 站设计 站制作 站维护 章小结 第 14页 网页设计与制作教程 第 1章 网页设计与制作基础 网站设计 网站风格设计 版面布局设计 网站制作技术的选择 网站素材搜集 第 15页 网页设计与制作教程 第 1章 网页设计与制作基础 网站风格设计 确定网站的整体风格，就是确定网站内容的表现形式，包括网页所采用的布局结构，颜色，字体以及标识图形、图像、动画等。采用任何风格，都要以能够找到文字与图像和其他网络媒体的平衡点，提供访问者想得到的信息或感受，最终提高访问量为目的。 信息式 画廊式 第 16页 网页设计与制作教程 第 1章 网页设计与制作基础 版面布局设计 第 17页 网页设计与制作教程 第 1章 网页设计与制作基础 网站制作技术的选择 第 18页 前台界面设计 前台界面是直接面向用户的接口，其设计直接决定了网站页面的界面友好程度，决定用户是否能够获得较好的体验。 页面代码编写 页面代码编写可使用 合 设计的界面图像展示到网页。 后台程序开发 常用的后台程序开发语言主要包括 C#、 种。 网页设计与制作教程 第 1章 网页设计与制作基础 网站素材搜集 第 19页 搜集和制作网页中所需要的素材，包括网站 页内容的相关资料，还有页面中所需的特效代码的准备等。可以把素材旋转在相应的文件夹，以方便制作和日后的管理。 跟主题相关的文字图片资料； 一些优秀的页面风格； 开放的源代码。 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 站设计基础 网站策划 站设计 站制作 站维护 章小结 第 20页 网页设计与制作教程 第 1章 网页设计与制作基础 网站制作 安装与配置 建立站点 制作网页 第 21页 网页设计与制作教程 第 1章 网页设计与制作基础 安装与配置 第 22页 安装 联网信息服务）是微软公司开发的一款用于服务器对外发布网站的软件。该软件可以实现创建网站、配制和管理对外发布的网站以及实现站点的 建立虚拟目录 顾名思义，虚拟目录并非实际存在的目录结构。每个拟目录也是管理网站中文件的目录。 网页设计与制作教程 第 1章 网页设计与制作基础 安装与配置 第 23页 配置 安装好 如果想让 定地运行，还需要进行一系列配置。例如，修改 及开启 网页设计与制作教程 第 1章 网页设计与制作基础 建立站点 第 24页 认识 相关主题、类似的设计或服务于共同目的）的链接文档和资源。 本地根目录 ： 存储正在编辑修改中的文件。 远程目录 ： 存储于测试、制作和协作等用途的文件。 测试服务器目录是 网页设计与制作教程 第 1章 网页设计与制作基础 建立站点 第 25页 创建 利用 在站点中添加内容 创建好站点后，该站点还只是一个空架子，没有任何内容。如果想在站点下存放网页中所用到的图片、声音、动画及视频等素材，需要在该站点下创建一个专门存放各种素材的文件夹，可以更方便地管理网站。 网页设计与制作教程 第 1章 网页设计与制作基础 制作网页 第 26页 创建 制作网站首页 制作网站的其他页面 制作超链接 网页制作规则 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 站设计基础 网站策划 站设计 站制作 站维护 章小结 第 27页 网页设计与制作教程 第 1章 网页设计与制作基础 网站维护 在完成网站的前台界面设计和后台程序开发后，还应对网站进行测试、发布和维护等工作，进一步地完善网站的内容。 网站的测试和发布 网站的维护与管理 第 28页 网页设计与制作教程 第 1章 网页设计与制作基础 网站的测试和发布 第 29页 网站测试 确保页面可正常显示 支持不同的浏览器和平台 检查失效链接 控制页面文件大小 控制网页各版块 图像失效的补救方法 检查标题和标签 网页设计与制作教程 第 1章 网页设计与制作基础 网站的测试和发布 第 30页 验证网页语法错误 ： 在弹出的“验证”面板中显示错误信息。 检查站点链接 ： 对于大型网站而言，通常拥有几十个甚至上百个页面，在设计网页时很容易导致链接错误或遗漏。因此在设计好网页后，可使用 接检查器”检查网站内各网页的内链及外链是否有效。 网页设计与制作教程 第 1章 网页设计与制作基础 网站的测试和发布 第 31页 网站发布 在网站发布之前，首先要申请域名和 后才能将网站上传到服务器，实现全球范围内的浏览。 可通过 制作完成的网站上传到 开通服务器的网络，使其能够进行各种对外服务。 通常网站的上传和发布是通过 件传输协议）进行的。支持 网页设计与制作教程 第 1章 网页设计与制作基础 网站的维护与管理 第 32页 网站发布之后，应根据访问者的建议，不断修改和更新网站中的信息，进一步完善网站。另外，当网站经过一段时间的运转，还需要不断地更新变化，丰富网站的实用性和美观性。 网站的维护是一项长期而艰巨的工作，包括对服务器的软件、硬件维护，系统升级，数据库优化和更新网站内容等。 网页设计与制作教程 第 1章 网页设计与