2.网站规划与设计.docxVIP

网站开发基础1.网站的基本知识（1）相关概念①网页：使用HTML语言来描述文本、图片、动画等内容的排版，能在Web上传输，并被浏览器阅读和显示出来的文件②网站：互联网上根据一定的规则，使用HTML等工具制作的网页的集合通过超链接的形式关联起来，由域名、服务器空间、网页三部分组成③首页：登陆到一个网站时看到的第一个页面（2）网站的分类①根据所用编程语言ASP: Active Server Pages，微软开发（适应Windows平台，类似VB，后端开发通常与数据库相联系）PHP: Hypertext Preprocessor, 源代码公开（跨平台）JSP: Java Server Pages, Sun倡导（跨平台）ASP.NET, 微软开发②根据用途–综合门户网站：新浪、搜狐–新闻资讯网站：人民网、新华网–公司宣传网站：金山软件–娱乐网站：激动网–电子商务网站：易趣、淘宝–政府与公益组织网站：教育部、希望工程–网址导航类网站：网址之家–下载网站：天空软件、霏凡软件–搜索引擎网站：谷歌、百度–个人网站：个人主页（3）互联网应用①论坛：BBS/Bulletin Board System电子信息服务系统，用户可以在上面发布信息或提出看法②博客：Weblog/blog/日志个人书写和人际交流的工具（微博microblog）③播客：Podcast/有声博客（ipod + broadcast）自己制作的音/视频节目上传到网上分享④RSS：Really Simple Syndication/聚合内容网站描述和同步网站内容的格式，获取网站内容的最新更新通过RSS阅读器，不打开网站页面的情况下阅读内容，同时浏览多个网站的信息⑤SNS：Social Network Software/社会性网络软件;Social Networking Services/社会性网络服务依据六度理论，帮助人们建立社会性网络（六度分割理论：“你和任何一个陌生人之间所间隔的人不会超过六个，也就是说，最多通过六个人你就能够认识任何一个陌生人。）社会性软件是建立在真实的社会网络上的增值性软件和服务2. 网站规划与设计（1）基本流程（2）网站规划①栏目规划：紧扣网站主题②目录结构规划：物理结构建立网站时所采用的目录结构对站点本身的上传维护、未来内容的扩充和移植都有重要的影响（不要将所有内容都放在根目录下；按栏目内容建立子目录；程序、图片等存放在特定目录下；目录的层次不要太深；不要使用中文目录和过长的目录）③链接结构规划：逻辑结构：页面之间相互链接的拓扑结构（3）网站框架与布局根据网站的类型而设计网页基本布局网页标题：标识和说明网页的性质与内容网站logo：代表网站的形象页眉：网站中最显眼的部分导航：提供网站栏目的索引内容：网站的精髓所在页脚：提供了网站拥有者的相关信息网页布局①国字型布局页头横条：logo+导航栏+banner广告页脚横条：版权信息+联系方式等②T型布局③框架型左框架页面：网站logo+导航栏链接等右框架页面：网站主要内容④POP布局：页面设计通常以一张精美的海报画面为布局的主体网站logo：网站的形象标志，其设计创意来自网站的名称和内容网站导航的设计：必备的页面元素简单直观的导航能够提高网站的易用性，引导用户的网站操作类型：水平、竖直、下拉、伸缩面板等（4）网站制作根据设计阶段制作出的示范网页，通过网页制作软件等在各个具体网页中添加实际内容（文本、图像、声音、Flash及其他多媒体信息）基本步骤①资料收集：文字图片资料、页面风格、开放的源代码等②网页模型设计：根据事先规划的结构，在平面软件里设计出预期效果③代码编写：平面界面转化为HTML代码，添加功能（JS、按钮、表单、数据库交互等）（5）网站测试：发布前的测试①可用性测试：用户使用网站时的真实体验②兼容性测试：对影响页面显示的细节因素进行测试。针对不同的OS平台，浏览器，分辨率进行③负载测试：确保系统在超出最大预期工作量的情况下仍能正常运行评估性能特征，如响应时间、事务处理速率（6）网站发布：将制作好的网站发布到服务器上供他人浏览域名①域名级别：顶级域名：国家顶级域名：中国(cn), 美国(us), 日本(jp)国际顶级域名：商业公司(com), 非盈利组织(org), 网络提供商(net), 教育机构(edu), 政府部门(gov)二级域名：如, （上级域名分配下级域名：分配）②域名的选择：有意义；简短；与核心业务相关③域名注册与管理国际域名：互联网名称与数字地址分配机构ICANN - InterNIC国内域名：中国互联网络管理中心CNNIC设立主机主机/服务器：存放网站内容的计算机空间主机托管(Server Co-Location)：将购置的网络服务器托管给一些网络服务机构虚拟主机：又称网站空间(WebH