网站与网页
大学计算机基础6.1.1 网页与网站基础
3.2段落标记
<p>标记，成对标记 <p align="left|center|right"> 欲显示的内容 </p>
align属性用来设定文字的对齐方式，其属性值如下： 1. left ： 设定图文往左靠。 2. right ： 设定图文往右靠。 3. center ： 设定图文居中。 一般都配合<br>换行标记使用，让网页的段落分明。 <p>标记用来设定段落，浏览器每碰到一个<p>标记，就 会将接下来的图文从新的一行开始显示，而且每个用<p>标 记所形成的段落之间都会自动空一行，</p>可省略。
网页通过网页浏览器来阅读，由网址（URL） 来识别与存取。
网页可以由文本、图像、动画、声音、视 频、表格、导航、交互式表单、超链接、 样式、脚本等组成。
网页分静态网页和动态网页。
1.3 超文本标记语言
网页的本质就是超文本标记语言HTML （HyperText Marked Language） ，
在HTML文件中的标记分“成对标记”和“ 非成对标记”： 以<html标记>开始以</html标记>结束 ，称为“成对标记”；允许单独出现在欲 显示内容的前面或后面的标记是非成对标 记。
语法1：成对标记
<html标记 属性名称1=”属性值” 属性名 称2=”属性值”…> 欲显示的内容 </html标记>
8
简单示例：
<html> <head> <title> 我的第一张网页 </title> </head> <body> <h1>网页的基本结构</h1> <p>网页<br/>总体结构简要说明</p> <p align=“center”>网页的结构与标记的使用</p> <h3 align=“center“>网页结构简要说明结束</h3> </body>
认识网页和网站
1.2 网页的设计构思
ASP、PHP 和 JSP，它们各有所长，都需要把 脚本语言嵌入到 HTML 文档中。这 3 种技术的 不同之处在于，ASP 学习简单、使用方便；PHP 软件免费，运行成本低；JSP 多平台支持，转 换方便。这 3 种技术具体作用如下。
7. 表格 表格在网页中用来控制页面信息的布局方 式。其作用主要有两个方面：一方面是使用行 和列的形式布局文本和图像以及其他列表化数 据；另一方面是精确控制网页中各种元素的显 示位置。
8. 导航栏 导航栏在网页中是一组超链接，其链接的 目的端是网站中重要的页面。在网站中设置导 航栏可以使访问者既快又容易地浏览站点中的 其他网页。 9. 交互式表单 表单在网页中通常用来联系数据库并接受 访问用户在浏览器端输入的数据。表单的作用 是收集用户在浏览器上输入的联系信息、接受 请求、反馈意见、设置签名以及登录信息等。 10. 其他网页元素 网页中除了上面介绍的网页元素之外，还 包括悬停按钮、Java 特效、ActiveX 等各种特 效。用户在制作网页时可以使用它们来点缀网 页效果，使页面更加活泼有趣。
1. π型布局
π 型结构网页顶部一般为网站标志、主菜 单和广告条。下方分为 3 个部分，左、右侧为 链接、广告或其他内容，中间部分为主题内容 的布局，整体效果类似于符号π。
T 型结构布局的网页优点是页面结构清 晰，内容主次分明，是初学者最容易上手的布 局方法。T 型布局网页的缺点是布局规格死板， 如果不注意细节上的色彩调整，很容易产生乏 味感。
导航栏
图片
网页经由网址(URL)来识别与存放，在浏览器 地址栏中输入网址后，经过一段复杂快速的程 序，网页文件被传送到计算机，然后再通过浏 览器解释网页内容，再展示在计算机用户面 前。例如，访问 ，实际在浏览器 中打开的是 /index.html 文件。
网站相关概念
1.3 IP地址和域名
2.域名 在Internet上使用了一套和IP地址对应的 域名系统（domain name system，DNS）， 域名系统使用与主机位置、作用、行业有关 的一组字符组成，既容易理解又方便记忆， 域名与IP地址一一对应。 域名的一般格式为：主机.网络名称.子域. 一级域。
1.4 浏览器
1.IP地址 每个连接Internet的计算机、服务器以及其他网 络实体都有自己唯一的IP地址，使用IP地址区分 Internet上的每台计算机和网络设备。 每个IP地址的长度为32位（bit），分4段，每 段8位（1个字节），常用十进制数字表示，每段数 字范围为0～255，段与段之间用“.”分隔，如 202.101.10.1。
浏览器是指可以显示Web服务器的网页文件内 容，并让用户与这些文件交互的一种软件。浏览器 主要通过HTTP与Web服务器交互并获取网页，这 些网页由URL指定。浏览器属于客户端浏览程序， 向Web服务器发送各种请求，并对从服务器发来的 超文本信息和各种多媒体数据格式进行解释、显示 和播放。
目前常见的浏览器有IE（Internet Explorer）、 Firefox、Netscape Navigator等。
网站相关概念
网站相关概念
为了更好地学习网站规划设计，必须了 解网站的相关概念，如网站、网页、URL、浏 览器等。
1.1 网站和网页
1.网站 网站（website）是指根据一定的规则将 相关网页有机组合起来形成的集合，所有网 页都可以通过超链接相互访问。 2.网页 网页是构成网站的基本元素。网页实际 上是一个文件，它存放在Internet上的某一台 计算机中，而这台计算机必须是与互联网相 连的。
1.2 URL
统一资源定位符（universal resource locator，URL）也称为网页地址，是因特网 上标准的资源地址，用于完整地描述Internet 上网页和其他资源的地址的一种标识方法。
网站和网页有什么区别
1.网站和网页有什么区别？网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，主要有独立域名和空间，那怕只有一个页面也叫网站。
网页是网站的组成部分。
有了很多网页没有独立的域名和空间也只能说是网页，例如blog、挂在别人那里的个人主页，企业建站系统里的企业页面，多用户商城里的商户……尽管有很多页面，功能也齐全，但都不能叫网站。
2.网页按表现形式分类有哪两种？动态和静态3.网页颜色设计基本原则是什么？颜色对比度越强可读性越强不要使用互补色珍惜使用的颜色4.常用颜色的十六进制描述一种方式是以定义好的颜色名称表示，具体的颜色名称针对不同的浏览器也有所不同。
另一种方式通过一个以“#”开头的6位十六进制数值表示一种颜色。
6位数字分为3组，每组两位，依次表示红、绿、蓝三种颜色的强度。
在RGB 颜色模式颜色由表明代表多少各成份红色绿色和蓝色应该包括在它。
每个可能与极小值(没有颜色) 不同对最大值(充分的强度) 。
当所有颜色是在最低值被显示的颜色然后将是黑的。
并且当所有颜色是在他们的最大值然后被显示的颜色将是白色的。
但是一个缠扰不清的方面在RGB 颜色模式是所有这些颜色可能代表以各种各样的方法。
颜色科学描述颜色在范围0.0 到1.0 (极小值对最大值) 。
颜色惯例的多数采取这些价值代表颜色变异。
例如 1.0 0.0 0.0 代表充分的强度红色。
代表颜色价值其它方法是由使用百分比从0% 到100% (极小值对最大值) 。
这同一样以上说的方法改变从范围0.0 到1.0 简单地倍增数字与100 。
颜色价值可能并且代表作为数字范围从0 到255 。
这类型数字代表由计算机程序设计者广泛实施存放各颜色价值在一个8位字节。
充分的强度红色代表作为255 0 0 。
同样范围 0 到255 和十六进制数在这个范围通常被写以一个固定的两位数格式代表它并且代表在十六进制在某些情况下前缀(象#) 。
1.2什么是网页和网站
（1）静态网页（扩展名为htm、html）
（2）动态网页（扩展名为asp、aspx、jsp、php、cgi等）
（3）区别
静态网页与动态网页的区别在于网页是否具有应用程序解释器和后台数据库支持，而不是指网页是否具有动感效果。使用了应用程序解释器和后台数据库的，我们称为动态网页，反之为静态网页。
2．网页的几种基本组成元素
（2）上机操作“跑马灯效果”跟我学的4个实例，掌握跑马灯的制作。
（3）上机操作课后操作题：4.2、4.3、4.4
理解记忆
看书、思考、找出相关答案
回答问题
观察操作过程
学习具体操作
观察操作过程
学习具体操作
操作，并记录下来
思考
教师讲解、启发
教师下台指导学生看书
老师要经常提示，并鼓励有不同的看法
这里先不给学生讲解原理，先满足学生的好奇心，学会依葫芦画瓢做出第一个网页，再讲解源代码的一些基础知识。
教学内容与过程
教学内容
教师活动
学生活动
备注
复习提问
提问：
1、什么是WWW服务？
2、访问识别哪些是超文本链接，哪些是超媒体链接？
思考
回答问题
导入新课
同学们都已经能通过浏览器访问Internet上的各类网站和网页，但谁能准确的告诉我什么是网页？网页由哪些元素组成？网站和网页有什么关系？网页是怎么编写出来的？这就是本节要讲解的内容。
A、标记的写法
HTML语言中所有的标记都要用<>包起来，如<P>，小括号中的标记字母不用区别大小写，<>与标记中间不能用空格隔开。
B、标记的类型
Html语言中的标记可以分为两类：对称标记和单独标记。
第1章 网站与网页概述
• 对于静态网页HTML或XML，服务器直接返
回给客户。
• 对于动态网页ASP或JSP ， Web服务器则与数
据库服务器建立连接 ,运行脚本程序，最后生 成新的、包含动态数据的HTML或XML文档 返回客户端浏览器 。
1.1.2 Web的工作原理
图1-1 Web的工作原理
XML为可扩展标记语言，它与HTML一样都是标准通 用标记语言。
为美工设计人员提供了广阔的创意空间，
• Photoshop广泛应用于网页图像编辑、桌面出版、广
告设计、婚纱摄影等各行各业，成为许多涉及图像处 理的行业的事实标准。
小结
•
本章介绍网站与网页的相关概念和基础知识， 重点讲解网站建立的方法和管理技术，分析网站 设计要则及建站前的准备工作。设计者需要具备 一定的网络基础知识、掌握各种多媒体处理技术， 才能从容地应对开发过程中遇到的各种问题。
/k/2011-06-01/10055601835.shtml
1.1.4 静态网页与动态网页
• 动态网页中除了普通网页中的元素外，还包括一些
应用程序，这些应用程序使浏览器与Web服务器之 间发生交互行为，而且应用程序的执行需要应用程 序服务器框架 第6章：AP Div 第7章：表单
•
• •
第1章 网站与网页概述
学习目标：
• 了解Internet、Web、网站、网页的基本概念 • 了解网站、网页与主页之间的相互关系 • 掌握网站建立及管理方法 • 了解网站的开发设计应遵循的基本原则 • 了解网页设计的常用工具软件
1.1网站与网页基础知识
Internet是世界上覆盖面最广、规模最大、信息 资源最丰富的计算机网络。
•
Internet提供了许多受大众欢迎的服务，包括：
网站网页网址初中教案
网站网页网址初中教案课程目标：1. 了解网站和网页的基本概念。
2. 学会如何获取一个网站的网页网址。
3. 掌握如何正确使用网页网址访问网站。
教学重点：1. 网站和网页的概念。
2. 获取网页网址的方法。
3. 使用网页网址访问网站的步骤。
教学难点：1. 理解网站和网页之间的关系。
2. 掌握获取网页网址的方法。
教学准备：1. 计算机教室。
2. 互联网连接。
教学过程：一、导入（5分钟）1. 向学生介绍本节课的主题：网站与网页网址。
2. 引导学生思考：什么是网站？什么是网页？它们之间有什么关系？二、讲解（20分钟）1. 讲解网站和网页的基本概念。
网站：是指在互联网上，通过域名（网址）进行访问的一组相关网页的集合。
网站通常由多个网页组成，它们之间通过超链接相互连接。
网页：是网站中的一个单独的页面，通常包含文字、图片、视频等多种信息。
网页是通过HTML（超文本标记语言）编写而成的，可以在浏览器中显示。
2. 讲解如何获取一个网站的网页网址。
方法一：通过搜索引擎。
在搜索引擎中输入关键词，点击搜索按钮，搜索结果中会显示相关的网站链接，点击链接即可进入网站，获取网页网址。
方法二：通过浏览器地址栏。
在浏览器地址栏中输入网站的域名（网址），按下回车键，浏览器会自动打开网站，获取网页网址。
3. 讲解如何使用网页网址访问网站。
步骤一：在浏览器地址栏中输入网页网址。
步骤二：按下回车键，浏览器会自动打开网站。
步骤三：在网站中浏览网页，点击超链接跳转至其他网页。
三、实践操作（20分钟）1. 让学生分组，每组选择一个感兴趣的网站，尝试获取该网站的网页网址。
2. 让学生使用网页网址访问网站，浏览其中的网页。
四、总结与拓展（5分钟）1. 总结本节课所学内容：网站与网页的基本概念、获取网页网址的方法、使用网页网址访问网站的步骤。
2. 拓展思考：如何判断一个网站是否可靠？如何保护自己在互联网上的信息安全？教学反思：本节课通过讲解和实践活动，使学生了解了网站和网页的基本概念，掌握了获取网页网址的方法和使用网页网址访问网站的步骤。
《网站和网页》说课稿
各位评委，大家好：今天我说课的课题是《网站和网页》。
下面由我来展现我的教学思路：一、教材结构与内容分析我觉得信息技术是一门新型的课，它与其它课不同，这门课不仅要学习知识，更重要的是培养能力，还要注重思想道德建设，这三者缺一不可。
现在不是就有很多人迷恋上网、游戏、聊天，严重到了影响学习、生活、工作。
所以我们信息技术教育从中小学开始就要注重这三项工作：学习知识（包括自学）、培养能力、进行思想道德建设。
而《网站和网页》是浙江教育出版社必修教材《信息技术基础》的第六章第1小节。
在此之前，学生们已经学习了《信息获取的方法》和《因特网上信息的浏览与获取》及《EXCEL》，这为过度到本课题的学习起到了铺垫的作用，也为接下来的《网页制作》打下基础。
二、教学目标根据本教材的结构和内容分析，结合着高一学生他们的认知结构及其心理特征，我制定了以下的教学目标：1、情感目标：培养学生集体合作，互帮互助的团体精神。
2、能力目标：培养学生的动手能力、创新能力及信息处理能力3、知识目标：了解万维网的基本架构、掌握网页的元素和网页构件的使用、知道常用的网页制作工具三、教学重点、难点本着信息技术新课程标准的要求，我确定了以下教学重点和难点。
重点：掌握网页元素和网页构件的使用难点：在设计网页时各种网页元素和网页构件的合理使用为了讲清教材的重难点，使学生能够达到本课题设定的教学目标，我再从教法和学法上来谈谈。
四、说教法。
信息技术是一门培养人的思维，发展人的创造能力的重要学科之一，因此，在教学过程中，不仅要使学生“知其然”，还要使学生“知其所以然”。
我们在以师生既为主体又为客体的原则下，展现获取理论知识、解决实际问题的思维过程。
考虑到高一学生的现状，我主要采取设置情景教学法，让学生积极主动地参与到教学活动中来，使他们在活动中得到认识和体验。
培养学生将课堂教学和自己的经验结合起来。
当然老师自身也是非常重要的教学资源，教师本人应该通过课堂教学感染和激励学生，调动起学生参与活动的积极性，激发学生对解决实际问题的渴望，并且要培养学生以理论联系实际的能力，从而达到最佳的教学效果。
网站设计WebDesign01精品PPT课件
• JavaScript和VBScript脚本语言 • Java • CGI • ASP • • PHP • JSP
1.4 常用网站管理与制作软件
HTML和XHTML
HTML HTML（Hyper Text Markup Language）是网页制作 的主要标记语言。可用任何文本编辑器进行编写。 XHTML XHTML（Extensible HTML），是更严谨、更纯净的 HTML，符合Web设计标准，是未来发展的方向软件
Fireworks 主要用于制作网页图像、标志、GIF动画、图像按钮与 导航栏等。 Flash 主要用于制作矢量动画，如广告、网站片头动画、动画 短片、MTV等。
Photoshop 具有的强大功能完全涵盖了网页设计所涉及到的各种需 求（除了多媒体）。
1.4 常用网站管理与制作软件
页面左侧
➢是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网 站的主要内容。
➢如果导航栏内容不多，不超过两排，可以根据网站风格灵活摆放， 上方或左侧等。
➢如果网站栏目很多，可以将导航栏分为多排放置在Logo右侧或下 方。
页面上方
•如果导航栏内容较多的话，尽量使用文字超链接而不 用图片。不过，如果导航栏内容不多，或者网页内容 比较活泼的话，多采用图片或Flash制作导航栏。
图片导航栏
Flash导航栏
1.3 从功能角度分析网页
3.广告条
➢广告条又称Banner，其功能是宣传网站或替其他企业做广告，以 赚取广告费。 ➢Banner的尺寸是有国际标准的，按照标准制作可以使网站更显专 业
• 468*60 • 120*60 • 88*31 • 120*240
1.3 从功能角度分析网页
中国网站、网页发展现状
中国网站、网页发展现状一、网站发展现状1、网站基本概况网站是在互联网上拥有域名或地址并提供一定网络服务的主机，是存储文件的空间，以服务器为载体。
在早期，域名、空间服务器与程序是网站的基本组成部分，随着科技的不断进步，网站的组成也日趋复杂，多数网站由域名、空间服务器、DNS域名解析、网站程序、数据库等组成。
人们可通过浏览器等进行访问、查找文件，也可通过远程文件传输(FTP)方式上传、下载网站文件。
网站可分为门户类、个人类及WAP 类。
2、网站数量互联网通过跟传统产业紧密结合，渗透到国民经济的各个行业，而网站是行业向外提供服务的重要窗口，一个行业内网站数量的多少，也是这个行业信息化水平的衡量标准之一。
从网站数量上看，我国网站总量规模较大，可以称得上是“网络大国”，但在国际上有一定竞争力的网站数量仍然有限，在影响力和竞争力上仍有较大的发展空间。
2014-2017年中国网站数量增长稳定，2018、2019年中国网站数量下降，2018年中国网站数量523万个，比上年减少10万个，同比下降1.88%；2019年中国网站数量497万个，比上年减少26万个，同比下降4.97%。
2014-2017年中国(cn)网站数量呈快速发展趋势，2018、2019年增速放缓，2018年中国(cn)网站数量326万个，比上年增加11万个，同比增长3.49%；2019年中国(cn)网站数量341万个，比上年增加15万个，同比增长4.60%。
2014-2018年期间，中国被篡改网站数总体是呈下降趋势，但2019年增长迅猛，被篡改网站数185573个，比上年增加178524个，同比增长2532.61%。
2014年中国政府被篡改网站数达到1763个，为近年来中国政府被篡改网站数最多的一年，2015年后呈下降趋势，至2018年中国政府被篡改网站数216个，比上年减少402个，同比下降65.05%；2019年中国政府被篡改网站数515个，比上年增加299个，同比增长138.43%。
5 网站与网页习题
4、建立主题网站的顺序一般是（ C ）。 A、规划→实现→设计→发布管理 B、设计→实现→规划→发布管理 C、规划→设计→实现→发布管理 D、设计→规划→实现→发布管理 5、在网站建设中下列几个过程是必须经历的，你认为网站建设 比较合理的流程是（D ）。 （1）规划网站结构，并确定设计风格（标志，主色调，文字效 果，栏目设置和版面布局） （2）发布网站 （3）网页制作 （4）了解网站运行环境，选择网站开发工具 （5）确定网站主题，收集素材 A、（1）（2）（3）（4）（5） B、（5）（1）（4）（2）（3） C、（1）（4）（5）（2）（3） D评价
综合分析题 32、下列关于网站制作的评价指标中，你认为哪些是必要的（ ） ABCD 主题明确，内容有意义 界面友好，结构清晰 各种媒体处理和运用恰当 链接正确，各主要页面能相互返回
11、我们可以建立同一个网页内的链接点，可以让你点选某一 链接后，迅速跳到同一网页内的另一特定位置。这种链接称为 （A ）。 A、书签链接 B、表单链接 C、表格链接 D、单元格链接 12、下列软件中不能用于制作网页的是（ C ）。 A、 Flash MX B、Dreamweaver MX C、CuteFTP D、FrontPage2000 13、在制作网页中的表格时，如果要想在浏览时看不到表格的 边框，则应将（ B ）调整为0。 A、单元格的边框 B、边框的粗细 C、宽度与高度 D、单元格的间距
23、下面不是组成一个HTML文件基本结构标记的是（A ） A、<FORM></FORM> B、<HEAD></HEAD> C、<BODY></BODY> D、<HTML></HTML> Javascript的简单使用 24、下面哪个选项是客户端脚本语言？（ B ） A、其他三项都是 B、javascript和VBScript C、Navigator3.0t和Inernet Explorer D、FrontPage2000和 Dreamweaver 25、在HTML中嵌入JavaScript，应该使用的标记是（ D ）。 A、<！--…//--> B、<head> </head > C、<body></ body > D、<script></script> 综合分析题 26、张海帮某公司做一个该公司的商业网站，其中需要设计制作的大 量网页和大量javascript特效，张海都直接在网上下载后做少量的编辑 修改，对他这样的做法，下列恰当的描述是（ ）C A、特效没有版权，可以任意用 B、网页作了少量的修改，也就可以直接用，不侵犯别人的版权 C、对有版权的网页或特效应在获得授权之后方可使用于商业用途 D、以上说法都不妥
网站与网页区别
作业
能够说出网站与网页的本质区别。 能够区分出什么、是网站什么是网页。 掌握网页的基本组成部分。
预习 Dreamweaver工作界面以及自定义工作环境
空间的内容集合，这些内容可能是网页，也可
能是程序或其他文件，不一定有很多网页，主
要有独立的域名和空间，哪怕只有一个页面也
叫网站。
什么是网页？
网页是网站的基本组成要素。有很
多网页没有独立的域名和空间也只
能说是网页，例如blog、qq空间、 微博。
标题
网页的基本构成元素
表单元素 横幅广告条
主要内容
横幅广告条
怎样学习这门课程？
多练题？ 多背书？ 多考试？
多操作多实践才是王道！
总结
一个网站通常有自己的独立域名和空间，例如
是一个网站，而
/about.htm则是这个网站所属的
一个网页，网站主菜单中的栏目实际上也是一
个网页。网站与网页的区别就在于，网站是一
网页设计与制作
《Dreamweaver 网页设计与制作》
前言
网站概述
教学目标:
通过本章的学习熟练掌握网站与 网页的区别，掌握网站基本构成元素， 了解网站的基本布局类型。
本节内容
1.了解网站与网页的区别
2区别
什么是网站？
网站(Web Site)是有独立的域名、独立的存放
初识网站和网页
初识网站和网页
网站和网页的概念
网站和网页是我们在互联网上经常接触到的两个概念。
在探索网站和网页之前，我们先来了解一下这两个概念的含义。
什么是网站？
网站是一个存储在效劳器上的一系列网页的集合。
它可以包含多个页面、图片、视频、音频等多媒体内容，通过域名可以被用户访问。
网站可以用来展示公司产品、发布文章、提供效劳等。
什么是网页？
网页是网站的根本组成单位，是由HTML、CSS、JavaScript等技术构建而成的一个文件。
每个网页都有一个唯一的URL〔统一资源定位符〕，可以通过浏览器访问。
网页的结构
一个典型的网页由三个主要局部组成：HTML、CSS和JavaScript。
HTML
HTML〔超文本标记语言〕是用来描述网页结构的标记语言。
它由一系列的HTML元素构成，每个元素都有自己的标签和属性。
HTML 标签用于定义网页的结构，比方标题、段落、链接、图像等。
下面是一个简单的HTML页面的例子：
```html <!DOCTYPE html>
我的第一个网页
欢送来到我的网页
这是一个简单的网页例如。
<a href=。
网站设计与网页开发的基本流程
网站设计与网页开发的基本流程网站设计与网页开发的基本流程是指在创建和开发一个网站时所需要经历的步骤和流程。
本文将探讨网站设计与网页开发的基本流程，包括项目规划、需求分析、页面设计、前端开发、后端开发、测试与优化等阶段。
一、项目规划在开始设计和开发一个网站之前，首先需要进行项目规划。
项目规划包括确定网站的目标、受众和定位，并制定项目计划和里程碑。
此阶段还包括确定项目的预算和资源，以及制定项目管理计划。
二、需求分析需求分析是确定网站功能和特性的过程。
在这个阶段，设计师和开发团队与客户密切合作，了解客户的需求和期望，收集、分析和整理这些需求，并将其转化为功能和特性要求。
此阶段还包括编写详细的功能规范和用例分析。
三、页面设计页面设计是为网站创建视觉和交互设计的过程。
在这个阶段，设计师使用专业的设计软件来设计网页的布局、颜色、字体和图形等元素。
设计师还需要考虑网站的导航、用户体验和响应式设计，以确保网站在各种终端和屏幕尺寸下都能正常显示和操作。
四、前端开发前端开发是将网页设计和交互功能转化为实际的网页代码的过程。
在这个阶段，开发团队使用HTML、CSS和JavaScript等技术来编写和实现网页的结构、样式和交互功能。
前端开发还包括调试和优化代码，以确保网站的可访问性、可用性和性能。
五、后端开发后端开发是为网站添加服务器端功能和数据处理能力的过程。
在这个阶段，开发团队使用服务器端编程语言（如PHP、Python 或Java）来开发和实现各种功能模块，例如用户注册、登录、购物车和数据库管理等。
后端开发还包括与数据库的交互和设置服务器环境。
六、测试与优化测试与优化是确保网站质量和性能的过程。
在这个阶段，开发团队会进行各种测试，包括功能测试、性能测试、安全性测试和兼容性测试等。
测试结果将被用于调整和优化网站的设计、功能和性能，以确保网站的稳定性和用户满意度。
七、发布与维护发布与维护是将网站正式上线并进行后续维护的过程。
网站与网页的区别
网站和网页的区别
网站：
1、网站(Website)开始是指在因特网上根据一定的规则，使用HTML（标准通用标记语言下的一个应用）等工具制作的用于展示特定内容相关网页的集合；
2、简单地说，网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务；
3、衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度（俗称“网速”）、网站软件配置、网站提供服务等几方面考虑，最直接的衡量标准是网站的真实流量。
国标中对软件的定义为：与计算机系统操作有关的计算机程序、规程、规则，以及可能有的文件、文档及数据。
其它定义：
1、运行时，能够提供所要求功能和性
能的指令或计算机程序集合。
2、程序能够满意地处理信息的数据结构。
3、描述程序功能需求以及程序如何操作和使用所要求的文档。
以开发语言作为描述语言，可以认为：软件=程序+数据+文档
百度知道是一个网站。
网站或网页之间的超链接
网站或网页之间的超链接网站或网页之间的超链接加强了网络上人与人的交流，并相互影响，一些学者首先将其与引文分析法进行了比较分析，从而引发网络信息计量学的兴起，然而超链接和引文有很多不同的特点，引文分析的理论方法应用于超链接得出的结果是否可靠，受到人们的质疑。
因此学者们进行了大量的实证研究，从中抽取出可行性的指标。
随着研究的深入，还发现超链接本身的一个特点，即它们相互交织形成的网络并不是混乱的，而是在较大的范围内具有良好的结构，可能遵循某些数学规律，于是，超链接网络分析产生了，它是运用社会网络分析的技术和方法对超链接形成的网络进行研究，总体上说，超链接网络分析是从宏观结构上研究超链接模式，而网络计量学中的超链接分析是具体的、微观的。
目前，超链接分析方法大致可分为超链接网络分析方法(Hyperlink Network Analysis，HNA)和网络信息计量学(Webometrics)两种[1]。
这两种方法的目标及特性有相似之处，在于它们都采用量化的方法对超链接数据进行揭示，而二者也有重要的差异，超链接网络分析源自于社会网络分析，网络信息计量学源自于情报学，二者在研究所针对的问题及研究方法的使用上有所区别[2]。
1理论研究1.1网络信息计量学中链接分析法的理论基础网络信息计量学的典型方法有：链接分析法、网络内容分析法、Web挖掘法、信息可视化法、图论方法等[3]。
链接分析法是网络计量学的最主要的研究方法，它可以看成是文献计量学中引文分析法在网络环境中的应用，是在将网络相关信息资源内容链接起来形成新的信息链或信息集合的基础上，融合了参考文献链接功能，并通过引文关系来分析链接。
可以按照引用程度和引用权威信息源来分析，从而达到优化网络信息的组织、检索和评价网络信息资源的目的[4-6]。
1.2超链接网络分析理论基础超链接网络分析是将超链接看成是网站或网页之间的社会性和传播性桥梁，将社会网络分析的技术和研究方法应用于这种新形式的资料来源。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
❖ WWW是由無數個網站和網頁所構築而成， 當您在Internet遨遊時，就是在各種不同的網 站中穿梭，每個網站都提供不同的資訊，詳 盡的文字資料、活潑的動畫展示、炫麗的圖 片效果，這些都是設計者心血的呈現。
網站就是網頁的集合
❖ 網站其實是許多的網頁根據其特性，分門別 類集合而成的，所以網站設計者在架設網站 初期就必須先規劃好網站的架構、根據架構 來製作網頁，讓網頁之間互相連結，並且具 備相關性。當您先架構出網站時，才能將自 己所想的內容，一一透過網頁來呈現。
❖ 而伺服器端的Script目前常見的也有二種，分別是ASP和CGI。 ASP(Active Server Pages)動態伺服器網頁是在微軟的IIS或PWS等Web 伺服器上執行的Script，是微軟發展的一種，利用 Active X 技術來開發 動態網頁的環境，是屬於 Active X Server 端的技術，網頁設計者可以利 用 ASP 的技術將 Script 敘述及程式碼嵌在 HTML 檔案中，以產生動態、 互動、高效能的網頁。
圖形
❖ 圖片可說是網頁視覺影響效果中最重要一環， 配合適當的圖片，絕對可以讓你的網頁呈現 獨特的風格，但相對圖形也佔掉網站中很大 的資料量，對瀏覽的速度影響很大。通常網 頁可接受的圖檔格式為GIF、JPEG兩種。由 於圖片會拖慢網頁的瀏覽速度，所以一般並 不會將網頁全部作成圖片，底下是圖片經常 使用的地方。
❖ HTML檔案中並不包括圖片、動畫、音樂等多 媒體元件，不過透過指標的輸入，就可以指 向這些多媒體檔案，讓網頁可以正確的顯示 圖片、動畫等多媒體效果。雖然HTML的檔案 格式為純文字，不過原始檔案的附檔名 為.htm或.html，這樣才能透過瀏覽器來開啟 文件。
XML
❖ XML(eXtensible Markup Language)可擴展標 記語言，用來傳送Internet的資料或資料的處 理，XML並不是用來取代HTML的程式語言， 而是用以補HTML的不足。其檔案文件同樣是 以純文字所組成，其副檔名為.xml。
構成網頁的要素
❖ 清楚網站的意義之後，底下則來說明網頁的內容。當你進入 一個網站時，所看到的畫面就是網頁，網頁是指當我們連上 網路時，使用瀏覽器軟體所看到的任何一個畫面，都是一個 網頁，其內容主要包含了文字、圖像，還可以加上聲音、動 畫等等。和雜誌或圖書不同的是，雜誌是平面性的文r，除 了文字和圖片沒有其他，但是網頁就不同了，透過超連結， 可以從這一個網頁連到其他的網頁，其他的網頁也會有其他 的連結，透過這些龐大的連結，內容可以說是無限大，因為 超連結使得資訊的內容可以無遠弗屆，資訊傳達的方式可以 由點而線最後到面。
常見的網頁程式語言
❖ 早期製作網頁，一定得慢慢的輸入程式語言 的指令來完成網頁內容，而現在透過網頁製 作軟體就可以完成這項工作了，不過有時還 是有需要輸入程式的地方，底下就來看看常 見的網頁程式語言。
HTML
❖ HTML(HyperText Markup Language)超文件 標記語言，是目前最常見用來撰寫網頁的程 式語言，用來表示網頁文件檔案的規範。 HTML透過標記來確定網頁顯示的格式。 HTML的原始檔案為純文字檔，所以利用記事 本等單純的文書編輯軟體就可以輸入程式。
Script
❖ Script是內嵌在HTML程式碼中的小程式，主要用來顯示動態和即時的資 料，例如網頁特效、即時日期、股市資訊等，大多透過Script來顯示。 目前常用的Script有Netscape公司所開發的JavaScript和Microsoft所開發 的VB Script，二者都可以用來撰寫瀏覽器端的Script。
CGI
❖ (Common Gateway Interface)共同閘道介面， 也就是連結網路主機端與瀏覽器端，使其能 夠作檔案存取等動作的一種介面，CGI程式 可以使用多種程式語言撰寫，最常見的是由 Perl或C撰寫而成。ASP目前最常被使用在網 頁互動資料庫中，而CGI也是互動程式介面， 例如留言版、討論區等都是CGI程式。
超連結
❖ 超連結是Internet中最重要的東西，因為當滑鼠游標點選超 連結後，就可以移動到其他的地方，不論是網站、網頁、檔 案或是電子郵件，都可以透過超連結將網頁上的各項元素加 以連接。如同馬路上的路標，超連結就是網站的路標，來指 引您瀏覽正確的頁面，找到想找的資訊。連結的種類大致分 為檔案連結、網址連結、電子郵件。而可被作為連結的元件 包含了文字、圖形、區域圖形、頁框。當然連結]可以發生在 同一個網頁之內。底下就來看看這三種不同的連結。
Java Applet
❖ Java Applet是使用Java所撰寫的程式，同樣 可以內嵌在HTML程式中，製作網頁的Java Applet特效。例如不少網站常見的計數器、 水波效果、跑馬燈等讓網頁更加多變。
2-2 網頁程式語言
❖ 本書是透過HTML在Dreamweaver的環境下 來製作網頁，也就是直接透過網頁程式語言 一一輸入內容，再透過瀏覽器轉為網頁內容， 底下來認識常見的網頁程式語言。
何謂程式語言
❖ 所謂的程式語言，就是設計讓電腦執行特定 動作的文字，由於電腦並不認得中文、英文 等文字，只認得0和1，當我們要指揮它從事 特定動作時，就必須透過程式語言將我們常 用的指令轉換為電腦可辨識的語言，才能順 利執行。
CSS
❖ CSS(Cascading Style Sheets)階層樣式表， 用以定義網頁內容的資料樣式。如同Word可 以定義樣式來統一文件的格式，網頁也可以 透過樣式表來建立文字的樣式，讓網頁的文 字可以統一。在本書的第15章會說明如何建 立並使用樣式表。
VRML
❖ VRML(Virtual Reality Modeling Language)虛 擬實境描述模組語言，用以呈現3D物件的效 果。不論網頁、圖片都是平面效果，當然透 過動畫也可以呈現立體效果。不過目前 VRML已經很少使用在網頁上，被Flash所取 代了。