学习网页设计课总结
---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。在设计过程中也出现了很多的问题,但上网查找、小组讨论等方式,不断地学习、提高,设计出的网页也在不断的进步。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。
在这个制作过程中,我学会了面对困难和挑战,但我十分享受这一过程,这是一个能令人感觉到收获的过程,这次的网页制作使我产生很强的成就感。制作网页开始的时候还是兴致勃勃,充满激情的。但是学习内容越来越多,就逐渐感觉有点思维混乱,开始烦躁,失去了当初的那种兴奋的感觉,原来在自己看来是一种乐趣的事情,现在却成了一种负担。但我坚持一步步做下来,到看到成品时,内心得到了强烈的满足感。从中使我感悟到:学习网页制作需要耐心,如果你没有耐心,你就学不会,因为当你碰到问题时,如果不能立刻得到问题的答案,你就可能做不下去了。学习网页制作需要坚持,坚持不断地学习,才能作出理想的作品,才能更加充实自己。
二、网页制作的学习经验
学习网页制作不能一蹴而就,它是一个循序渐进的积累过程。想要更快更好地学习网页制作,除了需要勤奋努力外,还需要培养自己的审美能力以及美术基础。下面是一些网页制作的学习方法与经验。
⑴在学习制作网页前应对网页制作的各类软件进行一些了解,以便选择适合自己使用的软件。
⑵网页制作的学习应遵循由易到难的规则,先从简单的入手,再慢慢提升制作难度,以达到逐步提高网页制作能力的目的。
⑶在学习过程中,不能一味地去学习理论知识,应将书本知识与实际操作相结合。这样既能加深对知识点的印象,也能提高学习的兴趣。
⑷在学习时除了按书中提供的实例进行练习外,还应在该实例的基础上有自己的创意。 ⑸网页制作不能千篇一律地按一种固定的模式进行操作,应有独特的风格,这样才能体现出与众不同的魅力,以吸引浏览者,提高网页人气。
⑹运用模板制作网页可提高制作速度与效率,这也是统一网页风格的一个快捷方便的途径,千万不可忽视模板的效用。
⑺要善于借鉴别人的优点,取长补短,多上网浏览,将风格独特、别具匠心的网页保存下来以作参考。
三、网页设计的一些要点
做好网页,并不是一件容易的事,它包括个人网页的选题、内容采集整理、图片的处理、
页面的排版设置、背景及其整套网页的色调等很多东西。
⑴标题
在个人网页中标题起着很重要的作用,它在很大程度上决定了你整套个人网页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己网页的主题和风格。 ⑵内容的采集
选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人网页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。
⑶图片
做个人网页不能只用文字,必须在网页上适当地加一些图片,增加可看性,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。
⑷网页排版
网页页面整体的排版设计也是不可忽略的,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。
⑸特色
让自己的网页更有特色一些,可适当地加一些声音、动态网页。
经过一段时间的的努力,终于在老师和小组成员们的合作下完成了网站的制作,期间遇到了一些困难,但是在大家的探讨下都解决了,同时也对网站建设有了更进一步的了解。通过网站的制作,对网页制作产生了浓厚的兴趣。对于一个刚接触静态网页制作的人来说,做一个静态的网页,只要充分利用好表格,使网页结构清晰明了,内容充实紧凑,这个网站就可以算得上是一个合格的网站了。从这方面考虑,我相信我的网站是一个合格的作品。当然,我还需要不断学习,因为目前动态网页构成的网站才是主流的网站。学习的路还很漫长,今后要不断的努力完善自己,用知识武装自己。只有适应社会发展的需求,适应时代发展的需求,才能在竞争日益激烈的社会中立足。
总体来说,通过对网页设计的学习,有收获也有遗憾、不足的地方,我利用了学习之余的一切可利用的剩余时间投入到网页世界,去不断的学习和探索,同时去不断的充实与完善自我。我想我已经迈入了网页设计的大门,只要我再认真努力的去学习和提高,我将来设计出的网页会更加专业和完善。