网站设计教程第1章 网站设计基础.ppt

2 搭建动态网站平台 动态网页大多编程语言写成的网页程序，访问者浏览的只 是其生成的客户端代码，而且网站平台要实现功能大多要与数据库相连。 流行网页编程语言有Asp，Jsp，Cgi等 Html网页适用于所有环境，它本身相当简单。 Asp主流环境Windows Server+IIS+Access。 Jsp主流环境Linux+Apache+MySql。 1.3 网站建设的关键技术 五 动态网页编程语言ASP ASP(Active Server Page) 是微软公司开发的服务器端 运行环境，内含于IIS3.0及以上版本。通过Asp可以结合HTML 网页、Asp指令和ActiveX控件，建立动态高效的Web服务器端 应用程序。 Asp程序在服务器端执行，包括脚本程序，当程序运行完 毕后，服务器将结果返回给客户端浏览器，这样减轻了浏览器 的负担，大大提高了交互的速度。 其它动态网页编程语言如ASP.NET，JSP，PHP等。 1.3 网站建设的关键技术 结束语 看过网络上异彩纷呈的网页，个性十足的网站，你是否有小试一下的冲动，我们这门课《网站设计》会带你走进网站设计与制作的大门，建立自己的网上家园！ 1.1 网页的基础 七、网页的布局设计 网页的版面布局主要网站主页的版面布局，其他网页应该与 主页风格一致。为了达到最佳的视觉效果，应考虑布局的合理 性，使浏览者有一个流畅的视觉体验。 常见的布局形式有“国”字型、 “厂”字型、 “同”字型 “框架”字型和 “封面”字型等。 1.“国”字型 标题 广告 右内容 左内容 基本信息 优点：页面结构清晰、主次分明，是初学者最容易上手的布局； 缺点：规矩呆板，色彩搭配不当和容易让人厌烦。 2.“厂”字型 标志+广告 菜单 3.“同”字型 主导航 二级导航 登录区 搜索区 主内容区 整个页面分为3列，最大限度的提出主页的索引功能。 4.“川”字型 左右框架型 5.“框架”型 网页上有几个简单的链接或者仅有一个“进入”的链接。 6.“封面”型 一个网页所表达的信息比较有限，所以往往需要很多网页，来进行多角度、有重点的介绍某方面的内容。这许多的网页，无形间构成了网站。因此，网站是网页的有机整体。关于这“有机整合”，则表明了网站中各网页之间的错综复杂的关系。 那么，如何来设计和建设一个网站呢？ 1.2 网站的基础 一、网站的选题定位 一般来说，每个网站都是介绍特定某方面的内容，所以这些站点就具有专业性，比如，“百度”是搜索引擎站点，“阿里巴巴是”电子商务站点等，当然除了这些专业性站点外，还有像“新浪”、“搜狐”、“网易”之类的门户站点，它们大而全，综合性比较高。这就像现实生活中的专卖店和百货商店一样。 网站的目标定位可以从以下3方面考虑。 题材和内容：题材就是主题，要求主题小内容精。 网站域名：申请一个好记且具有一定含义的域名。 网站名称：取一个响亮而且容易记忆的网名可有利于网站推广。 1.2 网站的基础 二、网站的策划与设计过程 1.网站的风格 建立在有价值的内容之上。 明确希望站点留给浏览者的印象。 着手建立和加强站点印象。 2.网站的CI形象 【CI是英文corporate identity的缩写),意思是通过视觉来统一企业的形象。现 实生活中的CI策划比比皆是，例如：可口可乐公司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。更多的例子如SONY,三菱，麦当劳等等。】 设计网站的标志。 设计网站的标准色彩。 设计网站的标准字体。 设计网站的宣传标语。 1.2 网站的基础 二、网站的策划与设计过程 3.网站的栏目和版块 紧扣网站的主题。 设计一个最近更新或网站指南栏目。 设定一个可以双向交流的栏目。 4.网站的目录结构 不要将所有的文件都存放在根目录下。 按栏目内容建立子目录。 在每个主目录下都建立独立的Images目录。 目录的层次不要太深。 1.2 网站的基础 二、网站的策划与设计过程 5. 网站信息的收集和准备 收集及处理文字:为了可以丰富网站的内容，除了收集可以表现主题的文字内容外，有些内容还需要网站设计或制作者自己润色。 收集及处理图像:使用图像可以充实网页，让网页更添生机。 超级链接:是网站的主线，应设置正确的连接目标。 动画：为了使网页可以更富有活力，动画是网页必不可少的元素。 视频和音频:如果要在网页中加入视频文件或是音频文件，一定要选择适合自己网站的视频