文档介绍：该【电子商务专业网页设计与制作 】是由【guoxiachuanyue006】上传分享，文档一共【13】页，该文档可以免费在线阅读，需要了解更多关于【电子商务专业网页设计与制作 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。电子商务专业《网页设计与制作》
第一章通过本章的学****应该了解互联网的基本功能、服务、原理,对网页浏览服务的体系结构、技术名词、浏览器有基本的了解。对于网页的设计原则和所使用的工具应有一定的认识。从而为继续深入学****网页制作技术打下知识基础。知识点:
互联网主要提供的几种服务:Web、FTP、Telnet等的概念与功能;Web浏览器服务的基本原理;URL、HTTP、超级链接、域名系统等的概念。
网页与主页之间的关系;网页的基本概念。
HTML的概念与功能;HTML的基本构成单位、标记。
Web浏览器的作用和工作原理。
网页设计的基本目标。
网页制作工具的分类及标准。
如何快速地掌握网页的制作
第一节关于互联网
互联网(Internet)是由世界上各种各样的网络互联所形成的〃网络的网络",是一个网际网,有时音译为“因特网"。
一、什么是协议
网络协议(Protocol)是一系列通信规则的总称,主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部分内容。协议的实质就是进行通信所使用的语言。
从大体上来说,网络协议可以分为硬件协议和软件协议两大类:
硬件协议:定义了硬件设备如何运作以及如何协同工作。
软件协议:程序之间的通信是通过软件协议完成的。
二、互联网协议
OSI七层模型
OSI(OpenSystemInterconnection,开放式系统互联)是由国际标准化组织(InternationalOrganizationforStandardization,ISO)发起制定的计算机网络通信标准。OSI定义了网络功能的七层模型,分别是:应用层、表示层、会话层、传输层、网络层、数据链路层、物理层,称为OSI七层模型。
TCP/IP协议
TCP/IP(TransmissionControlProtocol/InternetProtocol)是为连接不同的网络而设计的一个协议集,主要由TCP和IP两套协议组成,互联网就是以此为基础建立的。
IP网际协议
IP协议处理网络上一个主机到另一个主机的数据报路由选择,运行在OSI网络七层模型中的网络层上。
IP是一种"无连接"的数据报协议,采用数据包交换方法,每个数据包后面都附加了一个IP报头,其中包含了出发地及目的地信息,通过〃检验和〃的方式,在报头信息里执行出错检查°IP与TCP共同保证数据在Internet上的准确传输。
TCP传输控制协议
TCP协议工作在OSI模型中的传输层上,用于建立和校验数据连接。TCP/IP规范了网络上所有通信设备之间的数据往来格式及传送方法,TCP/IP是一种对计算机数据打包和寻址的标准方法,几乎可以没有任何损失而又迅速地将数据从计算机经路由器传输到世界各地。
IP精确地定义了分组必须怎样组成,以及路由器必须怎样将每一个分组传送到它的目的地等;而TCP协议的主要作用就是使在lnternet上比较可靠地传输文件。连接到Internet上的所有计算机都运行IP软件,并且其中的绝大多数还运行TCP软件。这两个协议相辅相成,人们把lnternet中所使用的整个通信协议组称为TCP/IP协议组。
PPP协议
PPP(Point-to-PointProtocol,点对点协议),是在串行线路传输IP数据报的TCP/IP协议。PPP连接包括错误检测与纠正以及分组验证(Packetauthentication)。
其他协议
HTTP(HypertextTransgerProtocol):超文本传输协议,用于WWW服务。
FTP(FileTransferProtocol):文件传输协议,用于实现计算机之间的文件传输
SMTP(SimpleMailTransferProtocol):简单邮件传输协议,用于电子邮件传输
POP(PostOfficeProtocol3):邮件协议3,—般用于电子邮件接收。
TELNET(Telnet):远程登录协议,一般用于远程终端登录主机。
三、IP地址
IP地址:在TCP/IP的地址编排方案中,采用了一种通用的地址格式,为互联网中的每一个网络和每一台主机都分配一个地址,它在整个Internet中是惟一的,并以此屏蔽了物理网络地址的差异,确切地说是通过IP协议层实现的。IP层所用到的地址是互联网地址,又叫IP地址。IP地址是供全球识别的通信地址,是全球认可的计算机网络标识方法。
IP地址由32位二进制数表示,每八位为一组,以圆点〃.〃分隔,IP表示为四个以圆点隔开的十进制数,其中每个十进制数对应一个八位二进制数组(即一个字节),每个十进制数可取值为0一255。如:。
IP地址是一种层次型地址,在概念上分为三个层次:主机、由主机构成的网络和由网络构成的互联网。
四、域名和域名系统
域名和IP地址是一一对应。域名标识了一个用户所属的机构、所使用的主机或节点机。域的命名方式称为域名系统,
域名采用层次型命名机制,域名由n级组成,各级之间以圆点分隔。
格式如下所示:
(主机名)(机构名)(网络类型名)(国别代码)
域名系统(DomainNameSystem,DNS)实现了域名一IP地址的映射。
域名系统的实质是一个分布式数据库,包括提出数据的标准格式(以使全世界的DNS采用统一的标准格式)、数据库查询方法,以及本地更新数据的标准方法。
五、WWW
万维网(WWW,WorldWideWeb),又称全球信息网,也可被简称为Web。
万维网建立在标准化的网络概念之上,采用客户机/服务器(Client/Sewer)的体系结构。资源共享是互联网的基本特征。在大多数情况下,共享是通过两个独立的程序实现的,即"客户机程序"和"服务器程序",分别为请求服务和提供服务的程序。服务器程序提供特定的资源,客户机程序申请并使用资源,两者分别运行在不同的计算机上。用户使用万维网时,将涉及两个不同的程序:"Web客户机程序〃和"Web服务器程序〃,其中Web服务器程序为Web客户机程序提供服务。
Web是通过超文本语言具体实现的。在实际应用之中,它主要包含三个方面:
1)实现资源引用的统一命名机制
URL即统一资源定位器(UniformResourceLocator),是指向互联网上文件位置的标志,基本格式:
(访问类型):谓Web浏览器(Browser)是指一个运行在用户计算机上的程序,主要作用是在客户端与服务器端之间进行交互、通信,它负责下载、显示网页,也称为WWW客户程序。
目前最流行的浏览器主要有NetscapeNavigator和MicrosoftInternetExplorer(IE)等。此外,还有批处理浏览器和离线浏览器。
批处理浏览器以类似批处理程序的Script为主,采用命令序列的方式来取得信息,也就是说,必须在命令状态下执行指令。
离线浏览器主要用于在与INTERNET联机时把大量的网页及其相关的文件从WEB
服务器上下载后存放在本地计算机上,以便与INTERNET脱机后浏览。
第五节网页设计的基本目标
网站设计总的目标:好的创意、丰富的内容、新颖的观点,使读者不仅能开阔眼界,还能得到有价值的信息和有益的经验;同时,还要使页面生动活泼,妙趣横生,而且能够使浏览者能够迅速找到希望得到的内容。
在页面制作过程中,需要注意以下几个方面的问题:
网页结构:结构要清晰、简洁,易于导航。
采用如框架结构表现主题、索引和正文
网页大小应控制在50kB以内
网页在浏览器中显示的大小与客户端的显示器分辨率有关,一般显示器的浏览器显示格式是800像素X600像素,16M色。网页显示宽度一般应与浏览器窗口宽度相等,长度可以比浏览器窗口高一些,网页主要的内容应放在页面的上部。若信息较多,可以分成几页,通过超链接来访问它们。
使用分级结构,将若干个网页按层次组织,每一层包括一个主题内容。并且可在网页的适当位置建立超级链接,以便翻阅。
每个网页结尾都应有返回专题主页的超级链接。
页面内容
应处理好内容与形式之间的关系,网页应尽量简单。
文字
在以内容为主的前提下,应当尽量把形式与内容结合起来。应当注意以下几个问题:
网页的标题(TITLE)要简洁、明确,能反映出整个文档的内容。
在文本叙述部分使用水平线以分隔不同部分。
对重点的文字和段落要使用强调字体表达。
图形
设计好图形并合理使用新技术网页中插入的图形尽量小在网页中的图形要附加文字描述不要为图形加入太长的交互文本,也不要把所有超级链接全都放在图形中要控制页面中图的数量,也不宜滥用动画
GIF。
1)良好的视觉效果
2)站点开发周期尽可能短,网页发布的信息一定要准确
维护更新要方便
申请既有意义又容易记忆的域名,能令人过目不忘。
在页面格式上应注意统一性和突出公司的各种特征。
第六节网页制作工具及其分类
网页制造工具按其制造方式可分为两类:标记型网页制作工具和所见即所得网页制作工具。
一、
标记型网页制作工具
常用的标记型网页制作工具有:Windows的记事本、Hotdog、HomeSite等
、
所见即所得型网页制作工具
所谓"所见即所得"(Whatyouseeiswhatyouget,WYSIWYG)是指创建中的文件在编辑过程中的显示与文件最终在浏览器中的显示是一样的,"所见即所得"也称为可视化(Visual)。
当前比较流行的这类网页制作软件有Dreamweaver,FrontPage,AdobePageMill等。
三、编程型网页制作工具
用编程方法制作网页,可采用CGI(CommonGatewayInterface,通用网关接口)、ASP(ActiveServerPage,活动服务器页面)、以及Java等编程。四、图像处理工具
浏览器上常用的图片格式为GIF和JPEG。图像处理工具一般应具备图像编辑、图像修饰和图像优化等功能。
五、通用图像处理工具
常用的图像处理工具是PhotoShop。
六、专用图像处理工具
常用的工具有UleadPhotoImpact、Fireworks。
七、不同类型工具的比较
HTML语言是解释性的,任何一个能编辑普通文本的编辑器都可以编辑HTML
文件,只要注意带上<HTML></HTML>标记,
被浏览器识别与解释。
标记型网页制作工具的优点在于,用户能很方便地控制代码,保证代码的最精简,没有冗余的成分。其缺点就是用户必须相当熟悉HTML。
所见即所得网页制作工具的优点在于,可以非常直观地对网页进行排版。其缺点是难以精确达到与浏览器完全一致的显示效果,并且代码冗余度大。
第七节小结
初学网页制作时,可以从以下几个方面入手:
从了解HTML的基本标记开始
选择一个自己认为最顺手的工具,从第一个页面开始
多多访问他人的网页,从中受到启发
深入分析成功的网站、网页
重要的名词
1、协议:事先约定或定义的一组通信规则,它精确地规定了所交换数据的格式和传输方法,即计算机在交换信息时都要遵守的表达方式。主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部分内容。
2、URL:统一资源定位器的英文缩写,是一个提供在全球广域网上站点或资源的
Internet位置字符串,与此被访问的站点或资源所协议在一起。主要由四部分组成,分别是访问类型、访问的主机、端口号以及访问的文件的路径。
3、网页:Web站点中使用HTML编写而成的单位文档,是Web中的信息载体。其使用的描述语言是HTML
4、Web浏览器:Web浏览器(Browser)是指一个运行在用户计算机上的程序,主要作用在于在客户端与服务器端之间进行交互、通信、负责下载、显示网页,因此也称为WWW客户程序。
5、所见即所得型网页制作工具:它是指创建的网页文件在编辑过程中的显示与文件最终在浏览器中显示的效果是一样的,用户不需要接触HTML源代码就可以做出希望要的页面。
6、HTML:超文本标记语言(HypertextMarkupLanguage,HTML)是创建网页时使用的语言。
HTML文件被浏览器所解释后就是网页(WebPage,也称Web页)由标记(tag)和文本组成。就其本质而言,是一个基于文本的编码标准,用于指示浏览器以什么方式显示信息。
补充说明:
我们通常所看到的如:其中www为主机名,同样也可以是,此时的主机名即为edu
在课程介绍中,所见即所得的编辑器FrontPage为Office自带,从考试的角度来看,需要对此进行相当的了解,从工作及专业的角度来讲,PPPBOY推荐大家业余时间学****一下Dreamweaver,这个工具将比FrontPage更为强大,更有利于考生制作出更专业更漂亮的网页。
对IE浏览器的全称要清楚:MicrosoftInternetExplorer
开放式系统互联:OSI(OpenSystemInterconnection)
国际标准化组织:ISO(InternationalOrganizationforStandardization)通常的MODEM拨号所采用的协议是PPPOA,而ADSL采用的是PPPOE
第二章
教学目标:通过本章的学****应该了解网站的结构设计和站点风格的选择,理解网站层次规划的原则,掌握层次设计的基本方法,初步了解标准的网站项目流程及时间进度安排,能够利用相应的原则和方法进行网站层次设计。
知识点:
网站设计最基本核心;网站设计的基本原则;站点设计的标准流程。
不同性质的站点风格。
站点层次的概念;站点基本层次结构;各个层次对应的特征及相关关系。
网站目录设计的原则和方法;页面之间的超级链接的组织方法。
第一节、网站设计原则
一、网站设计的基本原则网页制作最重要的一个原则是有创意。
网站设计需要考虑的基本原则
1、网页内容便于阅读科学的分类和组织网站的内容,有层次地组织网站的内容。
2、站点、页面色彩的搭配色彩的选用搭配要适当。
3、带宽国内的网络基础设施较差,不能够提供高速的信息传输。国内的网络分成几大块,各个网之间的通信带宽非常窄,所以在访问时就难免发生"拥挤",明显影响访问速度(网间穿梭的问题)。
4、浏览器与分辨率
浏览器:Micros。ftInternetExplorer(IE),NetscapeCommunicator(Netscape),Opera
分辨率:1024*768,800*600,640*480
其它:Flash,JavaScript,VBScript
语言版本:GB码、BIG5码及English版本
5、提供与浏览者的交互站点的交互性:聊天室、电子论坛、留言板等服务。
6、站点内容要精、要专,并且要及时更新。
7、简单即为美。
二、站点设计的国际专业流程网站设计过程的国际专业流程,分为八个部分(如图2-1):
1)初始商讨
2)构思(反复进行)
3)综合内容(反复进行)
4)页面布局和导航
5)图形制作
6)内容流程
7)测试
8)验收交付
第二节、站点的整体风格