网页设计课程总结
网页设计课程总结
摘要:自从第一个网站在上个世纪90年代初诞生以来,设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成,除了一些小图片和毫无布局可言的标题与段落。然而,时代在进步,接下来出现了表格布局,然后是Flash,最后是基于CSS的网页设计。很有幸的,这学期跟着老师学习了网页课程设计,了解了网页设计的基础知识,会制作简单的小网页。
关键字:基础知识原则要点软件发展方向主流技术发布与维护网页设计基础知识
说起网页,不得不提几个和它相关的名词。
(1)WWW又称万维网,也可以简称为WEB或3W,是一种建立在INTERNET上的
庞大的基于超文本的网络信息系统,具有全球性、交互性、动态性、跨平台、分布式等特点。
(2)www浏览器是专门用来定位和访问WEB信息的应用程序或工具软件。常用
的浏览器软件包括Microsoft公司的InternetExplorer和Netscape公司的Navigator.ta.
(3)WWW服务器是对浏览器的请求提供服务的计算机及其相应的服务程序。网
页提供者将制作和的网页存放在服务器上供用户浏览。采用客户机/服务器的工作模式。
(4)超文本与超媒体是WWW的信息组织形式。在WWW系统中,信息是以一种非
线性的超文本方式组织的。
(5)超链接在本质上属于网页的一部分,它是一种允许我们同其他网页或站点
之间进行连接的元素。
(6)URL统一资源定位器是对Internet上资源的一种准确的定位机制,它以
一种全世界统一的唯一标识来确定某个网络资源,可以访问Internet上任何一台主机或者主机上的文件。
(7)搜索引擎是一个对Internet上的信息资源进行搜集整理,并供用户快速
查询的系统。
(8)网页是构成WEB站点的基本单位,是一种包含HTML格式内容的文本文件,它存放在INTERNET上的WWW服务器中,当用户在客户端浏览器中输入网址发出请求时,就被快速传送到客户机上,经过浏览器解释,在窗口显示丰富多彩的网页内容。
网页设计中应遵循的原则
1、页面内容要新颖网页内容的选择要不落俗套,要重点突出一个“新”字2、网页命名要简洁在给网页命名时,最好使用自己常用的或符合页面内容的小写英文字母,这直接关系到页面上的连接。3、要及时更新网页
因为网页制作是一时的,而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉,4、注意视觉效果
设计Web页面时,一定要用不同于1024*768的分辨率来分别观察。5、随时注意网站升级时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。6、网页内容要易读
必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果,别用花里胡哨的色彩组合。一般来说,浅色背景下的深色文字为佳。,
7、善用表格来布局要注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构分明。
8、少用特殊字体在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。
9、多学习和使用HTML为了成功地设计网站,你必须理解HTML是如何工作的。还有一些小细节:尽量少用Java程序,少放网站地图,要为图片附加注释文字,做个网站介绍,考虑浏览器的兼容性,不宜多用闪烁文字,每个页面都要有导航按钮,避免长文本页面,网页风格要统一,动画最多只用一个,善用图像,网站导航要清晰,最好不用记数器,不能忽视错别字,不要用框架,使用著名的插件,使网站具有交互功能等网页设计要点一、确定网站的整体风格
1.将你的标志logo,尽可能的放在每个页面上最突出的位置。2.突出你的标准色彩。
3.总结一句能反映贵站精髓的宣传标语!
4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!二、网页色彩的搭配
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。网页制作工具软件介绍
1.Dreamweaver,用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具;
2.Frontpage,跟Dreamweaver一样,不过个人感觉还是Dreamweaver好;3.Flash,网页需要画面流动时的首选择;
4.Photoshop,图像处理软件,一般网页都需要有图片相搭配,Photoshop是款很强大的工具。
5.Fireworks,跟Photoshop一样都是图像处理软件,但Fireworks偏向与对网页的处理。网页设计发展方向1.更多的CSS3+HTML5
这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5,但在201*年CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者,新技术(指CSS3+HTML5)将会取而代之。201*年,Flash渐行渐远,魔术师“HTML5”成为舞台的主角:2.简单的配色方案没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的,太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然,颜色最好保持使用2到3种。调整颜色的透明度,或许会给你意想不到的效果。网页制作主流技术
目前,最常用的三种动态网页语言有ASP(ActiveServerPages),JSP(JavaServerPages),PHP(HypertextPreprocessor)
ASP全名ActiveServerPages,又成为服务器端的VBScript,所以采用我们非常熟悉的VB语法。由于采用Basic语法,只要熟悉Basic语言,有点html基础,要学习掌握ASP是很简单的事情。任何文本编辑都可以进行编辑,当然,对于asp我们还是推荐采用Microsoft公司的InterDev。可它却只能在NT和win201*上很好的支持。
JSP全名JavaServerPages,采用java语法,由于java体系的任何东西都是需要JDK支持的,同样,JSP也离不开JDK。由于java高度的面向对象和灵活性,所以,比Basic稍微要难点。任何文本编辑都可以进行编辑,但是,却需要JDK先编译好。对于我们目前流行的两种最主流的网络操作系统(UNIX/Linux和NT/Win201*),都能很好的支持。
PHP全名HypertextPreprocessor,采用类似C的语法。由于采用C语法,要学习掌握PHP也是比较简单的事情。任何文本编辑都可以进行编辑。对于我们目前流行的两种最主流的网络操作系统(UNIX/Linux和NT/Win201*),它都可以很好的支持,而且根本不用修改任何代码。网页设计发布和维护
网页在本地制作完毕并测试成功后,需要上传到Internet上,这样用户才能访问,如果是个人网站,可以到internet上申请一个免费空间。维护网站
在上传网页之前,还有一些工作需要做,这也是维护网站的一些手段,如:(1)站点报告
(2)检查站点范围的链接(3)查找和替换功能(4)清理文档(5)保持同步参考文献:
1、黄斯伟.CSS完全使用详解[M].北京:人民邮电出版社,201*.7
2、刘瑞新.网页设计基础与网站维护教程[M].北京:机械工业出版社,201*.103、陈承欢.网页设计基础与网站维护案例教程[M].北京:人民邮电出版社,201*.34、温谦.HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,201*.3
5、VK工作室.HTML+CSS入门讲座[M].北京:科学出版社,201*6、胡艳洁.HTML标准教程[M].中国青年出版社,201*.
扩展阅读:网页设计课程总结[1]
经管学院07级人力资源管理专业张睿201*41124123
信息管理与信息系统模块学习总结
在本学期的信息管理与信息系统模块课程中,我们学习了网页制作和网站建设,我们可以自己运用网络资源,结合相关资料及老师的指导,通过自身的实践创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程中,我学会了很多知识,虽然过程比较艰辛,但是有了一个展示自我的空间,我觉得很开心、很有成就感。一、网页制作的一些体会
作为网页设计的初学者,我对网页设计非常感兴趣,想设计出一个美观、实用、内容丰富的个人网页。我通过自己动手、动脑,通过网络资源和老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于使用网页制作软件方面的知识。在这个过程中,我通过上网搜集资料自学了Dreamweaver网页软件的应用,学会了简单地使用Dreamweaver。在设计过程中也出现了很多的问题,但上网查找、小组讨论等方式,不断地学习、提高,设计出的网页也在不断的进步。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。
在这个制作过程中,我学会了面对困难和挑战,但我十分享受这一过程,这是一个能令人感觉到收获的过程,这次的网页制作使我产生很强的成就感。制作网页开始的时候还是兴致勃勃,充满激情的。但是学习内容越来越多,就逐渐感觉有点思维混乱,开始烦躁,失去了当初的那种兴奋的感觉,原来在自己看来是一种乐趣的事情,现在却成了一种负担。但我坚持一步步做下来,到看到成品时,内心得到了强烈的满足感。从中使我感悟到:学习网页制作需要耐心,如果你没有耐心,你就学不会,因为当你碰到问题时,如果不能立刻得到问题的答案,你就可能做不下去了。学习网页制作需要坚持,坚持不断地学习,才能作出理想的作品,才能更加充实自己。二、网页制作的学习经验
学习网页制作不能一蹴而就,它是一个循序渐进的积累过程。想要更快更好地学习网页制作,除了需要勤奋努力外,还需要培养自己的审美能力以及美术基础。下面是一些网页制作的学习方法与经验。
⑴在学习制作网页前应对网页制作的各类软件进行一些了解,以便选择适合自己使用的软件。
⑵网页制作的学习应遵循由易到难的规则,先从简单的入手,再慢慢提升制作难度,以达到逐步提高网页制作能力的目的。
⑶在学习过程中,不能一味地去学习理论知识,应将书本知识与实际操作相结合。这样既能加深对知识点的印象,也能提高学习的兴趣。
⑷在学习时除了按书中提供的实例进行练习外,还应在该实例的基础上有自己的创意。⑸网页制作不能千篇一律地按一种固定的模式进行操作,应有独特的风格,这样才能体现出与众不同的魅力,以吸引浏览者,提高网页人气。
⑹运用模板制作网页可提高制作速度与效率,这也是统一网页风格的一个快捷方便的途径,千万不可忽视模板的效用。
⑺要善于借鉴别人的优点,取长补短,多上网浏览,将风格独特、别具匠心的网页保存下来以作参考。
三、网页设计的一些要点
做好网页,并不是一件容易的事,它包括个人网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。⑴标题
在个人网页中标题起着很重要的作用,它在很大程度上决定了你整套个人网页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己网页的主题和风格。⑵内容的采集
选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人网页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。⑶图片
做个人网页不能只用文字,必须在网页上适当地加一些图片,增加可看性,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。⑷网页排版
网页页面整体的排版设计也是不可忽略的,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。⑸特色
让自己的网页更有特色一些,可适当地加一些声音、动态网页。
经过一段时间的的努力,终于在老师和小组成员们的合作下完成了网站的制作,期间遇到了一些困难,但是在大家的探讨下都解决了,同时也对网站建设有了更进一步的了解。通过网站的制作,对网页制作产生了浓厚的兴趣。对于一个刚接触静态网页制作的人来说,做一个静态的网页,只要充分利用好表格,使网页结构清晰明了,内容充实紧凑,这个网站就可以算得上是一个合格的网站了。从这方面考虑,我相信我的网站是一个合格的作品。当然,我还需要不断学习,因为目前动态网页构成的网站才是主流的网站。学习的路还很漫长,今后要不断的努力完善自己,用知识武装自己。只有适应社会发展的需求,适应时代发展的需求,才能在竞争日益激烈的社会中立足。
总体来说,通过对网页设计的学习,有收获也有遗憾、不足的地方,我利用了学习之余的一切可利用的剩余时间投入到网页世界,去不断的学习和探索,同时去不断的充实与完善自我。我想我已经迈入了网页设计的大门,只要我再认真努力的去学习和提高,我将来设计出的网页会更加专业和完善。
友情提示:本文中关于《网页设计课程总结》给出的范例仅供您参考拓展思维使用,网页设计课程总结:该篇文章建议您自主创作。
来源:网络整理 免责声明:本文仅限学习分享,如产生版权问题,请联系我们及时删除。