网页设计课总结

时间:2024.5.8

学习网页设计课总结

---Dreamweaver

作为网页设计的初学者,我对网页设计非常感兴趣,想设计出一个美观、实用、内容丰富的个人网页。我通过自己动手、动脑,通过网络资源和老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,增强了我的创作能力和动手能力,在网页设计过程中,从

构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。 在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于使用网页制作软件方面的知识。在这个过程中,我通过上网搜集资料自学了Dreamweaver网页软件的应用,学会了简单地使用Dreamweaver。在设计过程中也出现了很多的问题,但上网查找、小组讨论等方式,不断地学习、提高,设计出的网页也在不断的进步。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。 在这个制作过程中,我学会了面对困难和挑战,但我十分享受这一过程,这是一个能令人感觉到收获的过程,这次的网页制作使我产生很强的成就感。制作网页开始的时候还是兴致勃勃,充满激情的。但是学习内容越来越多,就逐渐感觉有点思维混乱,开始烦躁,失去了当初的那种兴奋的感觉,原来在自己看来是一种乐趣的事情,现在却成了一种负担。但我坚持一步步做下来,到看到成品时,内心得到了强烈的满足感。从中使我感悟到:学习网页制作需要耐心,如果你没有耐心,你就学不会,因为当你碰到问题时,如果不能立刻得到问题的答案,你就可能做不下去了。学习网页制作需要坚持,坚持不断地学习,才能作出理想的作品,才能更加充实自己。学习网页制作不能一蹴而就,它是一个循序渐进的积累过程。想要更快更好地学习网页制作,除了需要勤奋努力外,还需要培养自己的审美能力以及美术基础。下面是一些网页制作的学习方法与经验。 ⑴在学习制作网页前应对网页制作的各类软件进行一些了解,以便选择适合自己使用的软件。 ⑵网页制作的学习应遵循由易到难的规则,先从简单的入手,再慢慢提升制作难度,以达到逐步提高网页制作能力的目的。 ⑶在学习过程中,不能一味地去学习理论知识,应将书本知识与实际操作相结合。这样既能加深对知识点的印象,也能提高学习的兴趣。 ⑷在学习时除了按书中提供的实例进行练习外,还应在该实例的基础上有自己的创意。 ⑸网页制作不能千篇一律地按一种固定的模式进行操作,应有独特的风格,这样才能体现出与众不同的魅力,以吸引浏览者,提高网页人气。 ⑹运用模板制作网页可提高制作速度与效率,这也是统一网页风格的一个快捷方便的途径,千万不可忽视模板的效用。 ⑺要善于借鉴别人的优点,取长补短,多上网浏览,将风格独特、别具匠心的网页保存下来以作参考。

能否将网页做好,最重要的是要有一个十分清晰的思路,从而产生一个对整个网页的合

理布局。

首先确定网页主题,根据网页的主题需要规划好一级、二级菜单的内容。

收集好网页制作所需要的素材(文字、图片、动画、声音、视频等)。用网页做课件也

是同样的步骤。有的素材需要自己制作,有的可以在网上(利用百度)搜集自己需要的文字、图片、动画、声音、视频等素材。获取网上Flash文件:工具—— internet选项——浏览历史记录中的设置——查看文件。

网页制作工具有Dreamweaver 、 FrontPage 、Photoshop、Fireworks、Flash 等 。

Dreamweaver 、Fireworks、Flash 三个软件合在一起,被称为网页制作“三剑客”,这

三个软件相辅相承,可谓是制作网页的最佳拍档。

Macromedia Dreamweaver是一款专业的网页制作软件,用于对 Web 站点、Web页和

Web应用程序进行设计、编码和开发。无论开发者愿意享受手工编写HTML代码时的驾驭

感,还是偏爱在可视化编辑环境中工作,Dreamweaver都会提供实用的工具,使网页设计者拥有更加完美的Web创作体验

做网页之前应先建好文件夹及子文件夹,以便分类存放网页中使用的图片、动画等素材。文件夹名一般是网页主题的名字。打开Dreamweaver软件,在工具栏中,点击站点->新建站点,这时会弹出一个面板,在这个面板上有基本和高级两种选择。在这里,我们选择基本,给你的站点起个名字(要是英文的),下面的文本框,要填写http地址,这个不用去管它。

单击下一步,会提示你“是否使用服务器技术”,选择“否,我不使用服务器技术” 。 单击下一步,选择“文件存放的位置”,这里文件位置,是你存放站点的路径。

单击下一步,选择“是否连接远程服务器”,在这里,我们选择“本地/网络”。选择“文件存储在服务器上的文件夹”,选择和上一步存放的文件在同一目录下。

单击下一步,会提示你是“否存回和取出文件”,这个不用管它,单击下一步,点击完成。页面属性的设置主要控制页面的整体外观,包括背景、标题等。Dreamweaver 提供了

【页面属性】对话框,在这个对话框中提供了多种页面属性的设置方法。课件的首页是访问者看到的第一页,是课件关键性的一页,人们往往看到第一页就已经对你的课件有一个整体的印象。

注意:

1、首页保存在站点文件夹下,文件名为index.html 或default.html。

2、特别给首页加好一个标题,使访问者通过标题就可以知道课件的名称。(每一个网页都要把标题加好)网页中所用图像格式主要有GIF、JPEG和PNG。其中使用最为广泛的是GIF和JPEG。

在将图片插入网页前,先将图片存放在站点文件夹下的图片文件夹中。多媒体技术是当今Internet持续流行的一个重要动力。早期的网页大多是由文字或者图像构成,由于多媒体技术的发展,音乐、动画、视频等媒体的应用越来越广泛。音乐网站、电影网站、播客等融合多媒体技术的网站越来越多。Flash动画以小巧、动感、富有交互性而风靡网络。在制作网页时,将Flash动画应用到网页中,能使网页更具动感,更富有感染力。

在网页中插入Flash制作的SWF格式动画,单击对象工具栏上的Flash按钮或单击的“媒体”下的“Flash”,打开一个对话框,选择SWF动画文件即可。

如果需要插入Flash透明,可进行参数的设置:( Flash动画控制参数的设计不能在【属性】面板中直接设置,需要打开【参数】对话框进行设置。)

单击属性面板中的参数按钮,打开参数设置对话框,在“参数”栏输入wmode “值”栏输入transparent要求制作一个网页,设置网页背景为蓝色,将这个Flash动画插入到网页中,并设置这个Flash动画的背景透明,这样可以和网页背景融合在一起。音频和视频等媒体在网页中的应用越来越广泛,一些音乐网站和电影网在这方面的应用更典型。

音频文件可以是网页中的声音和用作网页背景音乐。制作网页背景音乐主要有两个步骤,第一是插入音乐文件,其次是隐藏音乐的播放条。而在Dreamweaver中插入背景音乐的基本方法是通过插入插件的方法来实现的。

注意:

.mid、.wav、.mp3格式都可作背景音乐,最好用占空间小的文件.mid、.mp3

参数说明 (详细说明)

autostart:true自动播放

hidden:true 隐藏播放控制面板

loop:true 循环播放< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" >

src:音乐文件的路径及文件名;

autostart:true为音乐文件上传完后自动开始播放,默认为false(否)

loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次 volume:取值范围为"0-100",设置音量,默认为系统本身的音量

starttime:“分:秒”,设置歌曲开始播放的时间,如,starttime=“00:10”,

从 第10开始播放

endtime: "分:秒",设置歌曲结束播放的时间

width:控制面板的宽

height:控制面板的高

controls:控制面板的外观

·console:正常大小的面板

·smallconsole:较小的面板

·playbutton:显示播放按钮

·pausebutton:显示暂停按钮

·stopbutton:显示停止按钮

·volumelever:显示音量调节按钮

hidden:为true时可以隐藏面板网页中有很多页面,为了建立起网页之间的联系我们必须使用超级链接。通过超链接可以很方便地从一个网页跳转到另一个网页。

超级链接可通过文字、图片、热区、变换图像来实现。

1、在网页中选中要做超级链接的文字或图片。

2、在属性面板中单击黄色文件夹图标,在弹出的对话框里选中相应的网页文件就完成了。目标下拉列表中有4个选项,它们的功能如下:

_blank:将链接的网页在新窗口中打开

_parent:将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架,则所链接的文档载入整个浏览器窗口。

_self:打开链接窗口时会替换原来的窗口。此目标是默认的,通常不需要指定它。

_top:将链接的文档载入整个浏览器窗口,从而删除所有框架。使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。

创建到命名锚记的链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。

1、创建命名锚记

1、在“文档”窗口的“设计”视图中,将插入点放在需要命名锚记的地方,执行下列操作之一:

* 选择“插入”>“命名锚记”。

* 在“插入”栏的“常用”类别中,单击“命名锚记”按钮。

出现“命名锚记”对话框。

2、在“锚记名称”文本框中,键入锚记的名称,并单击“确定”。锚记标记在插入点处出现。 2、链接到命名锚记

在“文档”窗口的“设计”视图中,选择要从其创建链接的文本或图像。在属性面板的“链接”文本框中,键入一个数字符号 (#) 和锚记名称。


第二篇:网页设计课程总结[1]


经管学院 07级人力资源管理专业 张睿 200741124123

信息管理与信息系统模块学习总结

在本学期的信息管理与信息系统模块课程中,我们学习了网页制作和网站建设,我们可以自己运用网络资源,结合相关资料及老师的指导,通过自身的实践创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程中,我学会了很多知识,虽然过程比较艰辛,但是有了一个展示自我的空间,我觉得很开心、很有成就感。

一、网页制作的一些体会

作为网页设计的初学者,我对网页设计非常感兴趣,想设计出一个美观、实用、内容丰富的个人网页。我通过自己动手、动脑,通过网络资源和老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。 在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于使用网页制作软件方面的知识。在这个过程中,我通过上网搜集资料自学了Dreamweaver网页软件的应用,学会了简单地使用Dreamweaver。在设计过程中也出现了很多的问题,但上网查找、小组讨论等方式,不断地学习、提高,设计出的网页也在不断的进步。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。

在这个制作过程中,我学会了面对困难和挑战,但我十分享受这一过程,这是一个能令人感觉到收获的过程,这次的网页制作使我产生很强的成就感。制作网页开始的时候还是兴致勃勃,充满激情的。但是学习内容越来越多,就逐渐感觉有点思维混乱,开始烦躁,失去了当初的那种兴奋的感觉,原来在自己看来是一种乐趣的事情,现在却成了一种负担。但我坚持一步步做下来,到看到成品时,内心得到了强烈的满足感。从中使我感悟到:学习网页制作需要耐心,如果你没有耐心,你就学不会,因为当你碰到问题时,如果不能立刻得到问题的答案,你就可能做不下去了。学习网页制作需要坚持,坚持不断地学习,才能作出理想的作品,才能更加充实自己。

二、网页制作的学习经验

学习网页制作不能一蹴而就,它是一个循序渐进的积累过程。想要更快更好地学习网页制作,除了需要勤奋努力外,还需要培养自己的审美能力以及美术基础。下面是一些网页制作的学习方法与经验。

⑴在学习制作网页前应对网页制作的各类软件进行一些了解,以便选择适合自己使用的软件。

⑵网页制作的学习应遵循由易到难的规则,先从简单的入手,再慢慢提升制作难度,以达到逐步提高网页制作能力的目的。

⑶在学习过程中,不能一味地去学习理论知识,应将书本知识与实际操作相结合。这样既能加深对知识点的印象,也能提高学习的兴趣。

⑷在学习时除了按书中提供的实例进行练习外,还应在该实例的基础上有自己的创意。 ⑸网页制作不能千篇一律地按一种固定的模式进行操作,应有独特的风格,这样才能体现出与众不同的魅力,以吸引浏览者,提高网页人气。

⑹运用模板制作网页可提高制作速度与效率,这也是统一网页风格的一个快捷方便的途径,千万不可忽视模板的效用。

⑺要善于借鉴别人的优点,取长补短,多上网浏览,将风格独特、别具匠心的网页保存下来以作参考。

三、网页设计的一些要点

做好网页,并不是一件容易的事,它包括个人网页的选题、内容采集整理、图片的处理、

页面的排版设置、背景及其整套网页的色调等很多东西。

⑴标题

在个人网页中标题起着很重要的作用,它在很大程度上决定了你整套个人网页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己网页的主题和风格。 ⑵内容的采集

选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人网页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。

⑶图片

做个人网页不能只用文字,必须在网页上适当地加一些图片,增加可看性,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。

⑷网页排版

网页页面整体的排版设计也是不可忽略的,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。

⑸特色

让自己的网页更有特色一些,可适当地加一些声音、动态网页。

经过一段时间的的努力,终于在老师和小组成员们的合作下完成了网站的制作,期间遇到了一些困难,但是在大家的探讨下都解决了,同时也对网站建设有了更进一步的了解。通过网站的制作,对网页制作产生了浓厚的兴趣。对于一个刚接触静态网页制作的人来说,做一个静态的网页,只要充分利用好表格,使网页结构清晰明了,内容充实紧凑,这个网站就可以算得上是一个合格的网站了。从这方面考虑,我相信我的网站是一个合格的作品。当然,我还需要不断学习,因为目前动态网页构成的网站才是主流的网站。学习的路还很漫长,今后要不断的努力完善自己,用知识武装自己。只有适应社会发展的需求,适应时代发展的需求,才能在竞争日益激烈的社会中立足。

总体来说,通过对网页设计的学习,有收获也有遗憾、不足的地方,我利用了学习之余的一切可利用的剩余时间投入到网页世界,去不断的学习和探索,同时去不断的充实与完善自我。我想我已经迈入了网页设计的大门,只要我再认真努力的去学习和提高,我将来设计出的网页会更加专业和完善。

更多相关推荐:
动态网页设计总结及心得

动态网页学院:管理与经济学院专业:信息管理与信息系统班级:20xx111学号:20xx11103姓名:王志鹏设计课程总结动态网页设计课程总结及心得体会动态网页设计这门课程是一门综合性很强而且非常实用的课程。包括…

20xx年工作年终总结模板(网页设计师专用)

20xx年工作年终总结模板(网页设计师专用)几年已经过去了,掐指一算,来到同程已经整整一年了,在这里我对我一年以来的工作情况进行简要的总结,算是对公司也是对个人这段时间的工作的一个交代。一、个人工作总结我是去年…

网页设计个人小结

经过为期两个星期的实习,在我们小组成员不懈的努力下终于完成了,从刚开始接触报告的时候到现在全部完成,虽然时间不是很长,但是所做的工作还是很多的,从个人报告,包括日志,个人小结,还有需求分析报告,可行性分析报告,…

网页设计心得体会

学号:80906107姓名:唐琪伟专业:计算机科学与技术做出一个好的网页一般都离不开dreamweaver,flash,photoshop这三个软件,当然,还可以用到其他一些辅助软件就会加快网页的设计了,比如:…

网页设计师工作总结

转眼间辉煌的20xx年即将离我们而去,盼望已久的一三带着神秘的微笑正向我们招手!光阴似箭,岁月匆匆,时间伴随着我们的脚步急驰而去,穆然回首,才发现过去的一年并不能画上圆满的句号,内心不仅感慨万千,新的一年又开始…

公司网页设计师试用期工作总结

时间一晃而过,转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中,自己慢慢转变为一个社会人,自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。??记得初到公司时,…

20xx网页设计期末教学总结

20xx—20xx学年第一学期网页设计教学工作总结本学期本人担任学校09商务专业的网页设计的教学工作。下面就这一学期的教学工作进行总结:一、期初制定计划及落实情况在学期初,按照网页设计教学安排,制定周密详细的教…

网页设计总结

用户名密码左边右对齐右边左对齐HtmlltDOCTYPEhtmlPUBLICquotW3CDTDXHTMLquotTRxhtml1DTDxhtml1transitionaldtdquotgtlthtmlgtlt...

网页设计4实验报告

实验四实验内容1还原示范页面实验目的1进一步熟悉网页布局的原理2进一步熟悉基于divcss的布局方法具体要求将cosmofarmer首页还原页面要求1页面宽度760像素2页面居左34567页面的左边距和上边距为...

网页设计实验总结报告(一)

网页设计实验报告一

公司网页设计师试用期工作总结

公司网页设计师试用期工作总结总结一晃而过转眼间已接近尾声在这段试用期中可以说是有喜也有忧喜的是和同事们相处中自己慢慢转变为一个人自身和工作能力得到提高忧的是自己还有许多方面有待于提高记得初到时我对公司的了解仅仅...

网页设计与制作过程考核教学总结

网页设计与制作过程考核总结一课程在专业中的地位与作用网页设计与制作课程是计算机专业电子商务等专业的一门专业课程是一门实践性很强的专业技术基础课程又是一门主干课程是为加强对学生技术应用能力的培养而开设的综合性课程...

网页设计总结(65篇)