网页制作课程知识点归纳范文

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页制作课程知识点归纳范文
第一篇:网页制作课程知识点归纳范文
《网页制作》复习题)
第1章网页制作概况网页的概念
网页是用HTML(超文本编辑语言)语言编写,通过WWW传播,并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。

网页HTML文件与web浏览器间的关系理参照P5
首页和主页的异同点
首页与主页的区别:浏览网站时最先访问的页为首页,一般为欢迎信息,通过链接再进入主页(例如:榕树下网站)。

主页是整个网站的导航中心(例如:163网站)。

有些网站首页即主页。

网页制作的常用工具软件有哪些
FrontPage、网页制作三剑客(Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客)、Photoshop ……
网页正文区
第二篇:中职网页制作课程教学初探
中职网页制作课程教学初探
在中职计算机教学过程中,如何让学生通过学习掌握建立网页的步骤和方法,怎样设计才能使网页独具特色?这都是中职教师在教学中需要考虑的问题。

一、根据学生情况选择适用教材中职学生的知识基础较差,学习能力不高,在选取教材时不仅要考虑教材的实用性,还要根据学生的水平选择教材,使学生在学习时能通过探究学习掌握其中的知识。

教材内容的难易对学生学习的积极性具有较大的影响。

如果选取的教材内容较难,学生难以掌握其中的知识,那么他们在学习和探究时,即使花费大量的时间和精力,也很难获得提高,这就使学生对学习不感兴趣,更不要说在制作网页中融入创新思维了。

如果教材内容太简单,学生一看就懂,也不能有效地激发学生的思维,促使他们综合能力的
提高。

所以,选择合适的教材对学生的学习效率具有关键作用。

二、规划课程教学内容
规划教学内容是做好课程教学的首要任务。

根据中职学生的特点,本课程选择以培养学生的实践动手能力为目标。

教学内容主要定位在静态网页的制作、设计和发布方面,在内容组织上从实际需要出发,以够用为原则,精选了网页制作技术的一些主要内容展开讲解,主要任务有网页的基础知识、HTML语言、Dreamweaver 8软件、Photoshop CS2软件、Flash 8软件、CSS层叠样式表、Script脚本等。

以网页设计的技能学习和训练为主,重点讲授Dreamweaver网页设计软件的使用方法及相关技巧。

让学生通过这门课程的学习,能够具备综合运用专业软件为中小型网站设计和制作网页的能力,为今后从事相应的网站设计制作工作打下良好的基础。

同时,注意综合运用学生已学的专业课程知识,以培养适合社会需要的实用型人才为目标。

三、精心设计教学内容,制订教学方案在网页制作教学中,教师可以把学生的学习过程分为以下几个阶段:
第一阶段是网页入门。

先向学生介绍什么是网页以及制作网页要用的工具,让学生掌握简单制作网页的知识。

在让学生对网页有了初步认识之后,教师要让学生学会如何收集素材,如何把素材插入到网页中,并对网页中的内容合理安排。

第二阶段是网页布局制作阶段。

学生在掌握了简单的网页制作之后,需要让他们对网页建设中内容布局进行探究。

在这一阶段,教师要注重学生创新能力的培养,使学生能在网页制作时进行有效创新。

第三阶段是网页美化设计阶段。

让学生掌握软件Photoshop使用方法,能对各种素材按照自己的想法进行加工,使插入网页的素材能更好地反映网页的主题。

同时还要让学生掌握运用Flash软件制作动画的技术。

第四阶段是网站程序使用阶段。

通过这一阶段的教学,让学生掌握制作网页中的特效,并能通过编写网站程序,构架出动态网站。

学生掌握了这一阶段的学习,能使网页设计在动态和静态素材结合下更
完美,还能让学生建立小型的网站,为他们以后在进行网站建设学习时做好铺垫。

四、优化教学方法,促使学生积极探究
网页制作课堂需要教师让学生在计算机房进行实际操作和学习,才能让他们真正掌握网页制作知识,并在探究过程中激发创新思维。

在教学过程中,教师既要对学生进行引导,还要通过实际操作来提高学生的动手能力,使学生能在对网页制作理论知识探究的同时,通过操作来理解和领会这些知识。

教师要深入研究教材知识,了解中职学生的特点,用多种教学方法来使课堂教学丰富有趣,使学生的注意力保持高度集中。

在让学生进行网页制作之前,教师要和学生共同分析制作案例,让他们在观看案例的过程中掌握网页制作的步骤和技巧。

五、全面综合的考核评价方法使学生树立信心
网页制作教学过程中,教师要突出教学的实践性,使学生在动手制作的过程中培养综合能力,使学生对计算机知识掌握得更全面,同时在设计时能领会运用各种制作素材,并能使网页制作效果新颖独特。

网页制作课程在对学生进行考核和评价时,不同于其他学科的测验,这是由于网页制作需要一个较长的过程,学生需要对网页设计进行构思,收集网页设计所用到的素材,对网页结构的布局进行设计等。

所以,教师在对学生进行考核和评价时,不能只考虑学生在期末考试时的成绩,而是要把每次的网页制作作业、课堂学习效果、期中测试成绩都要考虑进去,全面综合地对学生进行评价。

总之,在网页制作教学中,教师要通过让学生观看网页制作实例来激发学生制作网页的欲望,使他们能积极主动地进入到网页制作的探究过程中。

同时教师还要组织丰富多彩的教学活动来调动学生的积极性,使他们能不断提高网页制作能力,提高综合素质。

第三篇:如何制作网页
如何制作网页电脑巧门 2008-11-07 23:07:49 阅读 1016192 评论 949
字号:大中小订阅
很多朋友渴望有一个属于自己的网站,看到其他朋友的精美的网页非常羡慕,现向朋友推荐做网页的软件,FrontPage 2003 是 Office 家族的一员,相对于其他的网页编辑软件,他的操作更加的简单方便,所以学习起来非常的快捷。

这个教程是金鹰教程网专门为初级用户特别编制的,相信一定会给朋友一个认识网页制作,学习网页制作的机会。

软件下载:◆点击下载第一章:基本 1.如何学习 FrontPage 4.界面介绍 7.网站规划 10.总结第二章:网站 11.制作网站的流程 14.关闭网站 17.文件夹列表 1 第三章:网页 19.新建网页 22.关闭网页 25.设置标题 20.保存网页 23.页边距 26.复制网页 21.打开网页 24.操作背景 27.总结 12.网站元素级别 15.打开站点 18.文件夹列表 2 13.创建站点 16.重命名站点 2.网站、网页的概念 5.界面操作 8.色彩搭配 3.启动与关闭6.视图操作 9.设计草图
第四章:文字操作 28.学习思路 31.选择文本 34.撤销、恢复 37.复制文本 40.设置段落格式 43.总结第五章:表格 44.学习思路 47.删除表格 50.删除单元格、行和列 53.设置表格属性 56.设置宽度和高度 59.文本表格互转第六章:项目符号和编号64.将项目符号、编号添加到现有文本 45.添加表格 1 48.添加单元格、行和列 1 51.选表格、单元格、行、列 54.设置单元格属性 57.合并单元格 60.格式应用 46.添加表格2 49.添加单元格、行和列2 52.添加、删除标题55.设置细线边框58.拆分单元格 61.总结 29.输入文字 32.设置文本格式 35.格式刷 38.剪贴板41.段落间距30.导入文字33.删除文本格式36.添加边框、底纹39.移动文本 42.插入符号
62.学习思路 65.重新调整第七章:图像 67.学习思路 70.预览插入图片 73.设置填充 76.设置三维效果 79.旋转图形 82.插入艺术字
63.创建项目符号、编号 66.总结
68.插入图片 1 71.设置图片格式74.设置边框 77.调整大小 80.对齐和排列 83.设置艺术字
69.插入图片 2 72.插入自选图形75.设置阴影 78.组合图形 81.插入文本框 84.编辑文字
85.总结
第八章:音频、视频等元素86.学习思路89.制作按钮92.添加背景音乐 95.总结第九章:框架 96.学习思路 99.设置初始页 102.调整框架105.嵌入式框架108.练习2_框架网站111.练习5_框架网站第十章:超链接 113.学习思路 119.设置超链接颜色 122.重新指向页面 125.总结第十一章:其他元素126.学习思路129.设置字幕132.元素总结127.水平线130.添加网页过渡128.添加字幕131.删除网页过渡114.创建同网站内超链接 120.设置
超链接屏幕提示 123.创建电子邮件 115.创建外部超链接 118.设置超链接字体效果 121.删除超链接 124.删除书签 97.创建网页框架 100.设置框架的显示 103.拆分框架 106.总结 109.练习 3_框架网站 112.练习6_总结98.编辑框架内容101.重命名框架104.删除框架107.练习1_框架网站 110.练习 4_框架网站 87.添加 FLASH 90.添加视频 93.小技巧 88.设置基本 FLASH 内容 91.设置视频 94.删除元素
116.创建同一文件的超链接 117.不同元素的链接
第十二章:上传网页
133.申请空间、域名
134.上传软件
135.上传网页
第十三章:建立自己的个人主页 136.规划 139.建立网站 142.制作广告 145.编辑简介 148.网页命名 151.制作 3 154.制作 6 157.总结第十四章:公司主页158.规划161.设置网站164.制作广告2 167.建立导航 2 170.简介页面 2 173.企业文化 176.添加链接 179.修改主栏目 2 182.总结第十五章:利用向导建立网站 183.规划 186.使用向导 3 189.修改主页 192.修改服务 184.使用向导 1 187.使用向导 4 190.修改新闻193.修改主题 185.使用向导 2 188.测试 191.修改产品 194.更改导航 1 159.绘制草图162.网页布局165.制作广告3 168.插入框架171.应用主题 174.产品展示 177.测试 180.修改链接 160.建立网站 163.制作广告 1 166.建立导航 1 169.简介页面 1 172.调整 175.联系方式 178.修改主栏目 1 181.修改框架 137.风格和主题 140.素材 143.建立导航 146.应用主题 149.制作 1 152.制作 4 155.制作 7 138.绘制草图 141.网站布局 144.插入框架 147.调整 150.制作 2 153.制作 5 156.制作 8
195.更改导航 2 198.新闻具体内容
196.更改导航 3 199.产品具体内容
197.更改导航 4 200.悄悄告诉你的秘密
第四篇:网页制作
你无须去记复杂的HTML语言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放图片了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图象文件即可,然后把这个文件保存为myself.html文件,放在myself的目录下。

好,
现在必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。

你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键,再选create link,然后再选你myself目录下的myself.html,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。

在你的封面做好了所有链接和图片后,记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单,只要多实际制作,工多艺熟。

还可以拿来主义,在网上看到什么好的主页,用另存为功能保存为.html 格式的文件,细细研究人家是如何做的。

还可以借用网页模版来搞,我的就是~~~~~~
将你制作好的安放在网上
要在网上安你自己的家,你必须先申请一个主页空间,即向某一个主机申请一快硬盘空间。

现在有较多的主机提供免费主页空间,具体见实用链接栏目。

这些主机不仅提供免费个人主页空间,并且还提供留言簿、计数器等很有用的功能。

只要到有关站点申请即可,具体方法,参考相关题目。

申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了!
需要注意的是,一定要保持网页的相对位置,否则会看不到网页的,有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题,只要把位置改动一下就可以的了网页制作网址大全
第五篇:网页制作
1.先下载网页制作工具,Dreamweaver v8.0 简体注册版
下载地址:
2.开始学习,去网易学院学习网页制作的方法。

《网站设计系列多媒体教程》
3.如果会做了,申请免费主页空间,如果自己有更好了,(注:主机是空间)没有请去这里找一个适合自己的申请,免费。

5.用您自己的或者申请的免费域名(一般申请免费空间都赠送一
个二级域名)访问您的主页。

再给你一个详细的好了
时下随着各种通讯技术的发展,互联网已在中国逐步进入普及阶段,许多人在充分享受浏览新闻,网上聊天,网络游戏,网上交易,收发电子邮件等网络的各种乐趣后,开始不满足于被动式的接受,希望能主动参与网络,因此大量的个人网站应运而生了。

计算机与网络专业技术人员能利用一技之长及在某一方面的专长轻松制作网页,但大量的网络菜鸟级人物如何制作个人主页,建立个人网站呢?我大概总结了以下几点,希望对一些对这方面缺乏基本了解的人提供一些帮助。

如果你是个经常上网的网虫,并对如何建立网站有一定的兴趣,那么请你继续读下去,否则我推荐你使用某些网站推出的傻瓜式的个人网页或请专业的网页制作公司代劳,完全没必要自己动手。

1.要建立个人网站,首先必须要了解一下目前网页制作的基本语言HTML,入门即可,大概花个一二小时就可。

2.学会使用目前流行的网页制作软件,如Frontpage、Dreamweaver等一些功能强大,所见所得的软件,初步了解就可,不用全部掌握,一般是边用边学,不断提高使用水平。

3.广泛的上网浏览各种网页,一开始最好能下载一些较简单的个人网页,因为他们所用到的技术较为简单,可用网页制作软件打开研究。

然后推荐去浏览一些专业的网页设计网站,学习一些排版经验,同时可下载一些网页结构模版供自己套用。

4.确定你的网站主题,我个人不主张开始就想建软件大全、书库等网上流行的为网站主题,因为第一你不够专业,网上已有太多的同类软件,别人不可能上你的网站下载。

第二这类网站需要巨大的主页空间,不仅一开始你申请不到这么大的空间,而且你也不可能经常上载维护。

网站主题最好是有你的个人特色,实在不能确定我建议自己做一个私人门户网站,将平时自己经常去的网站做一个较为综合的连结。

5.网页最好不要用特别与众不同的颜色、字体,因为每个人使
用的计算机各不相同,特别的颜色、字体别人不一定能看得到。

6.网页要增加美观图片不可缺少,我建议如果你会用一些专业的作图软件最好自己制作,这会有自己的特色,放些私人照片也可以,但切记各种图片一定要作优化处理,减小它的存储尺寸。

提醒一下每页不要放过多的图片,因为第一会使网页显得杂乱,第二会使你的网页显示速度过慢。

制作图片的常用软件有Photoshop,Fireworks等。

7.网页上可以用一些动画与特效增加你主页的美观与功能,动画可上网找,同样最好能自己制作,GIF格式的最常用,可用Ulead的Gig Animator软件制作,目前流行的是Flash动画,更多变化,尺寸更小,缺点是有些计算机上的浏览器缺省没有安装Flash浏览软件,有些计算机用户不能看到Flash。

网上还有许多免费的Javascript等可供使用,与图片一样,我建议每页不要放太多的动画与特效。

8.网页基本建成后,上网找免费的主页空间,以其主机的速度,提供的空间大小和有无基本的CGI功能及其提供的域名是否简单易记为考量依据,所谓CGI是指主机服务器上提供的程序,一般你可申请有免费计数器、留言板等。

找到速度快,主页存放空间大,域名简单的网站存放你的网页。

9.接下来是将网页上传至你申请的服务器上,具体上传的办法你在申请主页空间时就会了解,具体使用你制作网页的软件即可,我个人推荐使用CuteFTP Pro上传,这个软件功能强大,简单易用。

10.好,现在你的网站已建立,你可通知你的朋友上去浏览,把个人网站印在你的名片上,还想推广你的网站?那你可去各大搜索网站登录你的新站,如雅虎、搜虎、新浪等知名网站。

你还可与其它网站申请友情连结、去一些提供连结交换的网站申请广告交换,如太极链,酷站等。

在做这一步时你需要做二个468X60和88X31尺寸的广告图片,动画最好,存储大小尽量控制在10k以下。

11.如果你还想靠你的网站赚一些小钱,你可去一些商业网站申请广告连结,替他们做广告,一般以从你的网页点击到他们的网页次数算钱。

12.最后我要提醒各位未来网主,你的网站千万不要放一些明显
与国内政治相抵触的内容,这事关重大,不可儿戏,否则网站被关闭事小,坐牢也说不定哦。

另外,网站内容与性有关可大大增加被浏览的数量,但黄色的内容不要放,虽说性质比不上反动内容,但也有问题。

建议打打擦边球,提供一些性教育、性知识,情情爱爱的内容无伤大雅。

随着网络技术的不断发展,网络应用已经渗透到人类社会的各个角落。

作为网络世界的支撑点的网站,更是人们关注的热点:政府利用网站宣传自己的施政纲领,日益成为与百姓交流的直通车;企业利用网站宣传自己的形象,挖掘无限商机;个人利用网站展示个性风采,创建彼此沟通的桥梁。

越来越多的人希望拥有网站,开辟网络世界里的一片天地。

如何设计一个出色的网站呢?关于这个问题,人们讨论的很多,可以讨论的内容也很多,加之网络技术的飞速发展,很难提出一个绝对权威和正确的设计思路,笔者不才,根据自己的设计体会,总结出以下基本设计思路:
一、定位网站的主题和名称
网站的主题也就是网站的题材,网站设计开始首先遇到的问题。

网站题材千奇百怪,琳琅满目,只要想的到,就可以把它制作出来。

下面是美国《个人电脑》杂志(PC Magazine)评出的99排名前100位的全美知名网站的十类题材:
第1类:网上求职
第2类:网上聊天/即时信息/ ICQ 第3类:网上社区/讨论/邮件列表
第4类:计算机技术
第5类:网页/网站开发
第6类:娱乐网站
第7类:旅行
第8类:参考/资讯
第9类:家庭/教育
第10类:生活/时尚
每个大类都可以继续细分,比如娱乐类再分为体育/电影/音乐等
小类,音乐又可以按格式分为MP3,VQF,Ra等,按表现形式分古典,现代,摇滚等。

同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万种。

这么多题材,如何选择呢?遵循的原则如下:
1、主题要小而精
定位要小,内容要精。

如果你想制作一个包罗万象的站点,把所有你认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有,却样样都很肤浅,因为你不可能有那么多的精力去维护它。

网站的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。

最新的调查结果也显示,网络上的“主题站”比“万全站”更受人们喜爱,就好比专卖店和百货商店,如果我需要买某一方面的东西,肯定会选择专买店。

2、题材最好是你自己擅长或者喜爱的内容
比如:你擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。

这样在制作时,才不会觉得无聊或者力不从心。

兴趣是制作网站的动力,没有热情,很难设计制作出优秀的网站。

3、题材不要太滥或者目标太高。

“太滥”是指到处可见,人人都有的题材;比如软件下载,免费信息。

“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。

如果题材已经确定以后,就可以围绕题材给网站起一个名字。

网站名称,也是网站设计的一部分,而且是很关键的一个要素。

你来看,“电脑学习室”和“电脑之家”显然是后者简练;“迷笛乐园”和“MIDI乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。

我们都知道PIII的中文名称“奔腾”,如果改为“奔跑”,可能就没有今天这么“火”了。

和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。

我的建议是:
1、名称要正
其实就是要合法,和理,和情。

不能用反动的,色情的,迷信的,危害社会安全的名词语句。

2、名称要易记
最好用中文名称,不要使用英文或者中英文混合型名称。

另外,网站名称的字数应该控制在六个字(最好四个字)以内,四个字的也可以用成语。

字数少还有个好处,适合于其他站点的链接排版。

3、名称要有特色名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。

例如:音乐前卫,网页陶吧,e书时空等。

在体现出网站主题的同时,能点出特色之处。

二、定位网站的CI形象
所谓CI(corporate identity),意思是通过视觉来统一企业的形象。

一个杰出的网站,和实体公司一样,需要整体的形象包装和设计。

准确的,有创意的CI设计,对网站的宣传推广有事半功倍的效果。

具体的做法是:
1、设计网站的标志(logo)就如同商标一样,标志是你站点特色和内涵的集中体现,看见标志就让大家联想起你的站点。

标志的设计创意来自你网站的名称和内容:
(1)网站有代表性的人物、动物、花草等,可以用它们作为设计的蓝本,加以卡通化和艺术化,例如迪斯尼的米老鼠,搜狐的卡通狐狸等等。

(2)网站有专业性的,可以以本专业有代表的物品作为标志。

比如中国银行的铜板标志,奔驰汽车的方向盘标志等等。

(3)最常用和最简单的方式是用自己网站的英文名称作标志。

采用不同的字体,字母的变形,字母的组合可以很容易制作好自己的标志。

2、设计网站的标准色彩
网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。

不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。

举个实际的例子就明白了:IBM的深蓝色,肯得基的红色条型,windows视窗标志上的红蓝黄绿色块,都使我们觉得很贴切,很和谐。

“标准色彩”是指能体现网站形象和延伸内涵的色彩。

一般来。

相关文档
最新文档