当前位置:文档之家› 2网页制作基础

2网页制作基础

2网页制作基础
2网页制作基础

1、Web节点:我们可以将WWW视为Internet上的一个大型图书馆,Web节点

就好比图书馆中的一本本书,而“Web页”则是书中的某一页。多个W eb页合在一起便组成了一个W eb节点,我们可以从一个特定的W eb节点开始Internet之旅。

2、首页:是某一个Web节点的起始点,好比一本书的封面或者目录。每个节点的“首页”都有一个被称为“统一资源定位符(URL)”的惟一地址,如263首页的地址是:https://www.doczj.com/doc/3716246996.html,/index.html;我的个人主页地址是:https://www.doczj.com/doc/3716246996.html,/index.htm

3、浏览器:是专门用于定位和访问W eb信息页的软件工具,如Microsoft Internet Explorer和网景的Netscape Navigator。

4、超级链接:是指内嵌了Web地址的文字或图形,通过点击它可以跳转到特定Web节点上的某一页,超级链接很容易辨认出来,因为在Web节点上,超级链接的文字与其它文字的颜色一般不同,而且当鼠标移到上面时会显示成“手形”。

5、WWW:即万维网,是Word Wide Web的缩写。它作为Internet的一部分,使得浏览Internet变得非常简单,只要用鼠标点击,就可显示图文并茂的网页,甚至声音、视频、动画等。这使得万维网成为Internet上最受欢迎、最富有生命力和使用最多的组成部分。

6、HTTP:超文本传输协议(Hyper Text Transport Protocol),万维网就是采用此协议在网上传输超文本文件,即HTML文件。

7、HTML:Hyper Text Markup Language,直译为超文本标记语言,它由W3C 组织商讨制定。它不是一种程序语言,而是一种描述文档结构的标记语言,它与操作系统平台无关,只要有Web浏览器就可以运行Html文件显示网页内容。下面是一个典型的HTML文件,它的扩展名为.htm或.html:

8、动态网页:指的是浏览器和服务器可以互动,即服务器可以根据浏览者的请求作出相应的动作或回复。常见的有ASP(Active Server Pages)、PHP和CGI,它们是服务器端的一种应用程序,当浏览器向服务器发出请求运行程序,服务器会读取该程序,然后执行程序并转化为HTML文件传给浏览器,将执行结果显示在浏览器上。(只作为了解)

9、URL:Uniform Resource Locator,即统一资源定位符,它是一种通用的地址格式,指出了文件在Internet中的位置。当用户查询信息资源时,只要给出URL地址,服务器便可以根据它找到网络资源的位置,并将其传给浏览器。

一个完整的URL地址由协议名、WEB服务器地址、文件在服务器中的路径和文件名四部分组成。协议名是访问资源所采用的协议,即访问资源的方法,包括:http://超文本传输协议,用于浏览网页资源

ftp://文件传输协议

mailto:电子邮件地址

telnet:远程登录协议

file://使用本地文件

news:Usernet新闻组

1、功能:Fireworks MX是Macromedia公司推出的专门针对网络图形设计的工具软件,它既可以编辑Web图像,又可以编辑Web动画,制作按钮的导航条、菜单

等,甚至能直接制作网页。同时具有多种传统图形制作软件的功能,而且它能把位图处理和矢量处理完美的结合在一起,使得网页图形设计人员再也不必多种图形设计软件之间频繁切换。

gopher:// gopher协议

2、Fireworks的实质:Fireworks通过最少的步骤创建最小、最高质量的JPEG和GIF图像,是创建和生成网页图形的完全解决方案。Fireworks简化了网页图形和屏幕图形的制作过程,同时提供了完全的机动性和可编特性。在没有Fireworks的时候,网也设计者要在一个矢量绘图程序,如FreeHand上创建图形,然后再把这个矢量图形

引入到位图程序中进行涂抹和添加滤镜效果。设计者可能还需要使用一个动画工具或image map工具来创建动态图形。为了测试图形,设计者必须在浏览器中查看创建的图形。如果此时再需要对图形进行修改,或许会迫使设计者从头开始并重复上述每一个步骤。有了Fireworks,设计者的工作就不再是复杂地从一个工具转到另一个工具,大量的重复工作量被省略,由此可以节省大量宝贵的时间。因此,Fireworks对传统的商业印刷而言不是创建和修改图形的最佳工具。Fireworks的工作环境是建立在RGB色彩模式下,相对于印刷而言是最理想的屏幕显示色彩。较之以其他工具而言,使用Fireworks的优势还包括高效率、方便性、适应性。

1:Flash介绍:首先它基于矢量的图形格式,听说是采用Freehand中的技术。

矢量图形就是用少量的向量数据描述一个复杂的对象,存储图片只占用极少的空间,一个带声音的、长度为1分钟的影片大概只有20K左右,并且在播放时可任意拖放它的大小而不会失真;其次它使用插件方式工作,用户只需安装一次插件,而不必象Java那样每次都启动虚拟机。Flash影片还是一种“准”流式文件,即观看大段影片时不必等到影片全部下载后再观看,而是边看边下载,毫无停滞。最后,它还提供一些增强功能。比如:支持双声道、支持MP3压缩音频格式、使用渐变色、支持Alpha 透明通道、“脱洋葱皮”动画技法等。针对目前网络传输速度的问题,Flash通过使用矢量图形和流式播放技术克服了这一缺点。基于矢量图形的Flash动画在尺寸可以随意调整缩放,而不会影响图形文件的大小和质量,流式技术允许用户在动画文件全部下载完之前播放已下载的部分,而在不知不觉中下载完剩余的动画;同时,Flash

还具有导出独立运行程序的能力,其优化下载的配置功能更令人为之赞叹。可以说,Flash为制作适合网络传输的W eb动画开辟了新的道路。值得强调的是,由于Flash 记录的只是关键帧和控制功作,所生成的编辑文件(*.fla)尤其是播放文件(*.swf)非常小巧,这些正是无数W eb页设计者所孜孜以求的。

2、如何加入声音:(1).在FLASH中支持的声音文件有*.wav和*.aiff格式(不支持midi和mp3),我们先从FLASH菜单中选择导入... (2)找到相应的wav文件,如使用welcome.wav文件。(3)这时你就会在库文件窗口中,看到了welcome 文件。这是因为FLASH会自动的将import的文件转变成元件,声音导入工作也就完成了。(4)下面的工作就是打开或新建一个要加入声音的FLASH文件,用鼠标点

击要加入声音的关键桢中,制作也就完成了,运行测试吧。

3、创建一个按钮的具体步骤:(1)首先确信没有要工作区域中选择任何对象。打开主菜单,选择步骤插入>新元件。(2)在随后弹出的对话框中指定新已标志对象的类型──按钮,并予以适当命名。(3)紧接着,Flash自动切换到元件编辑模式,此时显示了这个新字符的中心位置。(用十字光标来表示)相应地,进程控制框(timeline)中给出了四帧的标识,分别为up、down、over、hit。这时仅有一层,在仅有的这一层中也只有头一个关键帧。(4)使用绘图工具来构造up状态的图形。可以任意引入其它元素,包括位图(bitmap)。可以在一个按钮上使用动画对象(movie clip)和图形(graphic)对象。但是Flash不允许在一个按钮上叠放另外的按钮,事实上,那样做也没有什么必要。(5)类似的,我们可以创建第二帧、第三帧、第四帧中需构造一个实心区域就可以了。(注:选中进程控制框(timeline)上的down状态帧,打开主菜单modify>frame,在随后弹出的frame属性对话框中选中sound(声音)标签页。然后就可以为这个状态加入声音效果。)(6)当完成以上步骤之后,选择edit>movie返回movie编辑状态。这时打开Flash的library已标志对象库,可以看见所创建的已标志对象已储存在库中。击中它,拖曳至你的动画中,就可以创建这个按钮的实例了。(一)、Stage (舞台)编辑电影画面的矩形区域,使用FLASH 制作动画就像导演在指挥演员演戏一样,当然要给他们一个演出的场所,在FLASH 中称为舞台。舞台由大小、音响、灯光等条件组成,FLASH 中的舞台也有大小、色彩等的设置;跟多幕剧一样,舞台也可以不止一个。

(二)、Timeline (时间轴):一场电影,光有舞台还不行,重要的是有演员按某种时间安排进行演出,应用到Flash 动画制作中,这种时间安排则由时间轴来完成(如图1 )。

(三)、Frame (帧)我们都知道,电影是由一格一格的胶片按照先后顺序播放出来的,由于人眼有视觉停留现象,这一格一格的胶片按照一定速度播放出来,我

们看起来就“动”了。动画制作采用的也是这一原理,而这一格一格的胶片,就是Flash 中的“帧”。“帧”其实就是时间轴上的一个小格,是舞台内容中的一个片断。

(四)、Key Frame (关键帧):在电影制作中,通常是要制作许多不同的片断,然后将片断连接到一起才能制成电影。对于制作的人来说,每一个片断的开头和结尾都要做上一个标记,这样在看到标记时就知道这一段内容是什么。在Flash 里,把有标记的帧称为关键帧,它的作用跟电影片断是一样的。除此之外,关键帧还可以让Flash 识别动作开始和结尾的状态。比如在制作一个动作时,我们将一个开始动作状态和一个结束动作状态分别用关键帧表示,再告诉Flash 动作的方式,Flash 就可以做成一个连续动作的动画。

(五)、Scene (场景):电影需要很多场景,并且每个场景的对象可能都是不同的。与拍电影一样,Flash 可以将多个场景中的动作组合成一个连贯的电影。当我们开始要编辑电影时,都是在第一个场景"Scene 1" 中开始,场景的数量是没有限制的。

(六)、symbol (符号):符号是指电影里的每一个独立的元素,可以是文字、图形、按钮、电影片段等等。就象电影里的演员,道具一样。一般来说,建立一个flash 动画之前,先要规划和建立好需要调用的符号,然后在实际制作过程中随时可以使用。

(七)、Instance (实例):当把一个符号放到舞台或另一个符号中时,就创建了一个该图符的实例,也就是说实例是符号的实际应用,符号的运用可以缩小文档的尺寸,这是因为不管创建了多少个实例,Flash 在文档中只保存一份副本。同样,运用符号可以加快动画播放的速度。

(八)、Library Window (库窗口):用以存放可以重复使用的符号的元素。

(九)、Layer (图层):图层可以看成是叠放在一起的透明的胶片,如果层上没有任何东西的话,你就可以透过它直接看到下一层。所以我们可以根据需要,在不同层上编辑不同的动画而互不影响,并在放映时得到合成的效果。层有两大特点:除了画有图形或文字的地方,其他部分都是透明的,也就是说,下层的内容可以通过透明的这部分显示出来;图层又是相对独立的,修改其中一层,不会影响到其他层。

(十)、Action Script (动作脚本):Action Script 是Flash 的脚本语言。与JavaScript 相似,Action Script 是一种面向对象编程语言。Flash 使用Action Script 给电影添加交互性。在简单电影中,Flash 按顺序播放电影中的场景和帧,而在交互电影中,用户可以使用键盘或鼠标与电影交互。

(十一)、Components (组件):这是在Flash MX 中新增加的功能,替代并扩展了Fash5 中的SmartClip (智能剪辑)。组件是用户化的可Action Script 控制的动画。比如一个dial Components ,你所能拨指针的范围(最大值和最小值)是一个可调的参数。

1、DreamweaverMX简介:它是目前最流行的编辑网页、创建和管理站点的专业开发工具之一。使用它提供的各种工具和功能,用户可以非常方便地开发出

跨平台、跨浏览器的网页,并实现对站点的有效管理。

2、在网页中添加背景音乐:在网页中加入如下代码即可,< bgsound src=textbook/matter/music/china.mid

loop="-1" > 。

2、最利于维护的网站目录结构:目录的结构是一个容易忽略的问题,大多数网站都是未经规划随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议。(1)不要将所有文件都存放在根目录下:有的网友为了方便,将所有文件都放在根目录下。这样做容易造成文件管理混乱。你常常搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率。另外也影响上传速度。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,给您的建议是:尽可能减少根目录的文件存放数。(2)按栏目内容建立子目录:子目录的建立,首先按主菜单栏目建立。例如网页教程类站点可以根据技术类别分别建立相应的目录,像Flash、Dhtml、Javascript等;企业站点可以按公司简介,

产品介绍,价格,在线定单,反馈联系等建立相应目录。其他的次要栏目,类似what'snew,友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:关于本站,关于站长,站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI程序放在cgi-bin目录。便于维护管理。所有需要下载的内容也最好放在一个目录下。(3)在每个主目录下建立独立的images目录:通常一个站点根目录下都有一个images目录。刚开始学习主页制作时,阿捷习惯将所有图片都存放在这个目录里。可是后来发现很不方便,当我需要将某个主栏目打包供网友下载,或者将某个栏目删除时,图片的管理相当麻烦。经过实践发现:为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。(4)目录的层次不要太深,建议不要超过3层。原因很简单,维护管理方便。其它需要注意的还有:

1.不要使用中文目录;网络无国界,使用中文目录可能对网址的正确显示造成困难。

2.不要使用过长的目录;尽管服务器支持长文件名,但是太长的目录名不便于记忆。

3.尽量使用意义明确的目录;上面的例子中,你可以用DhtmlJavascript来建立目录,也可以用1,2,3建立目录,但是哪一个更明确,更便于记忆和管理呢?显然是前者。(序)随着网页技术的不断发展,利用数据库或者其他后台程序自动生成网页越来越普遍,网站的目录结构也必将飞跃到一个新的结构层次。

1、网虫的分类:(一)见习期网虫(准虫级),这类网虫严格地说,算不上是真"

网虫",因为他们还没有上网,有的甚至连电脑都没有,所以顶多是个准网虫。但虽

未"落网",却心系网络,心向往之。和大多数电脑爱好者一样,平时十分关注带"电"

字儿或"网"字儿的信息,比如"2000年问题"或"网上送花儿"之类的文章便被门外级

网虫看好,平时的ISP广告也是他们注意浏览的内容。准网虫对互联网络既感到深不

可测,又充满了憧憬和幻想。一般只要条件许可,很快就会进化成下一级网虫。忽视他们的存在是不能被原谅的。(二)初级网虫(爬虫级)爬虫的装备大都是原有的电脑+一只14.4K、28.8K或33.6K的猫,猫的出身、血统和奔跑速度视主人入网的时间和需求以及腰包丰满程度而定。这类网虫因刚刚入网,被五花八门的主页闹得眼晕,天天把主要精力放在浏览主页上,有些人往往过了三个月还没见过自己的伊妹儿(不会收发电子函件)。这个等级的网虫因为有大量的问题要请教朋友,所以电话线上传递的语音信号的时间有时会大于数字信号的时间。(三)中级(小虫级)书签内容已大大丰富,嘴边常说出一些"域名"、"主页"、"HTTP"之类的专业名词,令初级网虫自叹不如,信箱里也时不时常能收到一两封标着TEST或者HELLO字样的短信,平时能够阅读网上报刊杂志,对普通报刊上关于网络的故事已能泰然处之,甚至嗤之以鼻,但又时常担心遇到病毒或黑客。达到本级水平的标志是能够区别IE和Netscape,能够按自己的意愿查询和收集网址(而不像过去那样只会用鼠标点着现成的连接往后翻),能利用FTP下载各种大而无用的共享软件,能够独立(或参考网络杂志的文章)

申请一个免费电子信箱,希望并且尝试制作个人主页,特别希望别人访问自己的主页,计数器上有一半数字是自己浏览而加上的。个人主页中充满了热门链接,尽管网虫们仍在争论主页中到底应该放链接指向别人还是应该有自己的东西,但毕竟为初级网虫缩短了查找时间。(四)副高级网虫(大虫级),这里的大虫可不是《水浒》中的老虎,

但也够威风的,不信请看∶拥有一大把POP3的免费电子信箱,个人主页中充满了各种令初中级网虫流口水的好东西,主页存放地从美国的Geocity、Tripod到广州网易、东方网景到处都是,随身配备网络传呼机(ICQ)、网络大哥大(IPHONE),经常出入于网上的IRC、BBS、讨论组等高消费娱乐场所,有了自己的网上绰号(Nickname),拥有一些遍及全球的从未见面的网络朋友,大家相互用中国式的英语或美国式的汉语或汉语加英语写信或聊天,每天起床先检查电子信箱中是否有新邮件,如果没有,就给自己发一封测试信。作息时间视网上交通流量的变化而定,一般夜深人静之时,往往是大虫们最活跃的时候。FTP的用途不再是下载,而是将得意之作上载至服务器供大家下载。名片上印着自己的伊妹儿芳名、烘焙鸡(个人主页)地址,已经不习惯和人面对面说话(因为爱上了伊妹儿和BBS),写字基本上不会(因为天天打字)。已经按坏了三个鼠标、换了两个猫。经过装修,本级别的个人主页开始有自己的主题,比如环境保护、书摘、军事、电脑网络等,不再靠热门链接装点门面。有些大虫还开办了网上电子杂志。(五)高级网虫(飞虫级),飞虫是一种珍稀动物,很难发现,但如果你接到一封电子函件,上面的日期是1997年而不是1998年,很可能

就是飞虫发出的,因为他用的各种尖端工具软件有时间限制,所以只好把电脑时钟改为去年的。飞虫信箱中的电子函件已经多得无法一一回复,个人主页的计数器已翻动到五位数甚至更多,留言板内容已远远超过主页内容长度,通常在某个BBS或讨论

组中担任版主之职,为人排忧解难,指点迷津,少数飞虫竟然要在网上招聘助手来帮

助料理个人主页的留言板或讨论组。由于阅历丰富,其Nickname在某个地区或网站的范围内已如雷贯耳(有时候飞虫也忘了自己的本名叫什么),经常应邀在专业杂志

或晚报电脑版发表写给前几级网虫的文章。初级网虫要想达到此级水平,必须掂量掂量自己的银子和脑子是否够用。由于我们的职称评定标准是刚刚制订,有些条款还不够周到,可能会使部分网虫的职称晋升受到影响,比如没有将虫家的主页计数器指标、平均上网时间、电脑档次和猫的血统考虑在内,因为真正的飞虫可能使用一台很破的电脑和出身贫寒的小猫,但其有效上网时间要远远大于开着奔腾MMX,抱着名门黑猫或白猫的发烧级爬虫。

同学们,根据上面的“专家”论述,你来确定一下你的等级吧。

2、个人主页杂谈:个人主页说简单也简单,说难也难。所见即所得的设计工具让你不必了解其中的原理与细节,就可以象编辑一篇word文档一样轻松地作出自己的网页,如此easy的事,象我这种以计算机为专业的人很是不以为然,原先我一

直这么认为,直到自己真正投入其中,方才体会到个中的苦辣酸甜,一路走来,其实也才刚刚起步,前方更有无穷的奥秘等着我去进一步去探索。路漫漫其修远矣,吾将上下而求索......

(1)选择好的出发点,办出自己的特色。好的出发点是指在建站之前就考虑好它的主题--你希望通过网站表达什么内容?就象一幅好的人像摄影作品,必须有一个主体,然后再运用各种手段加以衬托及表现,若仅会平平用光,人物可能就象一个白板,缺乏层次与影调,诸如内涵、气质这些深层次的本质就无法得以展现。一般的个人网站,其目的不外乎是展示自我、交友、技术演练等等,栏目众多,应有尽有,可也常常让人无所适从。“推荐站点”,“软件下载”、“音乐天地”,人云亦云,虽然容易讨好,但决不会让人印象深刻。看过太多缺乏个性的主页,偶尔闪现的特色栏目才最具冲击力。特色是网站的灵魂。我宁可集中精力办好一、两个有个性的栏目,或者干脆以某一主题建设独立的网站,也不愿追求空洞的大而全。难道都已经到了没有特色题材可发掘的地步了吗?非也!只要稍微留意,就会发现未开垦的处女地实在太多。比如我兴趣广泛,摄影、收藏(火花、烟标)、风筝、剪纸、舞蹈就与众不同,其他象书法、篆刻也是很好的题材,为什么我们看到的却很少呢?

(2)首页的设计很关键。第一感觉至关重要!即使你有很好的内容,若主页色彩搭配不当、图片太“fat”、广告过多、动画、java“蜗牛”比比皆是,等了半天还看不到一点实质的内容,很难让人继续保持愉快的心情,干脆Back走为上。我特别欣赏那种简洁明快的风格,简单的表格,善用色彩搭配、文字的协调,也能达到很好的效果,其实这更能体现站长的功力,“此处无声胜有声”!

(3)内容与形式。个人主页由于其形式的不拘,才造就了百花齐放的风采,究竟那个为重心,其实也不必过分偏执。可以为了形式而形式,进行大胆的创意,就象实验性摄影家与记实型摄影家的不同,无论成败与否,至少都可以为后人提供有益的借鉴,从这个意义来说,我们更应该为这些先行者鼓掌加油。而以内容为主的网页,尤其是针对初学者设计的,不应过分追求复杂的表现形式,简洁既是美!而我追求的应该是以内容为主,形式内容的完美结合。优秀的作品绝不会只有空洞的内容,徒有

不合时宜的花架子。形式已经巧妙地融入整体设计中,她无处不在,却又不着痕迹。就象原先我曾想用“彩虹字”显示一段小诗,可为了配合周边的色彩,费了九牛二虎之力,最后还是决定放弃。“忍痛割爱”,“壮士断腕”,你有没有这份勇气?

(4)设计好你的图片。给每个图形加上文字的说明,在出现之前就可以看到相关内容,尤其是导航按钮和大图片更应如此。细节上的注意,会让来客感觉到主人的细心周到、殷殷待客之意,自然多了份亲切。还有适当的“减肥”处理也是一样,不仅加快速度,更能拉近站长与网友的距离。

(5)细心照顾,及时更新。网站建设起来,只是一个新的起点,你更要细心照料,并不断更新,以保持其常有的新鲜,若不能及时更新,也最好在主页上发布信息,告诉你的朋友,我要离开一段时间,未能及时给你回复,希望见谅。否则形同“死站”,让人以为你对他的信不屑一顾,更不会和你继续往来了。

(6)文字的安排要讲究。网上阅读不同于看书,密密麻麻、长篇累牍,也许内容很精彩,但自己掏腰包上网的网友有几个能有这份耐心?要么分成连载,每页内容

两屏左右,要么干脆提供的DownLoad,更好的是邮件列表。台湾的“两只老虎”就做得特别出色。如分页介绍的文章,同时提供“易印版”,方便好文章一次性下载;她的电子刊物也很有人情味,“为了省却你大老远跑过去看,我们已将合并的文档直接送过来”(不象ChinaByte,几篇短文还要分别上网),一下子你就会喜欢上她。另外采用CSS设计,让文字易于阅读,不刺眼,也是简单而卓有成效的方式。

(7)写好自己的简介及主页的设计心得。让别人对你的思想有个了解,引发共鸣或是表达你的诚意,常常最能打动读者。而不要象“本小姐的网站是为了在无聊的工作之余交几个朋友,不要给我e_mail,因为我不懂上网”之类不知所云的东西,让人生厌。

(8)结构清晰,易于导航。网站结构象人的骨骼,构筑起网站的整体框架,虽然表现形式各异,但让人迷失终归不好,尤其是内容丰富的网站更应注意。Carboy 的网站确实不错,但在栏目导航上作得不够,连接复杂,想要完整走上一遍真有些困难,是不是刘姥姥进大观圆,或者也算一种风格?

(9)申请好记的域名。使用好记的域名让人过目不忘,不用作bookmark也忘不掉。有一点需要注意的是若需要提供链接图片(论坛),虚拟域名帮不上你的忙,只好老老实实输入了实际的地址。

(10)新技术的使用如何恰到好处。新技术的引入,能给主页增色,但也应权

衡一下利弊。若能恰到好处地加以应用,才能达到最优的效果。以photohome为例,除了专门的图片页外,还是以文字为主。java, vrml, DHTML这些技术都只应用在“个人相册”中。作为珍藏个人风采的电子相册,更应突出其不同于实物相册的优点,极尽变化之能亦不为过。比如一张水中倒影肯定比静态图片更能让我回忆起昔日同窗同游龙庆峡的情谊;3D VRML则让你多了份互动感的乐趣。

(11)结交网友以诚待人。网上虽然可以掩饰自己的身份与背景,但若不付出一点真诚,别人也不会和你交心。每有朋友来信,我总是认认真真回复,尽我所能给予帮助。那些往来密切的都是一样的热心人,虽然不多,却常常给你最实实在在的帮助!珍惜这份有缘相聚的时光,她可能是你上网的最大收获。

(12)“重复建设”与联盟的设想。虽然不是我第一个提出这个想法,但也算是所见略同。联合两三个网站,结成小小的联盟,相同的栏目整合后交由一人设计,其它的站点可建立镜象或连接。每个成员保有其特色栏目,照常发挥。这样既照顾个人优势,又不会破坏自主的独立性,也不必要求个个“十项全能”,时间、精力、空间都能得到充分的利用。初期两三人为宜,视发展再增加成员,但不宜过多,它不同于广告,也不同于简单的友情连接,而更象一个集体的工作室,相互之间不断推敲,共同发展。有兴趣的朋友可和我进一步探讨。

(13)不要把宝贵的时间、精力花在游戏和聊天上。其实用自己个人帐号上网聊天、游戏的并不多,这也是为什么白天的聊天室可能相当热闹的原因吧。网上的世界很小也很大,多花点时间解答他人的疑问,多花点时间研究如何设计自己的网站,可做的事情远远没有尽头。

(14)专业站点的服务有待加强。象网易提供免费空间的同时,配套服务比较健全,但象主页列表更新较慢,登录主页也没有回应,缺少亲和度。有一些提供了“留

言簿”或“论坛”,可发布各种信息,也可以交流经验,zg169就是很好的例子,还有一些却几乎没有管理,实在令人遗憾!另外不得不说说论坛,本来就应该让大家享有同等的发言权,但可以通过主持人善加引导与管理。支持人掌有生杀大权,但也应把握相应的“度”。动不动就滥杀无辜,并不是有水准的表现。我曾经在一个非常有名的摄影论坛上发过一帖,也不过是想以影会友,但很快就被连根铲除,包括用户名在内。其实只要发信解释一下,是不是触犯了某某条例,那么明白人下回也不会重犯。就象某些地方的交警在开出罚单前,要向被罚者具体解释原因,并告诉他若不服,可以到xx地方反映,让人心服口服,这不正体现社会文明的发展吗。有一个朋友更绝,他只好不断加长用户名,主持人的独断作风反倒激发起他的抗争欲望。相比之下,zg169就好得多,明确规定“商业广告”一律封杀,实在大快人心;hotage更有特色,可以让你保有删除自己文章的权利。在激烈竞争的社会中,专业站点的服务正是其成败的关键。

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B

二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题

网页制作必懂的基础知识

网页制作必懂的基础知识(一) 近来这几天一直在学习网页制作的知识,颇有收获,分享大家,都是一些网页制作的必懂的基础知识。 1 html基础代码

 == 可以创建链接和瞄点。  特殊标签:空格 大于号:>小于号:<版权号:© 引号:" 滚动标签: 属性有:滚动方向和滚动次数direction:left;right;up;down; loop 鼠标放上去停止滚动:onmouseover=this.stop() 鼠标离开继续滚动:onmouseover=this.start() 2图片的讲解 图片的格式:jpg png gif 图片的要素:width height alt title src 图片的路径:相对路径和绝对路径 图片和文字的格式: align=”left””right””bottom””middle””absmiddle” 3三种列表的讲解:列表可以嵌套

四表格和表单 表格:表格边框
表单:
Type有:text;checkbox;radio;password;textarea;file button; Submit;reset;hidden;select

网页设计基础知识点

web 一、超文本(hypertext) 一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol(网络之间互连的协议)的缩写,中文简称为“网协”,也就是为计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上的所有计算机网络实现相互通信的一套规则,规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统,只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性,根据用户性质的不同,可以分为5类。另外,IP还有进入防护,知识产权,指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议,它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言,这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象,并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP(File Transfer Protocol, FTP)是TCP/IP网络上两台计算机传送文件的协议,FTP是在TCP/IP网络和INTERNET上最早使用的协议之一,它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件,上载文件,创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S (Client/Server)结构,即大家熟知的客户机和服务器结构。它是软件系统体系结构,通过它可以充分利用两端硬件环境的优势,将任务合理分配到Client端和Server端来实现,降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构,

网页制作基础教程

网页制作基础教程 一、什么是HTML HTML(超文本标记语言)是网页中使用的语言,他能被网页浏览器(IE或Netscape)解释,从而显示出丰富多彩的信息(图片、文字、声音、影象、动画等)。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档",就能看到该网页的HTML代码。下面是个网页文档(model.htm)的HTML代码: 这里是标题

第一段文字。

第二段文字。

【操作】请在记事本中输入以上代码,命名为test1.htm,存于D盘,然后双击打开看看。 标记一般是成对出现的,#FFFFFF表示使用的颜色是白色。 ...

... ...之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体,如big5则是中文繁体。 ...之间是网页的正文内容 表示网页的背景色是白色,默认的文字颜色是白色。

...

之间是h1号标题字

...

之间是h2号标题字 ...之间的文字为红色 HTML是一套国际标准,其标记有几百种,您并无需全部了解他们,只要记住其中常用的十几种,就能够做出很漂亮的网页来。 常用的标记举例:

网页制作基础知识 教案

网页制作基础知识教案 教学目标: 了解网页的组成元素及常用的网页制作工具。了解网页制作的一些基础知识,如网站和网页的区别、网页的类型、网页的构成元素等,然后在了解的基础上再通过练习来巩固。 教学重点难点: 在深刻了解概念的基础上把理论转化成实际的应用。 教学过程: 在制作网页之前,首先要了解一些关于web网页的基本知识,了解一下构成一个网站的基本元素等。 网页的基本元素 文本:基本组成部分 图像:更加直观准确地表达某些信息,并且可以起到美化网页,吸引读者注意力的作用 超链接:可以方便地转入其他网页进行浏览。 网页的其他元素:音乐表格表单 美化网页,丰富网页的内容,增强网页的功能。 网页的实质 网页相当于刊物中所发表的一篇篇文章,但与纸上的文章相比,它增加了多媒体信息和网上交互的功能。 网页的实质 = 表格+文本+图片+动画+声音+超级链接+…… ◆网站相当于发行到全世界的期刊。 ◆网站的实质 = 服务器上的文件夹 ◆主页相当于期刊的封面。 ◆主页的实质 = 打开网站的第一个网页 网页和网站的分类 从网页是否执行程序来分,可分为静态网页和动态网页这两种类型。 什么是静态网页、动态网页? ◆所谓静态网页,指的是网页从服务器传到客户端时,网页的内容是“固定 不变”的,也就是说,服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器,这种网页一般是标准的HTML代码。 静态网页一般以.htm或.html为后缀结尾的,俗称html文件。本课程就是制作静态网页的课程。 ◆所谓动态网页,它在由服务器传递给客户端的时候必须由服务器把它转换 成相应的HTML格式,而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写,如ASP、https://www.doczj.com/doc/3716246996.html,、PHP、JSP等等

(完整版)《网页设计与制作》课程教学大纲.docx

《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 4 学分总学时72学时,理论36 学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017 年 杨松主编:《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章,分为 3 大部分。前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash, Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页 制作技术,包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的 教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。

网页制作教程,网页制作入门教程

选修课《网页设计》实践考核题 题目:设计一个个人网站 一、要求: 1.使用Dreamweave网页工具制作一个个人网站; 2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。 3.网页中要有图片和文字内容,用表格或框架进行页面布局; 4.添加至少两种行为,并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题,动态按钮导航栏。 下面我们大家统一一下软件版本,我用的是网页三剑客cs3版本的,大家可以去迅雷下载,因为我们要用到flash 建议大家也按装好flash 首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字, 不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图

打开Dreamweaver软件,得到图 做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。选择站点——新建站点。 我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面 点选高级,得到界面

站点名称与我们建文件夹得名字相同,zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹, http地址为http://localhost/zs 接下来选择左侧栏里远程信息 点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹

接下来点选左面菜单里的测试服务器, 点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs 然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求,是要至少四个网页,那我们就做四个 单击新建,然后单击 接下来,选择

最新网页制作基础课程标准资料

《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力,使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向,邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析,以此为依据确定本课程的工作模块和课程内容,本课程以任务 引领型为框架,把课程按递进方式设计成项目,并以项目为单元足 迹教学,使学生由浅入深,以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式,使学生熟练制作简单网页, 能熟练创建本地站点并能对网页进行各种找链接,能制作网页动画,掌握网页设计与制作技巧,具备网页设计与制作的基本职业能力, 能基本胜任网页制作工作,为学生发展专门化方向的职业能力奠定 基础。 职业能力目标:(1)能熟练制作简单网页 (2)能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化

(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求

4.实施建议 4.1.教材编写 (1)教材要以岗位职业能力分析和职业技能考证为指导,以 《网页制作基础》课程标准为依据进行编写; (2)教材要以岗位任务引领,以工作项目为主线,强调理论与 实践相结合,按活动项目组织编写内容;教材内容从“任务”着手,设计完成“任务”的方法与步骤的空间;教材要体现以解决实际问 题来带动理论的学习和应用软件的操作,让学生在完成“任务”的 过程中掌握知识和技能,培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 (3)项目教学任务的设计,应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题,而不是围绕着知识和技能的展开而设置的。

项目一 网页制作基础知识

项目一网页制作基础知识 习题答案 一、简答题 (1)简述静态网页与动态网页的主要区别。 静态网页是以HTML格式编写,以.htm、.html、.shtml、.xml等为后缀的网页。每个静态网页都是一个独立保存在网站服务器上的实实在在的文件。在静态网页上,也可以出现各种动态的效果,如动画、滚动字幕等,但这只是视觉上的动态效果。静态网页在客户端。 动态网页是以数据库技术为基础,由在服务器端运行的程序动态生成的网页,它们会随浏览者及打开时间的不同等参数条件,生成相应的网页,后缀一般为.asp、.php、.jsp、.ggi 等。动态网页的内容可以仅是文字,也可以包含各种动画,这些都只是网页具体内容的表现形式。无论网页是否具有视觉动态效果,只要是采用动态网站技术生成的网页都称为动态网页。动态网页在服务器端运行,由不同参数生成不同内容。 (2)简述网站建设的一般流程。 ①规划网站。明确建站的目的和网站的类型;确定技术解决方案;确定网站内容及结构;明确网页设计要求。②收集整理资料。③网站制作。设置本地站点;创建各级页面模板;利用模板完成各级页面的制作。④测试与发布网站。⑤维护网站。 (3)什么是网站?网站主要分为哪几类? 二、操作题 (1)浏览网页,找出网页中的基本元素和超链接,导航条等对象,体会超链接的作用及超文本的含义。 请参考教学单元一中任务一的内容。 (2)熟悉Dreamweaver CS3的工作界面,查看各部分包含的内容。 请参考教学单元三任务一的内容。 (3)创建一个名为“个人网站”的本地站点,要求设置相关的站点信息。 请参考教学单元三任务二中新建站点的内容。 (4)创建一个页面,设置文档的背景颜色和文字颜色,并输入文本内容。 请参考教学单元三任务二中新建文档和设置页面属性的内容。

网页设计与制作大纲

《网页设计与制作》大纲 一、课程的地位与性质 “网页设计与制作”是中职动漫设计与制作专业的职业技术课程,重点讲述 网页设计与制作的基础知识、基本理论和基本技能,是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weave中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。 】、课程的任务与目的 通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weave的使用等基础知识,熟练运用网页制作的工具软件,使学生具有网页、网站制作的知识与能力,具备应用电脑独立开发网页、网站并将网站上传并测试的技能,具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力,为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。 三、课程总体结构、教学环节和课时分配

四、教学内容 第一章概述2学时 教学目的: 了解网页及网站基本概念及网页的基本要素分析教学重点与难点: 网页、网站设计流程,网页基本要素 第一节网页和网站 一、网页 二、网站 三、网页的基本功能 第二节网页中的主要元素 一、文本 二、图像 三、链接标志 四、其他的基本要素 第三节网页制作工具 一、网页编辑工具 二、网页图像编辑工具 三、动态网页技术 第四节网页设计的基本流程 、网站的设计流程 、网页的设计与制作 三、网页的测试 四、网页上传和发布

第二章HTML 语言基础 2 学时 教学目的:了解HTML 文件的基本结构,掌握HTML 中文本的编辑及图像的语法,掌握HTML 中各种设置超级链接的语法,掌握HTML 中表格和框架的基本语法。教学重点与难点: HTML 的语法结构、超级链接的语法、表格和框架的基本语法。 第一节HTML 概述 一、HTML 简介 二、HTML 语法结构 第二节文本的编辑 一、段落标记 二、文本标记 三、标题显示等级 四、列表 第三节图像编辑 一、插入图像 二、使用背景图像 第四节建立超链接 一、建立超链接 二、使用书签 三、标记新窗口和基准链接 第五节表格与框架 一、建立表格 二、表格属性 三、建立框架 四、框架属性 第三章Dream weaver基础2学时 教学目的: 了解DW8 的操作界面及常用命令,掌握规划和创建站点的操作,掌握基本的网页操。 教学重点与难点: 规划站点的结构、网页的基本操作 第一节Dream weaver 8工作界面 一、启动和退出Dreamweaver

网页制作基础教程

第一章网页制作基础 1、什么是网页 一般浏览器中打开的都是网页,这些文档是通过超文本标记语言HTML表示出来的; 主页:在网站中默认打开的页面称为主页,也叫首页,主页是进入网站的门户, 网页中包括的内容: 文本,图像,超级链接,表格,表单,多媒体及一些特殊的效果 2、网站及运作原理 网站是在互联网上一个固定的面向全世界发布消息的地方,它由网站地址和网站空间构成; 网站开发者常常将网站称作为站点,在网站的开发者来说,网站就是在计算机上创建的一个多级的文件夹,并在各文件夹中保存着相关网页文件。 根据站点文件夹所在的位置分为:本地站点和远程站点; 根据服务技术分:静态网站和动态网站 3、了解HTML语言 HTML是网上用于编写网页的主要语言,使用HTML语言编写的网页文件也是一个标准的纯文本文件,可以使用文本编辑器将它打开,但是该纯文本文件如果使用浏览器打开就会看到排版整齐的网页; 4、HTML语言标签 HTML标签用来标记网页元素,以形成文本布局,文字的格式及五彩缤纷的画面,HTML 的标签分单标签和成对标签两种 基础标签: 5、常用动态建站技术 ASP是由微软开发的动态网页技术标准,其原理通过在HTML页面中加入VB JA V A代码,服务器在返回网页之前首先执行这些代码,产生最终的结果。 6、网站的制作流程及制作工具 初期规划:建站之前,要有明确目的,要明白建立网站的目的,接受对象是哪些群体,要为访问者提供怎样的服务,然后对整个网站进行策划, 中期制作:搭建本地站点,建立文件夹,建立站点结构图,设置页面属性等; 后期工作:全面测试,上传后进行实地测试,完成本地测试后,再上传到服务器,以便进行远程测试; 7、网页设计工具 Dreamweaver 8 是最常用的网页编辑工具之一,使用该工具可以在其提供的三种视图中进行

项目1 网页制作基础知识答案【网页设计与制作项目教程】

一、填空题(2‘*5) 1、 题干由网页构成,并且根据功能的不同,网页又有____和动态网页之分。知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案静态网页 答案说明 由网页构成,网页有静态和动态之分。所谓静态网页是指用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。静态网页更新不方便,但是访问速度快。而动态网页显示的容则会随着用户操作和时间的不同而变化,这是因为动态网页可以和服务器数据库进行实时的数据交换。 关键字认识网页 题干Web标准是一系列标准的集合,主要包括结构、_____和____。知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案表现和行为 答案说明 Web标准并不是某一个标准,而是一系列标准的集合,主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。 关键字Web标准3、 题干HTML中文译为________________,主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案超文本标记语言 答案说明 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 关键字HTML语言简介 4、 题干HTML语言主要是通过_______________对网页中的文本、图片、声音等容进行描述。

知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案HTML标记 答案说明HTML中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 关键字HTML语言简介 5、 题干在建设中,HTML用于搭建页面结构,CSS用于设置页面样式,__________用于为页面添加动态效果。 知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案JavaScript 答案说明考察对JavaScript的理解 关键字JavaScript语言简介 二、判断题(2‘*10) 1、 题干因为静态网页的访问速度快,所以现在互联网上的大部分都是由静态网页组成的。知识点编号 题目类型判断题 难度等级简单 权重分值2分 答案错 答案说明 现在互联网上的大部分都是由静态网页和动态网页混合组成的,两者各有千秋,用户在开发时可根据需求酌情采用。 关键字认识网页 2、 题干网页主要由文字、图像和超等元素构成,但是也可以包含音频、视频以及Flash等。知识点编号 题目类型判断题 难度等级简单 权重分值2分 答案对 答案说明网页主要由文字、图像和超等元素构成。当然,除了这些元素,网页中还可以包含

Dreamweaver CS3网页制作基础教程第4章习题答案

项目四图像和媒体──编排旅游网页 一、填空题 1、()作为临时代替图像的符号,是在网页设计阶段使用的重要占位工具。 正确答案:图像占位符 2、背景图像的重复方式有“不重复”、“重复”、“横向重复”及“()”。 正确答案:纵向重复 3、如果文档中包含两个以上的Flash动画,按下()组合键,所有的Flash动画都将进行播放。 4、()可以使图像一幅幅地展示出来,是一种特殊形式的Flash动画。 正确答案:图像查看器 二、选择题 1、在网页中使用的最为普遍的图像格式主要是()。 A、GIF和JPG B、GIF和BMP C、BMP和JPG D、BMP和PSD 正确答案:A 2、具有图像文件小、下载速度快、下载时隔行显示、支持透明色、多个图像能组成动画的图像格式的是()。 A、JPG B、BMP C、GIF D、PSD 正确答案:C 3、下列方式中不可直接用来插入图像的是()。 A、在主菜单中选择【插入】/【图像】命令 B、在【插入】/【常用】面板的【图像】下拉菜单中单击按钮 C、在【文件】/【文件】面板中用鼠标选中文件,然后拖到文档中 D、在菜单栏中选择【插入】/【图像对像】/【图像占位符】命令 正确答案:D 4、通过图像【属性】面板不能完成的任务是()。 A、图像的大小 B、图像的边距 C、图像的边框 D、图像的第二幅替换图像 正确答案:D 5、下列方式中不能插入Flash动画的是()。 A、在主菜单中选择【插入记录】/【媒体】/【Flash】命令 B、在【插入】/【常用】/【媒体】面板中单击图标 C、在【文件】/【文件】面板中用鼠标选中文件,然后拖到文档中 D、在【插入】/【常用】/【图像】下拉菜单中单击按钮 正确答案:D 三、问答题 1、就本项目所学知识,简要说明实现图文混排的方法。 图像【属性】面板的【对齐】选项用于调整图像周围的文本或其他对象与图像的位置关系,通过设置此选项可以实现图文混排的目的。在【对齐】下拉列表中共有10个选项,其中经常用到是“左对齐”和“右对齐”两个选项,【左对齐】表示将所选图像靠左边界排列,文本在右边围绕它排列,【右对齐】表示将所选图像靠右边界排列,文本在左边围绕它排列。 2、如果要在网页中能够播放WMV格式的视频,必须通过【属性】面板做好哪两项工

网页设计基础教程

-------------------------------------网页的结构 ----------------------------------- 一、HTML的组成结构 1、头部。 头部的HTML写法就是头部的内容,这两个非常相似,只是后一个比前一个多了“/”符号。 2 眼睛。 标题 这些应放在和之间。也就是 标题 3 身体 网页最主要的部分 页面内容 4最后, 把这些部分组成一体----网页,所以咱们就用把他们给包起来。 网页的结构: 标题 页面内容 --------------------------------------内部细则 ---------------------------------------

1、背景颜色 我们发现多了个bgcolor其实就是backgroundcolor(背景颜色)的意思,bgcolor="red"设置网页的背景颜色为红色,现在颜色一般都是#ff0000样式的。 2、背景图片 中“backgroud”就是设置背景图片的啦, back-ground.gif是背景图片的名字,为什么有的朋友也是如此写的,而网页却没有背景图片呢?其实back-ground.gif是该图片相对于这个页面的位置,比如你做的这个页面放在c:\我的网站\,而背景图片的位置放在c:\我的网站\images\,那么就得这样写了:,注意两者的区别 3、背景音乐 它的代码是放在页面的头部里 因为它也是显示网页的时候我们首先接受到的信息 loop,循环,那么loop="-1"是什么意思呢?loop是bgsound的一个属性,当然src也是了,后边跟得就是属性值了,那么loop="-1"就是无限循环的意思,只要是页面打开,音乐不会停止的,loop="1"说明循环一次,等于0就是不循环。 4、body其它属性 topmargin,leftmargin。有的朋友再做页面的时候,感觉文字或者表格怎么也不能靠在浏览器的最上边和最左边,怎么回事呢?因为一般我们用的制作软件或者说html语言默认的都是topmargin和leftmargin值等于12,如果你把他们的值设为0,你看看会有什么效果!如下比较一下和,有兴趣的朋友可以任意设置他们的值! ------------------------------------字体 ------------------------------------------ 字体,英文font,这html语言中也是它---font 1 标题字体 文字 # =1,2,3,4,5,6 比如:

今天天气真好!

注意:这些一般的用在标题上,所以起名叫标题字体; ... 这些标记显示黑体字;这些标记自动插入一个空行,不必用 标记再加空行,因

网页制作学习入门教程

网页制作学习入门教程 本网页制作学习入门教程从(一)入门概念(二)设置主题(三)工具使用(四)上传网页(五)宣传与维护网页五个方面详细的介绍了网页新手必须了解的入门教程。言简意赅。值得一看。 网页制作学习入门教程(一)入门概念 WWW基本概念上WWW 你应该会了吧!这是重要的一步!不管你是用学校的网络,或是使用自己家的电脑上ISP上网,至少你要能连上网络,这样我们才能继续下去啊!有些人会搞不清楚INTERNET 和WWW 或是BBS 究竟有什么分别,以最简单的话来解释:INTERNET 是一个网络的大环境,而它拥有多项的服务项目,如:WWW、BBS、FTP、Gopher、Mail、News...等。就好象一家大的百货公司一样,有娱乐场、美食部、家电商...等的道理是一样的(只是的比喻)。现在应该知道INTERNET 和WWW 的差别了吧!WWW是20世纪90年代初兴起的一种服务。 网页:就是我们现在要准备做的东西。 首页:就是当我们进入网站时,第一眼看到的网页。 网站:由一堆网页所构成的网站内容,各个网页之间主要通过超级连接联系,这就叫网站。 WWW:则是由一堆网站所连接而成的。 简单说就是:网页→网站→WWW。 网页制作流程 为了让网友们对于网页制作有初步的概念,先简单的说一下制作网页的一般流程: 主题架构:就是网站内容主题及操作界面,先要想好。 制作工具:准备制作网页的工具、图片制作工作、网络工具等。 编写网页:开始动手,编写网页,最累最有成就感的时候。 选择空间:制作好网页就要放到网络上,得找个免费空间来放。 上传网页:有了存放网页的空间,就将制作好的网页上传到网络上。 维护网页:后续的维护网页工作,保持网页内容的新鲜度。

网页设计与制作电子教案

网页设计与制作电子教案 电子教案 课程:第1章网页制作基础课时内容教学目标网页制作基础授课时间学时数 2 ? 了解的组成和语法 ? 了解网页制作的常用软件 ? 掌握网页制作软件的启动和退出方法网页制作的一些基本知识的组成和语法 1、教学思路:首先,让同学们说说他们对网页的一个认识。然后进行系统地介绍网页是什么,由哪些部分组成,还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。最后学习网页制作软件的启动和退出方法。 2、教学方法:先登录一些常用的网站,让同学们看一些网页,然后让同学们说下他们度网页的认识,最后才开始讲解本周内容。 3、教学手段:利用多媒体并结合网络进行教学。 4、教学资料及要求:课前要求学生先大致浏览本书内容,对本书所要讲解的内容有个基本的了解。教学内容讨论问题:1、什么是网页? 2、网页的基本组成部分是哪些?3、网页有什么作用?第1章网页制作基础# 1.1 网页制作基础知识 1.1.1 网页简介 1.1.2 什么是 1.1.3 的组成结构及语法 1.1.4 应用举例——使用记事本编写网页教学重点教学难点教学设计 1.2 网页制作的常用软件 1.2.1 图形图像处理软件 1.2.2 动画制作软件 1.2.3 网页布局软件 1.2.4 软件配合及制作流程 1.2.5 应用举例——实战网页制作流程 1.3

网页制作软件的启动与退出 1.3.1 网页制作软件的启动 1.3.2 文件的打开 1.3.3 网页制作软件的退出 1.3.4 应用举例——启动并退出 Photoshop CS3 1.4 上机及项目实训 1.4.1 Flash CS3的启动与退出 1.4.2 制作“蓝莲花”网页 1.5 练习与提高本课小结 1、了解网页的组成。 2、掌握的组成结构及语法。 3、认识制作网页时常用到的一些软件4、掌握网页的基本操作(1)文档结构由哪几部分组成? (2)制作网页时常用软件有哪些?(3)如何启动和退出Dreamweaver CS3?(4)如何打开Flash文件?(5)如何退出Photoshop?思考题及作业 电子教案 课程:第2章 Dreamweaver CS5基本操作课时内容 教学目标 Dreamweaver CS5基本操作授课时间学时数 2 ? 认识Dreamweaver CS5的工作界面 ? 掌握网页文档的基本操作方法 ? 掌握页面属性的设置 ? 掌握设置并管理站点的方法认识Dreamweaver CS5的工作界面设置页面属性和站点管理 1、教学思路:首先,让同学们认识Dreamweaver CS5的工作界面。然后进行系统地介绍网页文档制作的基本操作方法及页面的设置。最后学习对站点的管理以及设置方法。 2、教学方法:让同学们先回忆一下上节课所讲内容,然后让同学们回答网页是由哪几部分组成的,了解同学们对上一章知识的掌握程度。 3、教学手段:结合上章内容在机房内进行上机讲解。 4、教学资料及要求:课

网站建设基础知识及专业术语

网站建设基础知识及专业术语 在做网站的时候,许多客户要求我们介绍一下网站建设相关方面的知识。今天,为大家介绍一下一点基础知识。这样在制作网站时可以事半功倍,制作出令人满意的网站。首先将介绍网页基本知识、网页的基本构成元素、如何设计网页,接着介绍网页设计的常用软件Dreamweaver 、Flash和Photoshop,最后介绍动态网站技术,如网页标记语言HTML、网页脚本语言javascript和动态网页编程语言,为后面设计和创建完整的网站打下良好的基础。 一.网页基本知识 1.什么是Internet Internet是一个全球墟履计算机互联网骆,中文名称为"国际互联网"或"因特网",它集现代通信技术和现代计算机技术于一体,是计算机之间进行国际信息交流和实现资源共享的良好手段。Internet将各种各样的物理网骆联接起来,构成一个整体,而不论这些网骆类型的异同、规模的大小和地理位置的差异。Internet是全球最大的信息资源库,几乎包括了人们生活的方方面面,如教育、科研、商业、工业、出版、文化艺术、通信、广播电视、娱乐等。经过多年的发展,互联网已经在社会的各个方面为全人类提供便利。电子邮件、即时消息、视频会议、网骆日志、网上购物等已经成为越来越多人的一种生活方式。 2.什么是网站 网站是因特网上的一个信息集中点,可以通过域名进行访问。网站要存储在独立服务器或者服务器的虚拟主机上才能按受访问。网站是有独立域名和独立存放空间的内容集合,这些内容可能是网页,也可能是程序或其他文件。网站不一定要有很多网页,只要有独立域名和空间,哪怕只有一个页面也叫网站。 3.什么是Web服务器 Web服务器就是在Web站点上运行的应用程序,用户只有把设计好的网页放到Web服务器上才能被其他用户浏览。Web服务器主要负责处理浏览器的请求。当用户使用浏览器请求读取Web站点上的内容时,浏览器会建立一个Web链接,服务器接受链接,向浏览器发送所要求的文件内容,然后断开链接。 4.什么是静态网页 网页又称HTML文件,是一种可以在WWW上传输、能被浏览器认识和翻译成页面并显示出来的文件。静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页,访问者只能被动地浏览网站建设者提供的网页内容,其特点如下: a、网页内容不会发生变化,除非网页设计者修改了网页的空容; b、不能实现和浏览网页的用户之间的交互,信息流向是单向的,即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。静态网页的浏览过程。 5.什么是动态网页 所谓动态网页是指网页文件里包含了程序代码,通过后台数据库与Web服务器的信息交互,由后台数据库提供实时数据更新和数据查询服务。这种网页的后缀名称一般根据不同的程序设计语言不同,如常见的有.asp、.jsp、.php、.perl、.cgi等形式为后缀。动态网页能够根据不同时间和不同访问者而显示不同内容。如常见的BBS、留言板和购物系统通常用动态网页实现。动态网页的制作比较复杂,需要用到ASP、PHP、ISP和https://www.doczj.com/doc/3716246996.html,等专门的动态网页设计语言。动态网页浏览过程。 二.网页的基本构成元素 1.网站Logo 网站Logo也称为网站标志,网站标志是一个站点的象征,也是一个站点是否正规的标志之一。网站的标志应体现该网站的特色、内容及其内在的文化内涵和理念。成功的网站标

dreamweaver简单描述制作网页的基本步骤

本教程主要是针对初学者,如何使用Dreamweaver 制作一个网页?这个教程具体详细讲解了制作网页的步骤,及注意的问题,并且拿一个实例来给大家做了一下详细讲解! 创建网页页面 1、在Dreamveaver文件—新建—常规—基本页—HTML,这样就建好了一个页面,英 文版的默认的文件名为untitled.htm。中文版的的默认的文件名为无标题文档”。htm就表示 这个网页文件是一个静态的HTML 文件。给它改名为index.htm。 注:网站第一页的名字通常是index.htm 或index.html 。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。 2、在标题空格里输入网页名称,点击修改—页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。 3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。 4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。 注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。 注:在网页上打入空格的办法是:把输入法调为全角。 注:在网页上换行的办法是:shift+Enter。只按Enter则为换段。 下面拿一个现成的例子来给大家讲解一下: 现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图:

网站建设与网页制作基础入门教程

网站建设与网页制作基础入门教程 网站(Web Site)是一个比较抽象的概念,随着互联网的快速发展,网站建设就如建房子一样,已经越来越多。但是,要建设一个新型的网站,确实需要懂得一些网站建设与网页制作基础入门知识,以下介绍网页制作与网站建议过程中的基础知识与使用方法。 一、注册域名 域名(网站地址)是由一些字母或者汉字加入“域”的代号(com、cn、edu、net……)用小数点隔开所组成网站独一无二的标志,域名的组成,域名有英文域名,也有中文域名,例如百度域名为(https://www.doczj.com/doc/3716246996.html,),而中文域名很多都不用www,例如本人的网站(http://设计家园.com)就没有www,域名中"http://"是域名的协议(或称服务方式);第二部分就是网站地址(也有使用IP地址),如百度网的主机地址为(https://www.doczj.com/doc/3716246996.html,),而中文域名的主机地址如(设计家园.com),也有使用IP地址作为主机名,例如清华大学Web主机的IP 地址是“166.111.4.100”,这四个数字组合起来就是IP地址,除了可以用域名地址搜索网站,还可以用IP地址来搜索打开网站的网页,例如在浏览器的地址栏输入 http://166.111.4.100(有时也加入端口号,如果端口号为80可以忽略),就可以直接访问清华大学的网站。 二、租用网站空间 域名就如一个刚刚出生的婴儿,要让婴儿在社会中成长,还需要有立身之地,网站空间就是域名立身之地。只有租用网站空间才可以把文件存放到网站让别人浏览到网页,当前很多新开网站,特别是个人的小型网站租用的都是虚拟主机空间,虚拟主机空间虽然是很多人共同租用一个空间,但在管理上不用自己来维护,并且价格比网站空间便宜很多。对开个人网站来说,租用中国大陆空间,一般都需要申请备案,队了时间要求半个月以上才能使用虚拟主机空间,而能备案基本都是公司或者单位集体开办的网站,因此很多个人网站租用的都是香港空间或者国外的空间,这些外地的空间不用备案,只要到有空间租用的网站(如中国E 动网)申请空间,就能马上按域名、空间地址(IP地址)来建设网站。

相关主题
文本预览
相关文档 最新文档