《计算机应用基础》课程教学资源（PPT课件讲稿）第八章 网站及网页设计入门

山求理工大彩 SHANDONG UNIVERSITY OF TECHNOLOGY 第四篇 信息浏览和发布 第8章网站及网页设计入门

第四篇 信息浏览和发布 第8章 网站及网页设计入门 1

0 目录 件草凤利学与拉未学腐 8.1 网站简介 8.2 网页简介 8.3 网页设计语言HTML入门

目录 8.3 8.2 网页简介 8.1 网站简介 网页设计语言HTML入门 2

8.1网站简介 0 计草机利学与校术学网 ■8.1.1网站功能 ■8.1.2网站分类 ■8.1.3网站格式 ■8.1.4网站建设

8.1 网站简介 ◼ 8.1.1 网站功能 ◼ 8.1.2 网站分类 ◼ 8.1.3 网站格式 ◼ 8.1.4 网站建设 3

8.11网站功能 什辣凤利学与技本学脑 ·网站(Vebsite)是指在因特网上根据一定的规则，使用超文 本标记语言HTML(Hyper Text Markup Language)等工 具制作的用于展示特定内容的相关网页的集合。 ·网站是一个应用框架，它将各种应用系统、数据资源和互 联网资源集成到一个信息管理平台之上，并以统一的用户 界面提供给用户，使企业可以快速地建立企业对客户、企 业对内部员工和企业对企业的信息通道，使企业能够释放 存储在企业内部和外部的各种信息

8.1.1 网站功能 ◼ 网站(Website)是指在因特网上根据一定的规则，使用超文 本标记语言HTML（(Hyper Text Markup Language）等工 具制作的用于展示特定内容的相关网页的集合。 ◼ 网站是一个应用框架，它将各种应用系统、数据资源和互 联网资源集成到一个信息管理平台之上，并以统一的用户 界面提供给用户，使企业可以快速地建立企业对客户、企 业对内部员工和企业对企业的信息通道, 使企业能够释放 存储在企业内部和外部的各种信息。 4

8.1.2 网站分类 计草机利学与校术学网 根据网站所用编程语言可以分为：asp网站、php网站、 jSp网站、Asp.net网站等； ·根据网站的用途可以分为：门户网站（属于综合网站）、 行业网站、娱乐网站等； ■根据网站的功能可以分为：单一网站（如企业网站）、多 功能网站（如网络商城）等等： 根据网站的持有者可以分为：个人网站、商业网站、政府 网站、教育网站等； ■根据网站的商业目的可以分为：营利型网站（如行业网站、 论坛)、非营利型网站（如企业网站、政府网站、教育网 站)等等

8.1.2 网站分类 ◼ 根据网站所用编程语言可以分为：asp网站、php网站、 jsp网站、Asp. net网站等； ◼ 根据网站的用途可以分为：门户网站（属于综合网站）、 行业网站、娱乐网站等； ◼ 根据网站的功能可以分为：单一网站（如企业网站）、多 功能网站（如网络商城）等等； ◼ 根据网站的持有者可以分为：个人网站、商业网站、政府 网站、教育网站等； ◼ 根据网站的商业目的可以分为：营利型网站（如行业网站、 论坛）、非营利型网站（如企业网站、政府网站、教育网 站）等等。 5

8.1.3 网站格式 0 杜算风利学与技本学脑 根据网页的格式不同，可以分为以下两类： 1.静态网页 ■静态网页是指网页文件中没有程序，而只有TML代码， 一般以.html或.htm为后缀名。 2.动态网页 ■动态网页是指网页文件中不仅具有HTML代码，而且还含 有程序代码，程序文件的后缀与所使用的脚本语言有关， 一 般为.asp,php,jsp等。 动态网页的内容随着用户的输入和互动而有所不同，或者 随着用户、时间、数据修正等而改变。网页上的内容也可 以由用户通过使用客户端描述语言(JavaScript、JScript、 Actionscript)来改变。 6

8.1.3 网站格式 根据网页的格式不同，可以分为以下两类： 1.静态网页 ◼ 静态网页是指网页文件中没有程序，而只有HTML代码， 一般以.html或.htm为后缀名。 2.动态网页 ◼ 动态网页是指网页文件中不仅具有HTML代码，而且还含 有程序代码，程序文件的后缀与所使用的脚本语言有关， 一般为.asp，.php，.jsp等。 ◼ 动态网页的内容随着用户的输入和互动而有所不同,或者 随着用户、时间、数据修正等而改变。网页上的内容也可 以由用户通过使用客户端描述语言(JavaScript、JScript、 Actionscript)来改变。 6

8.1.4网站建设 0 计草机利学与校术学网 建设一个网站一般需要如下几个步骤： ·第一，明确网站建设目的及功能定位。 ■第二，确定网站技术解决方案。 ■第三，确定网站内容及实现方式。 ■第四，网站网页设计。 ■第五，网站测试。 ■第六，网站发布与推广。 ■第七，网站维护

8.1.4 网站建设 建设一个网站一般需要如下几个步骤： ◼ 第一，明确网站建设目的及功能定位。 ◼ 第二，确定网站技术解决方案。 ◼ 第三，确定网站内容及实现方式。 ◼ 第四，网站网页设计。 ◼ 第五，网站测试。 ◼ 第六，网站发布与推广。 ◼ 第七，网站维护。 7

8.2网页简介 0 件菜凤利学与拉未学腐 ■8.2.1网页设计目标 ■8.2.2网页设计常用工具

8.2 网页简介 ◼ 8.2.1 网页设计目标 ◼ 8.2.2 网页设计常用工具 8

8.2.1网页设计目标 0 计草机利学与校未学网 一个好的网页具有下面的一些特点： ■内容清晰。能清楚地向用户传递信息，用户能方便地寻找 到自己想要查看的东西。 ·用户体验良好。用户在视觉上、操作上都能感到很舒适。 ■页面设计精美。用户能得到美好的视觉体验

8.2.1 网页设计目标 一个好的网页具有下面的一些特点： ◼ 内容清晰。能清楚地向用户传递信息，用户能方便地寻找 到自己想要查看的东西。 ◼ 用户体验良好。用户在视觉上、操作上都能感到很舒适。 ◼ 页面设计精美。用户能得到美好的视觉体验。 9

8.2.2 网页设计常用工具 什草凤利学与拉未学脑 1.图像处理设计：adobe PhotoShop(简称PS)、 Fireworks、StylePix等。 2.动画设计：Adobe Flash等。 3.网页代码编辑器：Adobe Dreamweave(用于编辑HTML、 ASP、JSP、PHP、CSS、XML、JS的页面制作工具；是 Adobe公司的著名网站开发工具。它使用所见即所得的接口， 亦有HTML编辑的功能)、Amaya(用于编辑HTML、CSS、 数学标记语言、可缩放矢量图形的工具)，如果是非常简单 的网页可以选择使用记事本等

8.2.2 网页设计常用工具 1.图像处理设计：adobe PhotoShop（简称PS）、 Fireworks、StylePix等。 2.动画设计：Adobe Flash等。 3.网页代码编辑器：Adobe Dreamweave（用于编辑HTML、 ASP、JSP、PHP、CSS、XML、JS的页面制作工具；是 Adobe公司的著名网站开发工具。它使用所见即所得的接口， 亦有HTML编辑的功能）、Amaya（用于编辑HTML、CSS、 数学标记语言、可缩放矢量图形的工具），如果是非常简单 的网页可以选择使用记事本等。 10