动态网站建设心得(动态网站建设的书)

网站建设 1145
今天给各位分享动态网站建设心得的知识,其中也会对动态网站建设的书进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、网页设计实训心得三篇

今天给各位分享动态网站建设心得的知识,其中也会对动态网站建设的书进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

网页设计实训心得三篇

网页设计实训心得一:

这两个星期是我们的网页设计实训时间,这正是考验我们实力的时候了。

经过一个学期的网页设计的学习,我们的专业基础更加扎实了,我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习,刚开始接触网页设计会觉得很神奇,平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站,可以与其他网站媲美。对于我这种初学者,有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课,讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作,我们在机房通过每次上课的学习运用,已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设,到后来每个人在设计自己的网页时都有自己的人个人风格,这就是网页设计的乐趣。他不仅可以激发同学们的兴趣,还可以把自己的风格更大胆地展示出来,是一个可以展示自我的空间,使我们更有成就感。

这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的网站,刚开始觉得两个星期足够我们去建成一个网站,但是我们都太高估我们自己了。一开始设计网站时不知道从何下手,之前老师上课讲的知识一时不知道怎么灵活运用起来,我才发觉对我软件功能的不太熟悉,除了基本的框架构建,其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问,把自己存在的问题一一的解决掉。虽然建立网站不是很顺利,也只有这样我们才可以正视自身,把平时半桶水的听课方式给改掉。在这次的网站建设过程中,我发现自己对于知识不能灵活运用,不能巧妙地结合起来,对代码的不熟悉,这更加是一个大问题。建站过程中会遇到代码出错,代码位置写错之类的问题,当测试的时候出现了错误但是不能看懂出错原因,只能靠网上搜索。因为对于这种程序的东西我会比较抗拒,从小就不喜欢思维性太强的学习,所以建站会遇到比较多这种问题,但是我只能积极去面对才能完成任务,毕竟这是我的专业,为了专业而专业,不能说不喜欢就不愿意去学,这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、 想象力 ,用心地完成这个大项目。会遇到很多的问题,经常因为一个细小的步骤而出错,做动态网页的时候会遇到更多类似的问题,通常都会花费我很多时间来解决出错原因。打个比方,我会一个上午都在弄留言板,因为不知道出错原因,当请教老师或是同学的时候才恍然大悟,原来是这么简单的。当然,最终可以解决困难我还是很欣慰的。

当我真正建立起自己的网站的时候,我看着自己的作品非常地兴奋,这是我用心血完成的只属于自己的网站,特别地欣慰。因为过程的困难,我更加珍惜自己第一次的作品,做每一步都会小心翼翼,就像母亲生怕会失去自己的孩子一样,我就是这样的感受。

我可以说网页设计给了我很大的收获,我是用我的热情去学习,也是用我的真心去设计,属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的,更需要的我们的坚持、创新、用心,才能收获更大的胜利。

网页设计实训心得二:

转眼间,已到了期末,学习网页设计这门课程也要结束了,虽然时间有点短,但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候,我很茫然,因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课,老师讲得比较基础,还能跟得上,渐渐的老师授课的进程开始加速,有些跟不上了,需要下课后自己补上,问老师和周围的同学。渐渐的,在老师的悉心教导下,我们开始熟悉这个软件了。老师布置的第一个任务,要求做一个自我形象网站。由于学习的时间较短,老师只要求用PS做好模板即可,任务相对简单。但也要求设计感强,色彩搭配和谐,并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高,用dreamweaver做一个比较接近真实的网页,还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格,然后在表格内进行拆分合并处理,接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览,问题出现了,发现版头与下面的图片文字之间出现了很大的一段距离,但是在软件中已经把距离缩小为0了,多次尝试后没有效果。最后想到可以另外再加一个表格,把版头放在一个表格内面,这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通,一次浏览学长做的网页时,觉得他们的文字滚动窗口做得效果做得不错,于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码,把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成,但是却出现大问题了。

因为需要滚动的文字占的空间太大,把左边的那部分表格全部占满了,而在实际的网页预览中,这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一,左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面,试了很多 方法 ,在网站查了很多资料,可能因为没有专业术语作为搜索的关键词,查不到任何相关的资料,试过div标签,试过不停的拆分表格,最后还是没有效果。就这样试着试着,突然想到了层这个概念。于是在布局中点击了绘制层,结果成功了,经过一些加工,终于成功的完成左边的布局。印象还比较深刻的是插入声音,记得老师曾经给我们讲过很多次怎样插入声音,可是等到自己做网页的时候却忘记了,于是问其他人,结果居然都忘记了,于是自己在百度上收。最后终于找到了一个可以使用的代码,但是在加入声音路径时出现了问题。在属性内加入源文件,结果就是加不进去MP3的音乐文件,然后自己就尝试加入了一个视频,记下了路径格式,然后照着这种格式写下了指向声音源文件的路径,最后成功了。在设计过程中还出现了很多的问题,但通过看书,上网查询,请教同学等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。热情和执着,我将来设计出的网页会更加专业,更完善。

网页设计实训心得三:

科学是发展生产力的根本前提,当今的社会是互联网蓬勃发展的世界,每当我们上网的时候,那一个个精美别致的网页给人是多么流畅顺利的感觉,无论是寻找资料还是网上商城购物,都给我们带来了方便快捷的好处,我想,科学技术的发展,离不开互联网的发展,而互联网的发展也离不开网页制作的发展,而只有把两者结合起来才是正确的。

首先,了解网页并不是单纯的认为他仅仅只是为人们服务的,而它的存在也是给我们带来了利益和好处。当然,了解网页首先也从几个软件开始:

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而网页制作就是开始从这些软件开始着手的,今天,我终于可以学习网页制作了,我们在杜奕老师的教导下,各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页,就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实,但是只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver m_ __ 很难理解,不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。如:布局表格、绘制层、制作css样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘,每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

“路漫漫其修远兮,吾将上下而求索”学习的道路是艰苦漫长的,更何况这是关于一个科学技术的一个代名词,随后,课堂的气氛慢慢的好转,耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能,老师也为了能教好每一位学生,而学生也不辜负老师的使命,就这样,网页制作这一门课程进行的很顺利,学习了dreamweaver m_ __ 对它如何彻底的剖析和分解,我们终于认清了它的原理,摸清了应该怎样去完全的使用它,而我们在老师的指导和训练的结果下,终于开始做属于自己的网页了。

慢慢的快接近尾声了,我们也快临近期末了,老师给我们的任务却是需要我们每人至少做出三个网页来,且内存不能超过3m,刚开始我以为我会对着感到很是吃力,不知道该如何是好,毕竟网页才是刚刚起步,根基不稳,怎么能够做出这样的网页呢?而我对dreamweaver m_ __ 它也不是很熟悉,心里真是很担忧。

在这最后的时间里,我仔细掂量了一番,网页制作给我的结论是:要想制作一个能够像网上的那样,还得需要经过长时间的刻苦努力和不断地检验及实践,否则,如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识,不像文学那样的纯理论知识。通过这个课程的学习,我从中得到了一些对网页知识如功能、概念的理解,原来要做出一个简单可行的网页并不是一件害怕的事情,而是一件努力和尝试的事情。

网页设计实训心得三篇相关 文章 :

★ 网页设计实习心得体会3篇

★ 网页设计实训心得

★ 网页设计实训报告心得

★ 网页设计实习心得体会感想

★ 网页设计实习心得体会

★ 设计实训心得体会3篇

★ 设计实训心得体会范文3篇

★ 网页制作实习心得

★ 有关网页制作实训报告心得体会

★ 网页制作实习心得小结

php动态网页 家乡网站设计心得体会

人们在阅读某种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。

在心理学的研究表明,一般的浏览习惯是从上到下、从左到右,在一个平面上,上松下稳而

压抑。同样,平面的左松右稳。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样

平面的上部和中上部被称为

"

最佳视域

"

,也就是最优选的地方。在网页设计中一些突出或推

荐的信息通常都放在这个位置。

当然这种视觉流程只是一种感觉并非一种固定的公式,

只要

符合人们的心理顺序和逻辑顺序,

就可以更为灵活地运用,

在网页设计中,

灵活而合理地运

用直接影响到传达信息的准确与有效性。

二、网站风格

/

创意

风格

(style)

是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面

布局,色彩,字体,浏览方式等

。如:我们觉得迪斯尼是生动活泼的而

IBM

则是专业严

肃的。

每一个网站都会给人们留下的不同感受。

这里我们需要做到的是根据网站的定位做出

网站特有的风格。

除此我们还需要在风格同一上需要把握一下,

其实这个风格的统一和传统

的印刷出版物没什么区别。你网页上所有的图像、文字,包括像背景颜色、区分线、字体、

标题、注脚什么的,都要统一风格,贯穿全站。这样子用户看起来舒服、顺畅,会对你的网

站留下一个

"

很专业

"

的印象。而企业网站设计师往往就缺乏这一点,没有全局意思。

创意,所谓创意就是不拘一格

?

某些设计师在做创意的时候大费周章,做出来确实不可否认

很有创意、很别致,但往往对于行业网站的客户为什么不能接受呢

?

此时不要太责怪客户的

不识货,应该反思,

抓住客户的需求。其实做行业网站不需要很多大的创意,也不要浪费过

多的时间去追求如何个性、

网站建设如何好看,

我们只需要一点小小的创意贯穿全站,

也许

会使网站更生动更具有吸引力、更有思想,比如中国现车交易网

(2005

年此站已经消失

)

是一个很好的案例,它把车的外形融入到网站中,使它脱颖而出。

三、网站配色

1.

用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,

(

说得通俗些就是

将色彩变淡或则加深

)

,产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。

2.

用两种色彩。先选定一种色彩,然后选择它的对比色

(

Photoshop

里按

ctrl+shift+I)

再进

行微小的调整。整个页面色彩丰富但不花稍。

3.

用一个色系。

简单的说就是用一个感觉的色彩,

例如淡蓝,

淡黄,

淡绿;

或者土黄,

土灰,

土蓝。

也就是在同一色系里面采用不同的颜色使网页增加色彩,而又不花,

色调统一。

这种

配色方法在网站设计种最为常用。

4.

灰色在网页设计中又称为

"

万能色

"

,其特点是可以和任何颜色搭配,在使用时把握量避免

网页变灰。

在网页配色中,尽量控制在三种色彩以内,以避免网页花、乱、没有主色的显现。背景和前

文的对比尽量要大,

(

绝对不要用花纹繁复的图案作背景

)

,以便突出主要文字内容。

四、

网站

LOGO Logo

顾名思义就是站点的标志图案,

logo

最重要的就是用图形化的方式传

递网站的定位和经营理念、同时便于人们识别。网站制作

logo

的设计过程中一般有以下三

种思路:

1.

直接以网站网址作为

logo

2.

根据网站提供的产品

/

服务特点展开

logo

设计。

3.

以传递网站运营商的经营理念为特色。

五、网页框架与布局

网页布局大致可分为

"

"

字型、

拐角型、

"T"

字型、

"L"

字型、

综合框架型、

Flash

型、

变化型,

在这里就不做一一论述了。

其实在我们在做设计的时候并没有过多的去考虑什么形式,

比如

我们在一张纸看到一个圆形的东西,

很容易可以联想到它像太阳,

而有些人则联想到月亮等

这都是一种形式比喻,

最重要的是抓住客户的需求,

把握网站的定位做处合理的框架布

制作网页的实习心得

制作网页的实习心得5篇

某些事情让我们心里有了一些心得后,将其记录在心得体会里,让自己铭记于心,如此就可以提升我们写作能力了。但是心得体会有什么要求呢?以下是我收集整理的制作网页的实习心得5篇,欢迎阅读与收藏。

制作网页的实习心得1

杨老师下午讲解的是网页制作,他从网页布局(三段式)讲解,接着展示新浪、师院首页给我们看,在这过程中,始终都以实例讲解为主。接着讲网页布局的方法:

1、纸上布局法

许多网页制作者不喜欢先画出页面布局的草图,而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时,要先在纸上画出你页面的布局草图来。

2、软件布局法

如果你不喜欢用纸来画出你的布局意图,那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局,利用Photoshop可以方便的使用颜色,使用图形,并且可以利用层的功能设计出用纸张无法实现的布局意念。

最后重点讲了布局的技术

1、层叠样式表的应用

2、表格布局

3、框架布局

最后,杨老师就DIV+CSS给我们进行详细介绍,我们按照他的进度,创建网站站点、创建文件夹、创建文件。然后在DIV容器中插入动画,创建CSS文件,对不同的块元素进行排版,主要是浮动—float。由于时间实在是太短了,很多知识都没的讲,比如我们常遇到的外边距,内边距,线条,以及一些基本的代码知识。

哈哈,我就不多说了,对于网页我也研究了好几年了,问题还真多,学过网页布局(table、DIV+CSS),学过平面设计(PS、CDR),学过编程(ASP、ASP。NET),学过数据库(AC、SQL)。可以说我现在完全可以独当一面,接过学校、企业、武警等的网页制作,评价都还不错!目前就是缺一个团队,从郑小军老师他们的成果看,不是一个人的努力能完成的,更多的是要一个志同道合的团队,回去我也该好好想想这个问题了。

制作网页的实习心得2

转瞬之间,半个学期又接近尾声,在李导师的精心辅导下,度过了这个富有生机,富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识,对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好“书山有路勤为径,学海无涯苦作舟”。在这一绝世佳句的鼓动下,我把握了工作之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的收索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!

在页制作的过程中,我深深体会到一点“有付出,就终有回报”,你的付出与你的回报终究是成正比的。经过了多少漫漫长路,经过了多少忘我的投入,经过了多少波折,我的网页与众人见面了。当我第一眼在网络下一览我的个人主页,我是多么的激动,多么的兴奋,就像多年未见的老同学,一种讲不出道不明的感觉。

我在制作主页中的心得体会:

做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1、标题

在个人主页中标题起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格,决不要取一个名不符实的"好名字",别人第一次上了当,下次再也不会光顾了。

2、内容的采集

选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人主页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。主页就是在网络上的一个小小家园,在那里,可以放上自己喜欢的任何东西,包括你自己平时喜欢一些文章,一些好听的歌,一些好的动画作品。把这些内容按类别进行分类,设置栏目,让人一目了然,在栏目上不要设置太多,最好不要超过十个,层次上最好少于五层。

3、图片

做个人主页不能只用文字,必须在主页上适当地加一些图片,增加可看性,俗话说"一图胜千言",我想不无道理,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去,否则让人觉得是累赘,同时也影响网页的传输速度。图片不仅要好看,还要在保证图片质量的情况下尽量缩小图片的大小(即字节数),在目前网络传输速度不是很快的情况下,图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢,一般来说,图片颜色较少的及在256色以内的最好把它处理成gif图像格式,如果是一些色彩比较丰富的图片,最好把它处理成jpg图像格式,因为gif和jpg各有各的压缩优势,应根据具体的图片来选择压缩比。

4、网页排版

网页页面整体的排版设计也是不可忽略的,要让读者在狭小的电脑屏幕上阅读,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。不要把整个网页都填得密密实实的,没有一点空隙,这样会给人一种压抑感。

5、背景

网页的背景并不一定非要用白色,选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

制作网页的实习心得3

目前,互联网是最快捷的信息传播渠道之一,学习网页制作成了学生必须掌握的一项技能。在几年的教学实践之中,我总结了《制作简单网页》教学中值得注意的几个问题:

一、激发学生的学习兴趣,唤醒求知欲望

现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为,它在学生的学习中具有重要的作用。我认为,教师激发学习兴趣,挖掘学习需求是授课前必须解决的问题。从知识结构看,网页制作是在学生掌握了一定的理论基础和操作技能之后,对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生,可以采取展示法、教学对话法等,也可以融合多种方法进行。

例如,在学习浏览网页时,我有计划地挑选一些专题网站和个人站点推荐给学生,他们在看过之后一定会有自己的想法,老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题:如果由你来做这个站点,哪些地方需要修改?如果把你做一个站点该如何设计?在学生的头脑中先有了一些模糊的认识,产生了做个站点的想法,再在老师的帮助下梳理成一个比较成型的站点框架,接下来就是:怎么做网页?用什么工具?有了兴趣,带着这些问题,进入这一阶段的学习,就比较主动,学习效果也会比较好。

二、合理调整教学顺序和重点,理顺理论与操作的关系

学习网页制作,首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程,肯定不是先把理论背熟,而是从操作使用开始的。我并不是说理论不重要,而是切入的时机要掌握好。对于这一部分的教学,可以根据教学实际,合理调整教学顺序和重点。对涉及到的理论知识,可以尽量在教操作的时候渗透。一些纯理论的知识,不妨一带而过,教学取得阶段成果后,再单独强调。

三、注重培养学生知识迁移的能力

正在进行的新课程改革,提倡的是教给学生可迁移的知识。我体会,迁移是理论到实践。很多应用软件,模式基本上是统一的,在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容,我认为可以采用比较法、示范法、启发法等教学方法。例如,制作网页和保存网页两个知识点:可以在介绍了工具软件(如frontpage)窗口组成之后,就布置学生输入并编辑一段文字,然后把该文件保存在指定位置。这些操作都是前面学过的,对学生来讲既是学习也是复习。作为老师,我们在纠正学生错误的同时,还可以帮助学生比较这几个软件在使用中的异同。比如,输入文字,在word和frontpage中可在编辑区中直接写,而在powerpoint中必须写在文本框里。通过比较,加深印象,达到学习和提高的目的。在这部分中,除文字处理外,像修饰网页、插入表格等内容都可以这样比较着讲。

四、认识螺旋式上升的学习模式和探究式学习的方式,重视课前准备

学习是一个循序渐进、螺旋式提高的过程。在这个过程中,作为教学组织者和指导者,教师的教学设计和准备工作非常重要。例如,在学习网页修饰时,可采用了示范法和演示法结合的教学方法,先设计几个页面,都是在上一节课作的、样例页面的基础上改的。上课时,让学生打开上节课制作的网页,他一看,老师的页面上比他多了个图片,马上问怎么做的,我演示给他看,他也加上图了……每次我演示出的页面总比学生们做出来的多一点小修饰,他们就不断地提问,不断地学习新技巧,再不断地付诸实践。用这种示范加演示的方法教学,效果还不错。但对老师来讲,备课的工作量比较大,课堂上的辅导任务也重一些。

五、组织协作学习,培养学生自学能力和合作精神

信息技术划分为精英技术和大众技术。目前,信息技术基础模块中讲授的均属大众技术,要求学生掌握的是可以广泛迁移的知识。但是,大众技术太简单了,有些学生不用我们教,自己玩电脑就玩会了。这类学生,上课时通常不愿再听,还经常搞些小动作,或者做些小软件来炫耀一下。小孩多半有这种心理,我们不妨给他创造这个条件,让他充分发挥特长。有一次,刚开课不久,有个学生把他的个人主页演给我看,当时我考虑了一下,让他在全班同学面前作了演示,解说他的创作思想,并指出了他作品中的亮点。这个学生当然很自豪了,别的同学也都很佩服他的能力。在其他同学眼中,他就是高手了,以后的学习过程中有了问题,不问老师,先问他去,逐渐地他就成了我课堂上的一名小助教了。学生中的榜样作用和传、帮、带作用不可低估,如果你班里有几个这样有一定特长的学生,不妨考虑采取任务驱动、分组合作等方法进行教学,让他们带动全班的同学学习提高。学生之间相互学习、相互帮助、相互带动比单纯的老师教效果更好。

六、适当引入分层次教学,体现教学目标的差异性

学生的基础差别很大和心智发展水平很大不同。在这种情况下,分层次教学是一种行之有效的办法。一般的,我把学生分成三个a、b、c三个层次。a层次的学生是基础好,特长明显,自学能力强的一部分,对这部分学生,倡导自主学习,给他们布置任务或课题,学生独立完成,只是在需要的时候向他们提供帮助;b层次的学生是基础一般,能在老师的讲解、示范和引导下学习,对这部分学生可采用灵活多样的教学方法按步就班地学习,b层次的学生是学生群体中的大多数;c层次的学生是学习有一定困难的学生,我对他们的要求是掌握基础,除了给他们进行特别辅导之外,还采取结对子的办法,给每人配一个a层次的学生作为助理,帮助他们学习。但在分层次教学中要格外注意保护c层次学生的自尊心和学习积极性。

七、加强联系实际,培养学生的创新能力

创新是素质教育的核心内容。鼓励、指导学生大胆、灵活地运用已学知识,解决实际问题是培养学生创新精神和能力的有效方法。我认为在网页制作这一部分的小结或复习阶段可以适当采用主题型课或任务驱动式的方法,设计引导学生从头至尾制作一个专题站点。当然,复习中也可以适当采取教学对话、教学讨论、示范等教学方法。

制作网页的实习心得4

一、网站规划

本工作室主要用来做个人网站,主题是介绍自我,让更多的朋友认识我,面向我的同学和朋友以及想结交我的朋友。

二、网站总体设计

本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块,其他四个板块也可以通过超链接回到我的主页去。

三、网站设计与制作(包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果)

本网站的布局大多是运用CSS进行布局的,这也是老师一直强调我们的。为了增加视觉效果,个别网页还特别添加了flash效果(我的相册),还用到了视频和音乐等素材(如我的主页)。个别网页添加了表格,这样显得网页更齐整。对于美化这部分,我还特别用Photoshop对一部分图片进行了处理,让图片和网页更好地搭配。在个别网页添加表单,可以让浏览者和网站更好地互动,交流信息。

四、学习体会

不知不觉,我已经学习《网页设计与制作》这门课程一个学期了,虽然时间有点短,但这一个学期以后我却受益匪浅,不仅让我全面的、系统的学会了页设计与制作的基础知识,还让我学会了自己动手去制作属于自己的网页,这对于我来说是很值得高兴的,能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。首先,我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

然后,我们要找材料。明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

找到材料后,我们还要规划网站。一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。

做好以上三步之后,我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,在这里,我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页,对于图片部分的处理,个人觉得Photoshop比较好用。

最后,我们就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。网页做好之后,就要发布到Web服务器上,才能够让全世界的朋友观看,还要不断地进行宣传,这样才能让更多的朋友认识它。这里推荐二个有免费空间和域名的网址给大家!

以上就是我对于网页制作的一些个人心得,由于本人的技术还不是很成熟,还存在很多的不足(如:背景过于单调和网页布置不合理)。选择学习这门课是很正确的选择,虽然在以后不会再有机会去上了,但我还是会通过各种方式继续学习网页设计和制作的,同时很感谢带我入门的徐兵老师,让我有机会去学习有关网页的知识,谢谢!

制作网页的实习心得5

在炎热的夏季,又在闷热的机房中,我们又一次的完成了网站建设的实习。在这实习期间,有太多的话想说,都是苦不堪言。但事后又想想,苦过了,才知道有甜。

在这实习当中,我知道了div是html(超文本语言)中的一个元素,div+cs是一种网页的布局方法,div+css包括行内样式、内嵌式、链接式、导入式、css选择器、标记选择器、类别选择器、id选择器、选择器声明、css继承。还有id与class区别:id不允许重复使用,只能用一次,css规范和其他规范javascript控制方法一样。

说实话,我对div+css一点儿都不懂,但起码我知道了这是一种网页的布局格式,总比不知道强。有句话说,不懂就要学。是的,既然学了了这个专业,就不能对这个专业模糊。所以,就要学习学习再学习。征服畏惧、建立自信的最快最确实的方法,就是去做你害怕的事,直到你获得成功的经验。

我们经过两周的实训,通过前期的合同洽谈、签订,到后期的网站制作、网站发布,让我受益匪浅。不仅让我了解通过网络洽谈商务的礼仪和细节,也让我的网站制作知识及技能有了很大提高。

前期我们通过发送电子邮件,进行网上商务的接洽。由于没有做好工作。了解商务邮件的格式,导致邮件发了很长一段时间,双方还仅仅停留在认识阶段,确实说来很失败。

在拟定合同时,由于不能真正满足客户的需求,一些条款及报价不合理,因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求,并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。

在网站制作的起初阶段,由于不曾制作过网页,虽然团队确立了分工,但还是有些迷茫。公司没有确立风格和大体的布局,并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站,心里大概有了一定的想法和设计。

我的主要任务有“诚聘英才”、“产品导航”、“展会礼品”、“广告促销礼品”。我最先做的是“诚聘英才”,我是参照中国电信诚聘英才首页做的,它看似制作简单,其实布局十分复杂、精致。在处理图片是我遇到了不少困难,最典型的就是有一次我想在图片中插入文字,但始终插入不了,后来通过请教老师,总算知道了其中的奥妙。原来是图层被锁定了,要重新拷贝图层,再考贝的图层上就可以插入文字了,并且文字其实也是一个图层,它是可以移动的。尽管我为诚聘英才网页付出了很多,但并没有被采纳,并且此时我也设计了logo,也没有被采纳。

“产品导航”是一个困扰我一上午的问题(此刻公司首页已经制作完毕,而它与合同上的“产品导航”页面布局类似,于是这让我一时间很难抉择。我就一边设计一边思考,此时我为公司定的色彩风格是红色,我为导航栏设计的是交互式按钮,并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费,由于后来我们将风格确定为蓝色,并且导航栏确定都采用首页中插入的图片,但我觉得这样有些不好:例如它不可以设置超链接的字体颜色,这是很不专业的体现。团队由于缺乏及时的沟通,导致其他组员一些好的想法得不到实施,确实是我们团队合作的一个问题所在。

展会礼品、广告促销礼品由于套用相同的布局,设计上没有什么难点,只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时,都特别注意修改网页标题。网页标题是十分重要的,它是每打开一张网页的头标。

前面这一阶段的工作我还有一个小收获,这就是图片位置,其实在图片属性中图片定位选择绝对定位,再在下面输入距左距上的距离即可,这是一个很不错的方法。

后期我们进行每个人作的网页整合时遇到了不少问题,原先我们认为超链接是可以整合的,其实不然,只能在一个文件内作。当时已经花了一天的工时,可后来在晚上才发现,不只这个问题,还有每个人做的网页都是保存在网站文件夹下,而最后上传到服务器上只能有一个网站文件夹。所以后来我们组有三个人加班熬夜的。原本以为这样已经差不多了,可是当我们把网站通过windows__iis默认web站点上传进行本地调试时发现所有网页导航栏的图片都显示不出来,一些超链接也无法连接,这下让我们有些惊慌失措。通过向老师了解,知道可能是图片命名的问题,web服务器无法识别中文命名的图片,此外网页也需命名为英文。于是我们又忙于修改图片和网页的名称。我的所制作的展会礼品将网页都放在private文件夹下,导致所有需要连接到展会礼品首页的都不能进行。我首先需要把private文件夹下的网页全部剪切出来,并且检查超链接,而这些只能在frontpage文件夹试图下进行。同时还要在http上检测,进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页”,反复的进行超链接都无法成功,其实是因为我所连接的超链接路径不对,其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。

经过这翻调试、测试,网站不存在图片显示不出来的问题,以及超链接无法连接的问题。

在互联网越来越深入到生活中每一个角落的年代,网页的表现形式就如同以前书本上的文字,传达着的是网络语言,每一条线、每一个色块、每一种版式、每一种组合都传递给阅读者一种感觉。实际上网页的表现形式已是互联网至关重要的元素。它是一种创造性、有成就感的工作。

急求一篇动态网页设计报告书。急!!!!!!!!!请各位大哥大姐帮帮忙。邮箱904013391@qq.com

《网站设计与网页制造》设计说明书

课程名称:网页设计

设计题目:我的家乡

院系:建筑信息工程系

专业班级:计算机0901

学生姓名:

学号:200913190

指导教师:徐美霞

起止日期:2010年12月20到2010年12月24日

第 1 页 共 13 页

我的家乡网页制作过程

一、 网站开发目的和功能简介

随着网络技术的发展与互联网的普及,网站建设与网页制作越来越成为各行各业以及个人宣传自己的有利工具,、网站在当今时代被越来越多的人用来宣传,通过网站的制作可以让老师、同学以及朋友更好的了解自己以及别人想要知道的事情,我现在做的是关于我的家乡,为别人提供了一个更深入了解自己的一个平台,本网站主要功能是让更多的人去了解我了解我的家乡

二、 网站的设计

2.1 网站的名称:我的家乡

2.2 网站栏目划分

根据本网站的内容和功能划分为:我的心语、导航链接、各地方的简介、体现家乡的图片、版权声明等。

(1)我的心语——对我们宿舍的六个简介,提示对照网站的主题体现我们的家乡;(2)导航链接——链接到各自设置的网页各自的家乡;(3)各地方的简介——简单介绍了我们各自的家乡,了解了家乡的知识文化;(4)图片——列举了每个地方的代表图片,用另一种方式展现出不同的风采;(5)版权声明——声明了网站的建设者

具体如图所示:

2.3网站导航应用于所有页面提高网站的操作友好性。

2.4网站的风格与色彩选择:页面以浅绿和浅黄色为主。浅绿色体现了活力,字体实用浅棕色和淡淡的灰色给人一种清析、稳重的感觉。所有页面色调统一,布局相似。

2.5网站目录结构设计合理:不同素材采用不同学文件夹分开存放。如图片放在image

文件夹、flash放在flash文件夹内、完成作业放在以自己名字命名的文件夹内等

三、 聊城首页的制作过程

3.1首页版图:

首页、导航链接、内容、个网页链接

3-1

整个页面分为四部分,第一部分是以一个flash文件显示动态的图片,主要是网站的突出显示;第二部分是导航栏;第三部分是详细内容,其中网页中的文字排得整齐紧凑,这样能给人一种舒服的感觉。在网页适当的地方加一些图片,每张画面再加一些不同的文字说明,使得网页显得更加的精美;第四部分是各网页链接。采用这种布局,主要是给浏览者一种简单、清晰、明了的感觉,使网站整齐划一。

具体的布局显示如下所示:

3-2

3.2制作过程::本网页制作分为三个部分:顶部是用flash制作的页头。中部又分为左右两个部分,左边为家乡简单的介绍和链接,制作的动态图片使用时间轴让图片自动播放,还有从顶部滑下的图片自动循环播放;右边为家乡的各景点的见解。我还为网页设置了背景图片,在最后利用spry选项卡添加的图片。

四、聊城首页制作过程

4.1新建一个页面,命名为聊城首页(index)

4.2在页面属性的外观中设置四边边距为0,文本颜色设为:#9900CC,大小设为18像素;在链接中设置下划线样式为:有下划线;链接颜色为:#0000FF。

4.3(1)首页(index)制作

利用样式定义各个部分的高宽,将./image/195911NM-10.gif设为背景图片。页头图片为水城明珠.jpg设置flash动画为左右橘色.swf代码如下:

页头图片的设计代码:(图如上3-2)

div id="Layer3" style="left: 30px; top: 34px; width: 186px; height: 175px;"span class="04a26c4b90a666ef STYLE3"a href="liaocheng.html"img src="../image/201042717165.jpg" name="Image1" width="186" height="174" //a/span/div

a name="dingbu" id="dingbu"/a

table width="967" height="817" border="1" align="center" bordercolor="#000000"

tr

td height="190" colspan="2" valign="top" bgcolor="#FFFFFF"img src="../image/水城明珠.jpg" width="956" height="202" //td

/tr

Flash动画设置代码如下:

div id="Layer2"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','957','height','210','src','../FLASH/左右橘色','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/左右橘色' ); //end AC code

/script

noscript

object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="957" height="210"

param name="movie" value="../FLASH/左右橘色.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/左右橘色.swf" width="957" height="210" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

(2)景阳冈(jyg)页设计

此网页运用了一些代码实现了文字的滚动代码:td width="213" td width="213" height="363" bgcolor="#FFFFFF"marquee direction="left" width="310" height="620" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

pspan class="6c4b90a666ef1b4d STYLE21"景阳冈其址在阳谷城东18公里处,沙冈顶部正中,建有一座民族形式的庙宇,俗称“武松庙”,据传始建于明代中期,后被毁。现存古庙为1958年修建。庙前方有一幢刻有“景阳冈”三个大字的石碑,系我国当代著名书法家舒同所题。庙东二、三百米处,有一刻有“武松打虎处”的墨玉色石碑。 1973年以来,经省考古队多次试掘,认定景阳冈为“龙山文化”遗址国家首批AAA级景区,水浒旅游线上重要景点,武松打虎人人皆知,武松打虎的地方不是人人都去过景阳冈景区总占地面积33.3公顷。景区内沙丘起伏,莽草丛生,林荫蔽日,主要景点:已有200余年历史的山神庙庙的左前方立有原中共山东省委书记舒同题写的“景阳冈”石碑,右前方立有著名书法家杨萱庭书写的高3米的“虎”字碑;南宋时期所立“武松打虎处”石碑;赵朴初所书写门匾的“武松庙”;由徐悲鸿的夫人、书法家廖静文题名的六角单檐的虎啸亭;由著名画家刘继卣创作的“武松打虎”浮雕石像;有传为武松打死的那只老虎的化身——“天下第一虎”石,三碗不过冈酒店……/spanbr /

/p

/marquee

页头图片为聊城.jpg设置flash动画穿越星空.swf、烟花绽放.swf代码如下:

tr

td height="186" colspan="3" valign="top"img src="../image/聊城.jpg" width="1016" height="224" //td

/tr

Flash文件代码:

div id="apDiv1"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','991','height','217','src','../FLASH/穿越星空','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/穿越星空' ); //end AC code

/scriptnoscriptobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="991" height="217"

param name="movie" value="../FLASH/穿越星空.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/穿越星空.swf" width="991" height="217" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

div id="apDiv2"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','390','height','211','src','../FLASH/烟花绽放','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/烟花绽放' ); //end AC code

/scriptnoscriptobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="390" height="211"

param name="movie" value="../FLASH/烟花绽放.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/烟花绽放.swf" width="390" height="211" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

完成效果如下

3-3

(3)凤凰苑(fhy)网页设计

凤凰苑网页设计为突出凤凰苑的特色页头采用凤凰园内比较突出的产品来体现凤凰苑的科技(仙人掌、日本无花果等……)页头采用flash是左右5.swf、蝴蝶飞飞.swf,此网页插入的是一个由flash做的图片实现图片的从右向左的滚动,使用了上面网页中文字滚动的方法,使用的代码

(div id="apDiv7"

td width="213" height="363" bgcolor="#FFFFFF"marquee direction="left" width="1020" height="150" scrollamount="10" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

pspan class="90a666ef1b4db907 STYLE29"聊城市凤凰苑农业科技园,引种国内外名优稀特果树品种100余个,绿化和国家造纸工业用树毛白杨品种20几个,并繁育了600余万株苗木,以满足本市及周边地区农业种植结构调整和发展农村高效经济的需要。

主要品种如下:

(1)日本仙桃王: 该桃有如下显著特点:个头特大,平均单果重500克,最大可达1350克;品质极佳,外观全红,脆肉型、香甜、爽口,含糖量可达23%;极耐贮运,常温下可存20天,恒温库可存3至4个月,实为中秋、元旦,待客之佳品;树上挂果期长,8月下旬至9月下旬,可陆续面市,这是其他任何桃品种所不能比拟的。

(2)韩国早熟有名桃: 在凤凰苑区,6月底成熟,全红,鲜艳极为漂亮,单果重可达300克,脆肉型浓甜,多汁,极为丰产,与其他早熟桃相比,风味极佳,市场开发前景看好。

(3)韩国有名桃:韩国农家实生育成,九月下旬成熟,平均单果重350克,清香味浓,汁多味极甜,半溶质,耐贮运,外观红色鲜艳,是韩国晚熟主栽品种。

(4)美国扁桃: 86-1、86-2、86-9是从美国扁桃中选育出的几个优系,86-1、86-4出仁率均在45%以上,86-9又是其最好授粉品种。美国扁桃又称美国大杏仁,具抗旱耐瘠薄,适应性强,耐粗放管理等特点,一般栽后三年结果,五年形成规模产量,丰产期亩产大杏仁500公斤,国内市场现行价56元/公斤,效益极为可观。美国扁桃是荒滩、四旁发展的理想树种,也是农家致富的理想树种。

(5)六月雪梨: 是我国研究开发的最早品种梨,比绿宝石早熟20天,平均单果重180克,果肉细白,石细胞无,脆甜多汁,通过我园区高接观察,此品种座果率高,极丰产,抗黑星病。

(6)脱毒草莓系列:凤凰苑从国家果树所引进脱毒草莓系列品种:美香莎 荷兰引进,是当今垄断欧美早春市场的王牌草莓品种,极早熟,果坚硬,风味佳。果肉红色,最大单果重可达118克,芳香,浓郁,适促成半促成栽培和落地栽培,将是农业高效开发的理想品种。其他草莓品种,鬼怒甘、酒心糖、新哈尼、全明星等18个。/spanbr /

/p

/marquee

/div)

改变字母的滚动方向向左(left)实现不同于上一网页的滚动,页头flash的设置,同与上一网页。

完成效果图如下

(4)光岳楼(gyl)、东昌湖(dch)采用同样的设计完成。

五、设计技术总结

为了使我们的网站更加实用、内容丰富,我们在网站里用了很多的技术,包括flash photoshop 等图片处理和动画,运用dreamweaver中相关知识制作各种特效比如图层运用、时间轴运用等。

5.1在素材收集和处理上本人花费了大量时间处理网站动画、真实照片收集、个人信息。如应用PHOTOSHOP对相片进行整体处理。利用flash制作了滚动动画。

5.2文字滚动效果,代码如下:

td width="213" height="363" bgcolor="#FFFFFF"marquee direction="up" width="179" height="150" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

p内容 br /

/p

/marquee

六、实习心得

本次网站主要是运用本学期学过的知识来布局应用、制作动画效果,通过本次的网站设计,运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识,同时也加深所学知识的内容,这次的网页制作使我学会了很多,有关怎么收集资料,怎样用最快的方法收集资料,怎样收集有效的资料,怎样整理资料,怎样使自己的下载的资料便于查找,也学会了网页的制作,学会了运用网页特效,怎样的特效才能凸现网页主题。在制作网站的过程中,也碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题,通过循序渐进的学习慢慢地完成了本次的网站建设,这次做的网页虽不是很好看,有不足之处,比如动态页面的制作、脚本的运用、一些效果的运用等运用的不够灵活,同时网页布局也不是很完善,可是我花了很多时间来完成它,所以呢,它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西,所以呢从我内心来说我是很满意我的这次经历,同时也要谢谢老师安排这样的实习周,为什么呢?因为在制作过程中我不仅学到了书上没有的东西,也培养了我独立思考问题的能力,同时还增强了同学之间的团结互助的友谊。因此,不论从哪个角度来说,老师此次布置的任务是上大学以来唯一把知识用于实践的第一回,再一次谢谢你老师。总之这次设计就是在不断的“发现问题——解决问题——再发现问题——再解决问题——”这个学习过程中完成的。今后我将继续努力,把

动态网站建设心得的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于动态网站建设的书、动态网站建设心得的信息别忘了在本站进行查找喔。

扫码二维码