您的当前位置:首页正文

网页设计与制作

2024-02-28 来源:步旅网
1互联网:是由世界上各种各样的网络互联所形成的“网络的网络”,是一个网际网(将世界各地各种规模的计算机网络连接成一个整体,从而实现了信息交流和共享) 2.网络协议:是一系列通信规则的总称(主要包括用户数据与控制信息的结构和形式,需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部分内容。)

3.网络类型分为硬件协议和软件协议。

4.硬件协议:定义了硬件设备如何运作以及如何协同工作。 5.软件协议:程序之间的通信是通过软件协议完成的。 6.TCP/IP:是为连接不同的网络而设计的一个协议集,主要由TCP和IP两套协议组成(IP网际协议运行在OSI网络七层模型中的网络层上;TCP传输控制协议工作在OSI模型中的传输层上,用于建立和校验数据连接。)。

7.域名:一种字符型的地址标识;(域的命名方式成为域名系统,域名采用层次型命名机制,域名系统实现了域名--IP地址的映射,域名系统的实质是一个分布式数据库,包括提出数据的标准格式、数据库查询方法以及本地数据更新数据库的标准方法)。

8.万维网:“www即world wide web” 又称全球信息网,简称web,是目前互联网上最流行的交互式信息查询服务系统。 网页:在互联网中,信息的载体是网页(由标记和文本组成,

每个网页都是基于超文本和超媒体,超文本:将一个文档的链接嵌入另一个文档的形式;超媒体:网页包含了种种多媒体信息或多媒体链接)。

web服务器:也称为网站或站点,而在一个站点的诸多网页中,总有一个网页是被指定为该站点的首页,这个页面时整个站点的核心,站点内所有内容都是由门户网页进行索引,该页通常被命名为index.html或default.html。

html:网页的核心,并不是一种程序设计语言,而是一种“页面设计语言”(当用户通过网页浏览器阅读html文件时,浏览器负责解释插入到html文本中的各种标记,并以此为依据显示文本的内容,我们把html语言编写的文件称为html文本)。

web浏览器:指一个运行在用户计算机上的程序,它负责下载、显示网页,因此也称为www客户程序(以html文件的方式或是无格式文本来保存web文档)。

最具有代表性的html标记编辑器:Hotdog和HomeSite。 所见即所得型网页制作工具:office套件 专用工具:frontpage和Dreamweaver。

编程性网页制作工具:CGI(C、C++, )和Java。 图像处理工具可对图像进行编辑、修饰、优化、图形文件格式转换等处理。

整体设计站点包含8部分:初始商讨、构思、综合内容、页

面布局和导航、图形制作、内容流程、测试、验收交付。 网站风格:整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。

网站层次:指主页面和二级页面、三级页面之间的结构关系。 网站的目录:建立网站时创建的目录。

网站的链接结构:页面之间相互连接的拓扑结构。 想要更好的制作网页,应注意的几个问题:页面结构、页面内容、文字、图形。

重心平衡:页面重心反映的网页上各种元素分布的协调程度。(重心平衡指左右重心的平衡)。

彩色的属性:色相(颜色的基本属性,反映颜色的原貌)、饱和度(也叫纯度,指颜色的纯洁度)、明度(也叫亮度,体现颜色的深浅)。

页面构图分为大色块构图和抽象线条构图(色彩一般使用统一色调)。

Photoshop默认的图像格式是以PSD为后缀(T)。PSD文件可以包括图层、通道、路径以及图片版权信息,其中图层是Photoshop最重要的特点之一。

颜色的调节方法:色彩层次、色彩曲线、色彩平衡、亮度和对比度等。

html标记有单边和双边两类。标记元素不区分大小写。title出现在头文件中。标记

-

中,标记号越小,标题越

大。

URL统一资源定位器,是文件名的扩展。

file:本地文件。 ftp:文件传输协议。 gopher:gopher协议。 news:该文件为网络新闻。

动态网页技术:服务器端的动态页面、客户端的动态页面。 XML:侧重于组织和查找数据。css:侧重于web页的继承性和表现。DHTML(优点:动态样式、动态内容和动态定位):侧重于web内容的动态表现。

JavaScript:是一种基于对象和事件驱动并具有安全性能的脚本语言(具有事件与事件处理句柄、变量与常量、表达式与运算符、函数、数组、对象等各种元素,以及条件、循环、对象等控制语句)。

对象:一种组织数据的方法,以及与数据相关的操作(Window对象是JavaScript的最顶层对象)。 css:也被译为层叠样式表。

样式单可分为3种:内联式样式单(简化了html标记的属性,直接通过css控制显示样式,使页面效果更加丰富多彩)、嵌入式样式单(统一整个页面的样式,只需改动某一个样式定义,整个页面内所有文件的相应位置均会改变,有利于统一页面内部的样式)、外部式样式单(可以统一整个网站的所有网页的样式,只要改动一个外部样式单文件,站点内所有的引用了该样式单相应样式的页面便都进行了改动,也方便

了站点的维护)。

选择符:超文本标记选择符、类选择符、ID选择符。 编辑区为用户编辑网页时的工作区域,也是frontpage整个工作区中面积最大的的区域。

在线帮助方式:通过屏幕提示获得帮助;通过frontpage2003帮助文件获得帮助;通过访问Internet获得相关帮助。 三种典型的站点模板:个人站点模板;客户支持站点模版;项目站点模板。

frontpage编辑模式:以站点为单位进行编辑和以网页为单位进行编辑。

主题:是一套经过许多专业网站设计人员设计的图形、色彩、字体的组合。

超级链接:指向站点中的网页或文件的超级链接;指向电子邮件的超级链接;指向新网页的超级链接;指向一个书签的超级链接;指向全球广域网上的网页或文件的超级链接。 导航栏:是一组超级链接,用来快捷地浏览整个站点。 共享边框是站点中一个或多个网页所共有的区域。 表单是浏览者通过浏览器与网站联系的重要手段。 Dreamweaver的特点:最佳的制作效率、网站管理、无可比拟的控制能力、所供及所得、全方位呈现。

fireworks:是一个创建、编辑、优化网页图形的多功能应用程序,(可以创建和编辑位图及矢量图形,设计网页效果)。

fireworks特点:活效果、自动应用纹理和填充效果、完整的文本控制组件、文件导出预览、批处理过程、图像映射、实例及按钮元件编辑、制取切片、与Macromedia Dreamweaver的兼容性。

用fireworks制作动画的方法:合并图像形成动画、使用元件生成动画效果和手工绘制。

集合命令可以让你把多个对象变成一个单一的对象来处理。 打散命令:用来将集合、文本块、实例、位图和ole对象分成独立的可编辑的元素。

Flash声音类型:事件声音(必须完全下载之后才能开始播放)、流声音(只需下载开始几帧的数据便可以播放)。 web服务器:安装了服务器软件并使用Internet协议响应基于TCP/IP协议的网络上web客户请求的计算机(由http加后台数据库组成)。

pws主要组件:个人web服务器、事务服务器、数据库访问组件、frontpage服务器扩展、消息列队服务器。

虚拟主机:使用特殊的软硬件技术,把一台运行在因特网上的服务器主机分成多台“虚拟”的主机,每一台虚拟主机都具有独立的域名和IP地址,具有完整的Internet服务器功能,虚拟主机之间完全独立,并可由用户自行管理。

XML:是一种基于sgml标准的简单灵活的标记语言(特点:开放性、可扩展性、互操作性、严密性)。

HTML和XML在格式上的区别:两个文件包含了相同的数据,其中一个是以XML格式书写,另一个是以HTML格式书写

其他协议:HTTP:超文本传输协议,用于www服务;FIP:文件传输协议,用于实现计算机之间的文件传输;SMTP:邮件传输协议,用电子邮件发送;POP3:邮件协议3,一般用于电子邮件接收;TELNET:远程登录协议,用于远程终端登录主机。

在TCP/IP的地址编排方案中,才用了一种通用地址格式,为互联网中每一个网络和每一台主机都分配一个地址,这个地址是“唯一”的。

IP地址是一种层次型地址,在概念上分为三个层次:主机、由主机构成的网络、由网络构成的互联网。

web包含三个方面:1、实现资源引用的统一命名机制,也就是URL(统一资源定位器,是指互联网上文件位置的标志)2、使用标准的web文件传输机制--HTTP 3、文本的逻辑采用标记语言HTML描述协议(HTML是万维网中超文本文件的基础)。

超媒体的应用:1、网页的图形本身就是一个链接,图形链接使浏览器变得更为直观和有趣。2、web的链接可以打开某

一程序,而且显示并播放其中的图片、音频或视频剪辑。 web浏览器如何对超媒体进行处理而能够自动播放、显示各种媒体的呢? web浏览器向web服务器索取html文件,然后等待服务器将文件送回,浏览器得到这些文件后,将按一定的格式显示这些网页,以供用户查看,web浏览器可以显示文本、字体、和一些类型的彩色图形,当访问其他多媒体时,如声音,web浏览器自身并不能够播放声音,而必须要打开能显示或播放这些多媒体信息的程序。

评价一个网站网页设计的好坏主要包括“创意”和“制作”两个部分,因此网站设计的总目标是:要有好的创意、丰富的内容、新颖的观点,使读者不仅能开阔眼界还能得到有价值的信息和有益的经验,同时还要使页面生动活泼,妙趣横生,而且使浏览者能够迅速找到希望得到的内容。

商业网页制作的要求:(主要前3个)1、良好的视觉效果 2、站点开发周期应尽可能短,网页发布信息一定要准确 3、维护更新要方便 4、申请既有意义又容易记得域名,能令人过目不忘 5、在固定位置放置公司标志或站点标志 6、在网页底部使用脚注描述一些相关信息。

初学网页制作的时候,从几方面入手:1、从了解html的基本标记开始 2、选择一个自己认为颇为顺手的工具,从第一个页面开始 3、多多访问他人的网页,从中受到启发 4、深入分析成功的网站和网页。

商业网站的风格:1、主题图形形象突出、充满动感,反映了开拓进取灵活多变的风格 2、导航清晰,且栏目图标具有相应的内容提示 3、具有强大的搜索引擎和快速网站导航 4、具有艺术水准 5、更新日期明确,加快阅读速度。 非商业组织的网站风格:1、强调页面的主色调 2、主题图形要求反映单位的风采,设计应有创意、有内涵、庄重中不乏活泼 3、超级链接的分类一定要清晰,可采用图形,必要时可建立站内搜索引擎,4、经常更新信息查看版板,增加访问者的访问兴趣。

个人网站的风格分为3中,主题图形式、信息发布式及介于两者之间的形式,这三种风格在布局上各有区别,其区别主要反映在主页上。

任何一个网站均可以用三级结构实现:主页的制作主要是主题图形的制作以及页面的构图;二级页面是每个栏目的起始页;三级页面是文章页,位于最底层。

规划网站目录遵循的原则:1、不要将所有的目录都存放在根目录下,这样做会导致文件管理混乱和上传速度变慢 2、按栏目内容分别建立子目录 3、在每个主目录下都建立独特的images目录 4、目录的层次不要太深 5、切记使用中文目录不要用过长的目录和尽量使用意义明确的目录。 “抖动”的原理:它伪造了那些在颜色有限的调色板中不能显示出来的颜色;在视觉上,临近像素倾向于混合而产生在

图像中实际不存在的颜色,从而达到一种补偿的目的。“抖动”的图像有很多颗粒,使图像显得非常粗糙。

页面布局的方法:主要可以通过两种工具来进行创作,一种工具是纸,在一张白纸上进行布局构思,称为纸上布局法;第二种工具是计算机,通过某些软件来进行页面布局构思,称为软件布局法。

运用色块制作网页时需要掌握的要点:1、冷暖色调在均匀使用时不宜靠近 2、纯度接近的两种颜色也不宜放在一起 3、整个页面中最好有一个主色调。

网页设计的通用规则:1、网站的设计目的决定设计方案 2、浏览者的需求应被放在第一位 3、页面的有效性

4、页面的布局保持统一性 5、使用表格和适当的帧结构来设计网页

6、谨慎使用图片 7、平面设计意识

8、减少Java Applet和其他多媒体的使用。

DHTML组成部分及功能:1、HTML4.0:包括许多增强特性; 2、css:控制xml或html语言编写的文档的显示,可以使页面布局和格式比html更精确

3、DOM:文档对象模型为html文档定义了一个与平台无关的程序接口。

4、脚本语言:W3C已建议颁布其DOM对EC-MAscript的基本绑定。

综上所述,DHTML具有良好的交互性和动态性,加之已有的多媒体超文本实现能力,使其已经得到大力发展和推广,在许多方面都得到了使用,因此具有十分良好的应用前景。 JavaScript和Java的区别:

1、基于对象和面向对象:Java是一种真正的面对对象的语言,JavaScript是一种脚本语言。

2、解释和编辑:Java的源代码在传递到客户端执行前必须经过编译。

3、强变量和若变量。 4、代码格式不一样 5.嵌入方式不一样。 6、静态联编和动态联编。

JavaScript和Java在性能上的差异:1、JavaScript的本质是解释的。

2、JavaScript实现了src属性。

3、JavaScript代码能翻倍的修改。

4、JavaScript能有效的与DOM结合起来控制浏览器的行为,能方便的使用插件、浏览器事件、窗体等技术,以实现用户和网页的交互。 5、JavaScript的源代码存在安全问题。

6、在处理非常复杂的应

用时就会被自身机制的局限性所限制。

css作用:1、针对页面中的对象的风格和样式进行定义 2、使得HTML各个标记的属性更具有一般性和通用性。

frontpage功能:创建和管理web站点;制作网页;发布站点;维护站点;更容易建立专业的、美观的网站;能够自动创建web站点的文本索引;加强数据库的访问能力。

创建站点的工作流程:1、计划和准备,包括设置Dreamweaver站点

2、创建网页,调整网页布局,添加内容

3、根据需要编辑代码 4、将网页链接在一起 5、预览和发布站点

6、添加显示来自数据库的信息的动态网页。

fireworks的“洋葱皮”功能:“洋葱皮”一词来源于一种传统的动画技术,既使用很薄的、半透明的描图纸来查看动画序列,使用“洋葱皮”可以查看当前所选帧之前和之后的帧的内容,可以很流畅地使用对象变为动画,而不用在动画中来回跳跃。

Flash的特点:使用矢量图形和流式播放技术;通过使用关键帧和图符使得所生成的动画,文件非常小;把音乐、动画、声效、交互方式融合在一起;强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,使Flash具有更大的的设计自由。

Flash工作环境:舞台、时间轴窗口、绘图工具栏、标准工具栏、图库窗口、控制器面板。

时间轴是Flash中最重要的工具之一,用它可以查看每一帧的情况,调整动画播放的速度,安排帧的内容,改变帧与帧的关系,从而实现不同效果的动画。

打散命令对对象的影响:1、切断了实例同其符号的联系 2、动画和符号会放弃除当前帧外所有帧

3、将位图转换成填色 4、将文本字符转换成轮廓线 5、切断了ole对象同其原创作程序的联系。

栏目设计应考虑的方面:紧扣主题、设计一个最近更新或网站指南的栏目、设计一个可以双向交谈的栏目、设计一个下载或常见问题回答的栏目。

划分栏目需要注意:1、尽可能删除与主题无关的栏目 2、尽可能将网站最有价值的内容列在栏目上

3、尽可能方便访问者的浏览和查询。 影响web站点性能的因素:网络连接的宽带、站点上文件的大小、内嵌在网页或从网页启动的应用程序或是脚本所需的资源、RAM的大小和计算机处理器的速度。

选择主机考虑的因素:服务器放置的位置;主机与网络连接的速度;主机所运行的操作系统;磁盘空间大小;Email信箱数量;是否能够使用数据库;是否支持微软的frontpage;是否支持加密传输。

XML的特点:通过启用一个可扩展的标记集,来提供更多有关文档内容的精确说明;极大地在方便在用户之间和在应用程序时间的传输文档;支持高级搜索;分离文档结构和显示内容;改进用户响应、网络装人和服务器装人;支持Unicode;支持文档间的高级链接。

一个文档应符合的规则:文档的第一行必须的XML文档说明;文档必须包含一个元素;每个开始标记必须和结束标记配套使用;文档中必须包含唯一的打开和关闭标记;各标记

中间不能重叠,或者说是不能交叉定义。

因篇幅问题不能全部显示,请点此查看更多更全内容