网页设计与制作实习日记3篇

时间:2019-05-14 16:43:50下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《网页设计与制作实习日记3篇》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《网页设计与制作实习日记3篇》。

第一篇:网页设计与制作实习日记3篇

网页设计与制作实习日记3篇

网页设计与制作是一门立足于企业实际的网页制作技术开设的计算机专业基础课,实践性强,因此实验环节的设计至关重要。本文是小编为大家整理的网页设计与制作实习日记,仅供参考。

网页设计与制作实习日记篇一:

下午三点,我们就到达了实习基地——钦州学院东校区,然后我们搞好宿舍内务,整理好行李,“安顿”好电脑,也差不多到开饭时间了。哈哈,有什么说的,开饭吧,可别饿坏了肚子。只是怎么感觉怎么那么少人在饭堂吃的而已,吃过之后才知道是怎么回事,原来 是他们这边的饭菜一点都不好吃,老实一点来说,我也吃不下,有什么办法呢,将就一点啦,刚到,可不能做什么出格的事情。

晚上8点钟,我们全体实习学生集体到校礼堂听取实习见面大会,首先是听领导们讲话。然后我们就相互的与任课老师、原班主任见面,最后就由原班主任带队到班上与学生们见面,了解042班的具体情况。

初次见面,我们也不懂得怎么说,也就勉强的站到讲台上说了2句话而已,然后就听冯老师安排下一周的工作和其它注意事项。后来我们还和学生们说了一些话,我们也不懂得从那里开刀,得,一下字,“擒贼还得先擒王”,就从老班(班长大人)开始吧。

想不到班长大人和我是老乡(会说客家话),好,那以后班里有什么事就找她就可以了。呵呵~~~ 真是狡猾,嘻嘻~~~ 有什么办法呢,我们本来也是这么赖的人,只不过到了这里身份不同而已,后来我们还和那些班干聊了一会。就这样啦,能过去就行了,我们在要求也不高。

晚上我们还和冯老师到他们男生宿舍走访,因为刚来就有一个男生喝醉酒打碎了学校办公室的玻璃。我们到了那里的时候,门不开,叫也不应,可能是睡着了吧,后来冯老师只能叫来别一个宿舍的一位男生叫帮开了门,但是我们进去的时候那位男生已经睡了,蒙了被子。宿舍的别一个人说,老师,你们不要叫他了,要是叫醒了,呆会他发酒疯,谁都帮不了你。呵呵,明哲保身,撤吧,我们就和冯老师说,现在那么晚了,要不我们就先回去了,改天再来找他谈了。后来就这样回去了,有什么办法,人在屋檐下,哪能不低头。回去的时候还听冯老师说,这是班上唯一的一位爱好学习的男生,早操的时候,其它男生一般都不出来,就得他一个在那里了。

没有什么办法了,谁知道他受到了什么打击,一下子跑去喝醉,还闹事,而且我们是刚到的第一个晚上,什么也不知道,能过就先过了吧,管那么多干嘛?不要搞得吃不了兜着走就行了。

3。27 星期一

今天是星期一,也是我们见习周的第一天,早上6点钟我们就起床了,然后到他们宿舍叫他们起床出操,但是叫了半天也不见反映,我们也就只能怏怏回来了。早操过后就是早读,然后叫她们去打扫保洁区,7。35还要升旗,这是例行规定,每个星期一都要这样的。下午第6节是他们班的班会课,内容为改选班干,评“三好”和优干等事项,有什么办法,遇到了,上吧,我们就叫她们采取无记名的方式来投票,搞了半天也还不见结果出来,真是郁闷哟,后来4。30又到了他们班的男子篮球比赛(中专部举行的),也就只能带队去了。没做完的事情也就只能等到晚上再继续干了。

值得高兴一点的就是,他们男生是大部分是从体育班转过来的,个个“牛高马大”,身强体壮,听说上一次的“三人怀”他们也得了第一了,这是不出奇的。那些女生也算够听话,个个都过去看,冯老师也去了,真是难得。3。28 星期二

这是见习周的第二天,早上3、4节有黄老师上的《网页制作》上机课,我们也跟着去了,去辅导他们完成作业。

我发现她们做得也蛮快的,而且也比较好,不过也存在一些细节问题,有些学生什么都还没有做,而有的学生早就做完了。不知道她们是不是不懂得做,我们2位实习老师也就只能帮他们一下了。呵呵,要是不帮的话,她们那帮家伙对我们有意见就麻烦了。

后来我也顺便把我的教案和课件给黄老师看了。一致通过,没有什么大问题,只是黄老师说她们不是专业班,不用讲那些深奥的东西(代码)给他们,不过我觉得也没有什么的啦,随便讲讲,让她们高兴高兴就得了。

3。29 星期三

今天没有什么特别的事情,就是他们班下午4:30有球赛,我们也跟着去了,我觉得他们班的男生唯一的特长就是体育,每次比赛都是第一。(有点帮他们的感觉,可能是爱上他们班了,真是无可救药)

3。30 星期四

今天,值得高兴的就是她们的早读,她们的读书声非常响亮,而且也比较整齐。

下午第6节,是黄老师的《网页制作》理论课,我们也跟着去听了。他上了一些Ftp上传网站的知识,蛮好上的。我学得,只是不知道到我上去得时候,还能不能那么体态自然休闲潇洒。

3。31 星期五

因为接近清明,所以有很多学生都请假回去扫墓了。教室里只的那么一部分人,而且也到了周末了。呵呵,又过了一个星期,就这样过了一个星期,好快呀,只是那些没回去的学生,她们一般周末都在干点什么呢,是不是都去上网或者睡觉,抑或是看书学习?

不懂得了,也不想想那么多了,只是希望她们周末都过得愉快就得了。(只是明天是4。1号愚人节,又不懂得谁挨愚弄了)

突然之间,有一种冲动,想带她们外出搞个活动,野炊什么的,至少不让她们的周末过得那么单调,不过要搞。也得等到下一周了。她们大部分人都回去了。

4。3 星期一

今天我们到这里的第二个星期一,下午6。7节是班会课,我上去草草总结了一下,他们上一周的工作情况和安排好本周的工作计划,主要是搞一项外出活动。不过她们得自己提出书面申请,向上面汇报,自己还得写一份保证书,出了什么事情,后果自负。

也只能这样了,因为我们是实习老师,我们也不能做什么,一个月过后我们就得走了,为了圆满的完成我们的实习教育工作和不出现什么大的事情,我们也只能出这个狠招了,要不我们真的是吃不了兜着走,我是怕到时候连兜也兜不走就over了。

晚上7。30是她们学校的电大与中专部的表彰大会,地点在田径场,我们也跟着去那里呆了2个小时,有什么办法,人家那么多老师都去了,你能不去么?

不过也有个好的消息,就是我教的那个班,学校承若5。1帮她们每人配一台电脑,实习一个月有1000多块钱。比我们好多了,我们现在实习要交钱,而她们却可以得钱,真是一个是天一个是地。而且她们学校还答应帮她们每人配一台电脑,比我们好多了,我们要得自己花3000多块钱去配,宽带什么得都得自己交!

她们是做的,其实每人有一台电脑,这样就比较好,可以学到很多东西,就像我们一样,要是自己没有电脑,那就什么都学不到。我怕边她们都不如呢?呵呵~~~

4。4 星期二

这是意义比较重要和特殊的一天,因为今天是我到这里实习唯一上课的一天。我要好好的把握好这不同非凡的一天,把我的电脑课上好一点,至少不要让她们当堂骂我就行了。嘻嘻~~~

3。4节就是我的《网页制作》理论课,地点是在科技楼一楼的背投上,李剑老师,原任课黄老师、同组的甘远明、黄桂清、老9也都来听我的课,真够壮观了。

2节课下来,我自我感觉还可以,教学过程中没有出现什么大错,出现的问题都被我及时的巧妙的解决了,进行得还够顺利,学生都还够听话,不听课的还能自觉的睡觉,没有打捞别人听课,课程进度也把握得比较好。只是听她们反应说声音小了点,没办法了,我上课的那天晚上睡得不好,搞得声音嘶哑了,连说话都吃力,而且背投那里连一个麦克都没有,叫我们怎么说呢?!

下午第7节课,我还组织了他们班男生和我们实习老师打篮球赛。

4。5 星期三

今天是清明节,有很多同学都回家去了。

早上我抽空到机房想上传我的作业要求,不过那里用的是都是WIN98系统,U盘用不了。没办法了,上传不了,就只能回来打印出来拿上去给他们看咯。

4。6 星期四

今天的出操率不错,女的基本到来,男的基本不到,这就是他们班的特色。

下午第6节,是我的上机课,黄老师也在那里,我就叫他帮我共享好作业素材,然后就辅导她们完成作业。

我的作业要求就是要她们做一个网站标志Logo,可以是靜态的可以是动态的,可以用Photoshop、Fireworks、用AAAlogo、logo制作专家等工具和在线制作。在我的要求里面都有详细的介绍,她们只要安照我所说的步骤来做,1。2分钟就可以完成了。

4。7 星期六

今天是我们带学生到钦州港玩的日子。早上8。00钟我们就出发了,其间还到过沙滩,仙人岛,港口等地方,总体上感觉还不错。拍了很多相片,在玩的过程中,学生们都很听话,没有出现什么差错。

4。10 星期一

今天是星期一,例行规定,早上出操升旗,下午是班会课,我们配合原班主任制定了班规。4。30还有球赛,也就带队过去看了。

4。11 星期二

早操女生所有到齐,男生也来了3个,真是难得。第3。4节是上机课,也跟着上了。4。12 星期三

老实说,今天的日子不怎么好,要是可以不说,我还是希望能够在日历上抹去这一页。但是„„,哎呀,怎么说呢,早上我们一上到她们班教室,就听她们说了,昨晚她们班有5个人的书被人偷了。其中还有2个学生的书全部被偷,我们也不懂得怎么做,马上打电话叫来了她们的班主任,后来保卫科的也跟着来了,不过她们没有给出什么明确的表态,只是说要上报学校,调查情况,叫我们要锁好门窗。后来幼师班的在实验楼一楼的花从中找到了他们班的碟机(被偷),书和其它的东西就不见了,真是可恶的小偷。

我们也不懂得怎么做了,碰上这种谁都不愿意看到的事情,看她们学生的情绪也不怎么好,所以后来就陪她们去上她们班的体育课了。和她们聊聊天,玩玩球,说说话,解解闷,安慰一下她们,以免出现什么情况。

第7节是自习课,后来就带她们去参加篮球比赛,男子的是中专部总结赛,女子的是和计网051班的友谊赛。在两场球赛中都赢了,真是不错的家伙。

4。13 星期四

早上下雨,出不了操,不过第一组的同学还是撑伞去打扫保洁区了,值得表扬。下午第6节是上机课,也跟着去了。

晚上黄发来短信说心情好烦,我说是怎么啦,能跟我说说吗?她就说那些书陪了她那么久,现在一下子全部不见了,自己一上到教室,就触景伤情!谁都知道,对于学习好的同学来说,书就是她们和生命,甚至比她们和命根子还重要,没了书就等于没有要了她的命;但是又有什么办法呢,我也只发几条短信过去安慰一下她而已,仅此而已,还能有什么好的办法,真是可怜的孩子。

4。14 星期五

其实,今天也不是什么好的日子,只是怕她想不开就请她去网吧上了2个小时的网,我也可以顺便找找我的论文资料。仅此而已。谁知道那帮丫头在想什么?回来挨她们骂得半死,个个说要我请她们上网,连那个班长都这样说,我真得不知道她们在想什么?一点同情心都没有,看问题只看表面,不看实质。

后来晚上回来,闲着没有就来一个通宵玩牌,只是第二天又要睡一天了。

4。15 星期六

晚上她们借了数码相机,准备明天去玩的,她们就顺便叫我一起出来广场拍几张相片,以做记念。不过晚上的灯光不怎么好,拍出来的相片也不怎么清晰。后来玩玩,就没有电了,也就回来了,肚子也呱呱的乱叫,也就吃点东西填肚子了。

4。16 星期天

这天是她们记者团去铬德生态圆游玩的日子,她们本来是有老师带队去的,但是后来可能是有事情吧,去不了,就改由我带队去了。有什么办法,沾点光吗,还可以吃饺子,真是难得的外出活动,以后要是还有机会,我还是想多多参加的。

而且那里的环境也不错,景点也比别的地方多,还可以租船出去玩,下水什么得,总体上感觉玩得还不错,只要她们开心,我也就放心了,这样还有什么比这更好的希冀呢?你说是不是?

4。17 星期一

早上第1。2节,听老9的背投,她上的课还不错,能够积极的调动学生的学习神经系统踊跃回答,抢着上去操作,比起我的来说,好得多了,不过我上的内容比她的多,也比她的难,不过虽然这样,我们还是有一位电脑高手,也就是那个说话特别多的女生容小姐。基本上你就只要讲过的容她都能很好的掌握,而已也比较爱好电脑方面的东西,和网页制作方面的东西她都爱打破沙锅问到底,而且穷追不舍,有不懂的地方一定要你告诉她怎么操作,她的这种精神还是值得其它同学借鉴与学习的。

下午的班会由原班主任主持,之后5。00钟我们还组织了男生与实习老师的第二次交锋,男篮比赛。

4。18 星期二

早上3。4节,是《网页制作》的理论课,本来是在背投上的,但是原任课老师请假,而且找机房管理员开门,找不到,所以后来就只能改在教室上了。可想而知,电脑课在教室上是多么的糟糕。他板书也不怎么得,上课说得条理也不够不清晰,基本上没人在听,除了李老师和我们2个同组人,其它还有几个想学习的同学在听,就这样,还能怎么样,这已经算是比较好的咯,2节理论课,一个月教育实习的课程,也就这样不了了之了。呵呵~~~ 4。20 星期四

下午还有最后一节上机课,也是这一个人月来的唯一一节课了,上机课,想必也蛮好上的,教教她们做一些表格的基本操作。也就这么过了,还能怎么样,想想,再想想,明天就要和她们离开了,还真的有点舍不得,相处了一个月,大家共处了那么久,发生了那么多事情,一起解决了那么困难,一起打开天窗说了那么多心里话,还一起玩牌,一起打地主,抓蹲,一起外出游玩,一起撑伞挡雨,一起看球赛,一起上体育课,还一起上Q聊天,一起做网页,一起想事情,一起评三好,一起修电话机。

想想,再想想,我们一开始到来,她们就自己动手帮我们扛桌子下来给我们放电脑,下雨了她们还自动借伞给我们,还邀请我们一起打羽毛球,一起外出游玩、野炊,还真的有点

那个„„„„

虽然她们平时有时候,不怎么听话,上课了还在放电视,有些还跑出来玩羽毛球,叫也叫不动。原班主任在这里还吱吱喳喳吵闹个不停,不过,也许,也许这才是她们可爱的所在,没有了这些调料,那么这一个月来,我们过得有这么快乐么?我们大家相处得还这么融洽么?我们还能成为知己么?还能在一起愉快的谈心么?还能在一起快乐的说笑么?

不过,想想,再想想,天下没有不分离的筵席,就算再亲密的朋友也总得有分别的时候;不过转过来再想想,只要有缘分,还怕相见不了?2个学校那么近,2块钱就可以来回,只要想就可以见,也就没有什么遗憾了。~~~~

(补记:后来学校改为自习,也就没有上课了,还好,不用上,害得我太老远的从本部跑过来,还冲上6楼,以为她们已经上课了,谁知道一上到那里才知道不用上课,是因为所有的老师都去开会了,我们本部的也是,不知道她们的是不是也这样,听说是区教育厅的下来讲话。

搞得我也上交不了东西,害得我第二天还要再回来一次,没办法了,回就回呗,顺便把我的电脑也搬回来了。

后来回到宿舍,看到我有信件,而且居然是杂志社寄过来的,想必又有什么文章被刊了吧,撕开一看,是微型诗社的。里面有一稿是我的作品,后来也就拿上去给她们看了一下,不过她们的反映不怎么激烈,也就算了吧,都快走了。还有什么要说的呢,还要拿什么来伤心呢,让自己好过一点吧,5。1也想去工作了,再也不想呆在这里了,讨厌学校,我来这里读了那么久,还那么努力的读,也做了不少工作,居然不能去读本科,哎呀,我也不想说了。那时候我们那么积极的帮学校工作,什么都做了,然后学校可以升格为本科了,本来想说的就是,赏格升本,那我们也是可以顺利的升本的,谁知道学校和教育部变态,压制我们,限制名额,从10%降到5%,要是以前的,我应该也可以去的。现在呢,没了,算了吧,走了就走了,还说那么多话,干嘛。!)

4。21 星期五

今天是实习的最后一天,没有什么可以说的,也没有什么要说的(其实还有什么可说的呢),只要不落泪就是最好的表现。离别就离别吧,还说什么分别呢,好好的走路好好的学习好好的生活好好的做人好好的,就是好好的。希望一却都好吧,大家好才是真的好!~~~~~

4。22 星期六

补记:其实什么都不好,妈得搞得我,不想说了,醉吧,人生难得醉一回,想不到还有人比我利害,醉到Hospital那里去了。

要是不醉,我还不知道我自己要怎么才能过那一个晚上呢,老实说,我的初衷不是这个,但是看来现在也不得不是这个,醉吧醉吧,男人醉吧不是罪,死不了,也太不了一死来谢幕。今天终于要回来了,回来了,回就回吧,也该回了,你的历史使命已经完成,不回来还呆在那里干什么?

回来了,也就什么都不用想,努力的把自己的实习手册写好,好好得搞好论文,5。1就可以去上班了。

就这样了,静静来,悄悄的离去,这样的结局也是蛮好的。

还有什么样的结局比这个更好呢,今晚7。30还有《云心诗社》的会议,去看看吧,交流一下,再过几天,也就是下个星期吧,钦州学院博白老乡还要和市政府、市委的博白老乡搞一场篮球赛,这样,也许是比较搞笑得,她妈的,人家自己打球,学校还要派人专门去接待,搞一些什么入场仪式,呵呵,这是比较搞笑的一件事。

网页设计与制作实习日记篇二:

一、实习两个星期了,今天来做一下总结。

首先步入职场是一个很大的挑战,与学校生活来说职场生活相对艰难一些。与领导怎么相处、与同事怎么相处、遇到问题怎么很好的的解决、工作要怎么完成才算出色等等。这些都是我要开始学的,并且我不能慢慢地学,我要在实习的这几周中做到游刃有余,时间对于我来说实在是太紧迫。我没有办法慢慢去学习、接受,我必须像电脑复制一样把它们全部装在我的脑袋里,这不是急于求成而是迫于无奈,我往往在走头无路的时候就会发挥出最大的潜能。这样似乎有些自虐但是不生于忧患又怎能死于安乐!

其次,实习最大的收获是了解了平面排版的整个流程,并熟悉了平面排版的软件。其实无论是画册设计还是报纸排版或是广告设计,ps的图片功能都是无比强大的,在做版头、报眉、刊头的时候都会用到ps。所以无论如何ps的所有功能我都必须非常熟悉,这样在做效果时就会很轻松。要把平面设计里的一些设计构思与板式设计结合在一起,这是我实习的最大目的。毕竟我是学平面设计的光是一个小小的排版难不倒我,而真正使报纸具有可观赏价值才是我应该思考和学习的。我看过许多城市的报纸,广州、上海、重庆的都做得不错,有许多东西都可以借鉴,包括网页设计中许多的构图都是可以参考的。总之设计就是再构思、组合的一个过程。可以有一些自己设计的版面出版。这样也为我以后打下一点基础。

还有一点对于我来说十分重要。我可以学得不多,但是在学习每一样的时候一定要“精”,就算以后我并不会就是一个组版员,但是我还是要认真的学习它。认真是一种良好的习惯,对学习来说是,对生活来说同样是。我要认真地学习认真地生活。不要以后回忆起来都是一些后悔的事。

二、这次的第四学期实习我选择了一家装潢设计公司,因为平时在学校从事编辑排版工作很想有机会到外面类似的公司里面实习一下,使自己的基础更牢固,技术更全面,实习的内容是学习习近平面设计,因为考虑到以后毕业有可能从事这个行业的工作,因此我非常珍惜这次实习的机会,在有限的时间里加深对各种平面设计的了解,找出自身的不足。这次实习的收获对我来说有不少,我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。

通过这次实习,在设计方面我感觉自己有了一定的收获。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用,增强了我们今后的竞争力,为我们能在以后立足增添了一块基石。这次实习丰富了我在这方面的知识,使我向更深的层次迈进,对我在今后的社会当中立足有一定的促进作用,但我也认识到,要想做好这方面的工作单靠这这几天的实习是不行的,还需要我在平时的学习和工作中一点一点的积累,不断丰富自己的经验才行。我面前的路还是很漫长的,需要不断的努力和奋斗才能真正地走好。

三、上学的时候,总是把实习想得太简单了,想着回到家以后找一个小公司,虽然会的不是很多,但是也应该有容身之处,可是结果没有想象的那么简单,被人据千里之外,最后无奈之下,只好到朋友家的影楼去做照片。现在的人很讲究生活,随着时代的进步,设计与制图不再停留在传统的手工绘图阶段,电脑技术虚拟地模拟了现实世界中的绘图工具,简便实用,它既具有传统工具的大部分优点,又弥补了传统工具的很多不足,提供了更广泛的创意空间和提高效率的条件。照片不只是单纯的布艺背景,背景可以是一种颜色,照出的照片,传到电脑上,通过photo shop 换背景,修改。简单的一些在学校的时候都学过,可是看到那些专业人士,我学到的真的只是皮毛,在学校学到的东西真的很重要,现在的我已是大学生,面临的社会问题会很多,没有好的技术,别说是实习,就是有毕业证,公司都不一定会要你,学到自己手里的活,才是真正的绝活,真正的饭碗!

四、第四学期学习实践感悟二

感谢学校的第四个学期。在完成第四学期的各项任务的过程中,不仅熟练了我对专业技术,比如photoshop、flash软件及计算机操作的娴熟,更增加了我对专业知识的猎取。在制作设计作业的过程中,也开拓了我的艺术想象力,同时将想象与实践相结合,又锻炼我的动手能力,真正达到学习和锻炼的目的。

网页设计与制作实习日记篇三:

在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。

对于现在的社会,科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快,而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知,到现在才经历的短短的几年时间,在这几年中随着计算机网络的广泛应用,特别是Internet的普及和发展,网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今,数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候,在网络成为通信的主要手段的时候,在计算机网络普及的今天,网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者,要讲述什么样的事情,网页在这里起着重要的作用。

企业网站在企业的网络营销当中占有及其重要的地位,只要是涉及网络宣传的企业,都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品,促进实际销售的增长,更能够通过一根网线,向目标客户展示企业自身的形象。

对于企业网站设计的观点,偏重网站的形象设计,即在功能务实、体系完善的情况下,重点结合企业理念打造网站的形象。Logo就能很好的表现企业的形象。企业标志(Logo)是指用于代表企业形象的独特的、有意义的图案,是企业形象识别当中最核心的环节,可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位,决定了其不能够随意更换,因此能否设计一个有内涵、有文化、便于识别的标志,并建立相关的应用系统,关乎到企业长远的发展,不容小视

通过这一学期的学习,在老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们网页制作的方法。在老师的细心指导下我们学会了丰富全面的软件技术和应用技巧,让我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver , banner软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。

网页制作过程大纲

1.资料的搜集。

2.熟悉制作软件。

3.构建站点框架。打开Dremweaver后第一步便是新建站点。

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6给静态网页插入动态效果

具体操作步骤

通过这一学期的学习,在老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们网页制作的方法。在老师的细心指导下我们学会了丰富全面的软件技术和应用技巧,让我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver , banner软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成HTML代码,或者嵌入到现有的网页中,或者作为单独的网页出现。主图是一个网页的门面,它能体现出这个网页的整体风格。

Web考试网页制作

制作过程简介

制作网页前的准备:

首先是确定主题,经过再三考虑,就做了个关于个人网页的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到自身水平有限 ,最后决定建立一个简单的自我介绍介绍和照片展示。于是网站主题确立。

然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,日记,照片栏,生活栏,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。

再后是收集资料与素材,大量浏览相关网站,收集关于中国的一些事迹历史图片,好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等。

开始制作网页:

打开Dreamweaver后,首先要建立站点,也就是要确认你所做的网页及相关的素材要保存在哪里,以便于后面的修改和保存。然后创建新的空白,可以从模板创建,利用做好的格局,添加自己想要的东西,或是自己对空白网页布局,画出自己需要的大概的框架,确定需要在什么地方该添加那一部分的内容,然后在一步步添加网页上需要的东西。

首先,我用flash制作网页的banner,是网页更具可观性。要先插入背景文本框,确定这个flash的大小,使之来了能够符合网页的大小标准,然后再插入flash,再设定flash的大小,播放格式,最重要的是要插入flash的播放插件,否则插入到网页中的flash是不能被播放出来的,我们使用的Dreamweaver软件,在插入flash的链接时可以出现自动的格式设置,这更方便了我们的网页制作:

再来就是根据自己对网行业的布局,画出布局单元格,在单元格中插入自己想展示在首页的图片或是文字,在插入图片时,要根据单元格的大小选择合适的图片,图片我们可以用Photoshop软件,修改其大小或是色彩,及做其他想要的效果,使之在网页中显示的更清晰:

我将自己的首页分成了3个主要部分,第三部分是照片的展示,主要是自己出去旅游的照片,将布局栏里划分成6个单元格,分别插入6张照片,同时为了是它在网页上显示的效果更好,我在照片上还添加了一个透明的flash,这个flash的插入与banner中插入的flash有所不同,要给它附一个层的属性,是它能够叠加到照片的上一层:的、有意义的图案,是企业形象识别当中最核心的环节,可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位,决定了其不能够随意更换,因此能否设计一个有内涵、有文化、便于识别的标志,并建立相关的应用系统,关乎到企业长远的发展,不容小视。

建设网站的一般过程包括:前期内容确立、网站架构搭建、创意策划、设计、网站建设。网站的功能版块一般分为首页(含引导页)、新闻部分、产品部分、信息交流部分、定制系统、零散页面等。根据不同的企业需求,各网站的功能版块数量、布局、结构各异。

网页制作心得:

一.页面的设计方面

网页设计跟学习别的东西一样,也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著。

学习网页设计需要耐心,如果没有耐心,就学不好网页设计,应为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了很长时间才解决。

学习网页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习

并且学习网页设计不要掉入技术的陷阱,如果你的网页设计技术一流,并且对软件的掌握程度已经达到一定水平,但是你设计的网页确不堪目睹,这是因为网页设计是介于平面设计和编程技术两者之间的“边缘科学.”不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.并且我认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以交互的。因此我提倡简单的美。

二.网页视觉效果

视觉形象识别即我们通常所说的VI(VisualIdentity),与BI一起用于深化表现企业理念,同时也受到BI的影响。所谓视觉形象识别,就是指能够被目标客户通过视觉来认知与企业相关的一切事物,从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等,在将其系统化以后就形成了企业的视觉形象识别系统。

视觉形象识别系统在整套CIS中处于最表层的位置,其中所有的设计都将与目标客户发生直接的接触。

三.网页的整体布局和导航

网页的布局通常指的是网页的整体架构,说的通俗一点就是排版。如何突出最重要的内容,即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型

网页布局是主要考虑以下几点:

1、首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。

2、其次就应该考虑导航条的设置了。

3、正文的框架设置(横向因素和纵向因素交错)

四.网页中文字、图像

图像我利用网上搜索和自己所学过的Photoshop进行处理,同时也可以用其他的软件,例如:光影或是美图秀秀,这些软件操作比较方便,为制作网页节省不不少时间。

五.网页制作过程中的其他注意事项

不要过于注重色彩的灿烂,只要简单就行。我们最终追求的主要是实用价值。

通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。

近一个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。

第二篇:网页设计及制作 实习报告

中原工学院信息商务学院毕业实习报告专用纸

网页设计及制作

【实习目的】

熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。通过网页设计理论联系实际操作,巩固所学的知识,提高处理问题的能力。充分学习网页设计实践中的操作理论,提高自己网页设计水平,并为能顺利与社会环境接轨做准备。

【实习时间】

2012年2月15日至2012年3月15日

【实习地点】

未来路锦江国际花园9栋501室

【实习单位】

郑州市托斯卡纳餐饮有限公司

【实习内容和过程】

实习内容:

我在托斯卡纳餐饮公司旗下的56°网络蛋糕店一个月的实习,我的工作就是负责设计整个网站的页面部分。为其一个月的实习,使我第一次亲身感受到了所学知识与实际的应用,作为一个网站美工除了要求网页三剑客,ps,这些必会的软件以外,还要对Html用的很熟,对ASP或PHP或jsp要有初步的了解。通过这次实习,进一步巩固和深化所学的理论知识,为以后的工作打好基础。以下是我做的一些实习过程中的经验总结:

(1)表达一定的艺术效果

一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。网页作为一种媒体,它必须具有一定的艺术感染力,一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。

(2)使页面结构清晰可读性强

经常可以看到这样的页面,上面堆砌了许多内容,却没有考虑它的空间框架,让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程,这是典型的没有注意到编排清晰度、可读性的表现。

(3)实现不同的功能

在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性,就是指对不同类别的网页要求采用不同的美工艺术效果。

(4)网页的内容

网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广告栏等。

(5)确定网站的类型

在设计网页之需要做大量的准备工作,需要思考以下几个问题:

1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页;

(6)确定网站的风格

如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者,那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感

(7)确定网页之间的链接关系

在网站的总体规划列出来后,就必须要考虑各个网页之间的关系,是星型、树型、网型还是直线链接。

实习过程:

1.我所在的公司是托斯卡纳餐饮公司旗下的56°蛋糕部门,主要项目是蛋糕类。而我主要是负责网页设计制作这一块。

2.因为是有关蛋糕的网站,我首先从网上了解了一些有关项目和一些基本常识。接下来我就应该考虑配色与构图了。这在做食品网页上是最关键的环节。考虑配色与构图:对整个内容有了一了解后,现在要思考作品的色彩和具体的构图,先用笔画出草图,也可以直接在脑海里构思。色彩要活泼健康,所以选择粉色作为主色调。

查找素材:其实素材这种东西总是数量大于质量,我可以很轻易的下载到许多许多的素材,但却很少用的到它。为了使网页看上去质量更好,要对图片的进

行筛选,加上拍摄的蛋糕图片。

开始设计:设计的时间是最多的,有的时候,在设计时原先找到的素材就不能用了,甚至全部用不到。所以后来我就先设计,想用什么图的时候再找。加上去拍摄蛋糕的照片使用PS进行加工,让的图片上的蛋糕更加诱人。做一张首页效果图一般用两天的时间。然后把效果图给领导看,等到领导通过才能进行下一步工作。

做子页:子页一般需要五六张效果图。不过,对于这一步骤来将,我们就轻松多了。时间一般也需要两天。

切图:所有的效果图做好了之后就开始切图,切图其实就是把效果图变成网页。一般需要两天。切图之中其实会遇到好多匪夷所思的事情,不过当你熟练这后就好了。当然,一开始我经常会遇到,比如代码的意思是使网页正题居中,但结果却是整个网页偏移到了左边。等等这样的事情在我初期切图的时候经常遇到。现在好多了。

完成:做到这一步我的任务就完成了。

工作这么长时间,对一切越来越熟习之后,总想找到一些别的感觉。每天我会去不同风格的网站,会观察他们出彩的地方,然后不断加强自身的职业素质。

【实习体会和收获】

光阴似箭,日月如梭。转眼间,愉快而又充实的网页实习结束了,在这一个月的时间里,让我尝试了理论与实践相结合。网页设计理论一点点转化为实践经验。丰富的实习生活充满了惊喜,快乐和充实,当然也少不了网页设计过程中的困难。实习结束了,觉得脑袋里又注入了新的知识,对网页设计也有了新的了解,在以后的工作中,希望能用自己了解的东西去处理相关问题,在探究新的问题,使自己不断进步。

在实习生涯中影响了我很多,就像我用两天的时间制作出一张首页效果图,他人往往只能看到完成品。而这并不是最重要的,最重要的是别人没有经历的我却在珍惜的创作过程。也许这个过程还远远不能称之为创造,但我会努力的。做了一个月的美工,终于体会到网页设计无非是图文混排的那点事。不过,当你真正的去努力的创造了之后,结果却并不会每次都是好的。太多自己精心设计的东西,被别人一眼就否定了。当时心情真的很糟糕。不过,现在想想,这都些都没

有什么,这也无非是成长中常常要遇到的事罢了。

在实习过程中,我发现社会比校园更残酷,在工作的单位我学会了,凡事第一反应是找方法,而不是找借口;凡事先订立目标,并且尽量制作“梦想板”;凡事预先做计划,尽量前目标视觉化;六点优先工作制,每一分,每一秒做生产力的事情;把重要的观念,方法写下来,并贴起来,以随时提示自己;每天提前30分钟上班,推迟30分钟下班。

工作是人生活的重要部分,不论是消极还是积极,都会给人带来不同感受。而精彩的生活往往有来源于有意义的工作中,所以我不会让自己因工作的烦恼、困难和压力,困扰自己,使自己工作情绪化、生活情绪化。遇到困难我会用平常的心态实际看待问题,告自己凡事要先做人、后做事。

第三篇:网页设计与制作-论文(本站推荐)

第一章

绪论

摘 要

本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上,着重使用JavaScript作为工具语言进行网页设计与制作的实际操作,分别对基于对象的JavaScript语言、内部对象系统的使用及WEB页面信息交互——窗口和框架进行详细描述,并利用具体的实例进行验证。

本论文主要章节如下,第一章:绪论,本章主要介绍网页设计的相关知识。第二章:网页设计语言概述,本章主要介绍网页设计的语言——HTML,以及用于编辑HTML语言的软件,为后续工作奠定基础。第三章:基于对象的JavaScript语言,本章介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。第四章:内部对象系统的使用,本章主要介绍使用浏览器的内部对象系统,可实现与HTML文档进行交互。第五章:WEB页面信息的交互——窗体与框架,本章主要介绍实现网页的动态交互,必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识。

关键词: 网页制作;网页设计;HTML;ASP

第一章

绪论

第一章 绪论

随着21世纪的到来,人们更深切地感受到计算机在生活和工作中的作用越来越重要,越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要,更是事业发展的需要。网页设计与制作是计算机能力的具体表现,本章主要介绍网页设计的相关知识。

1.1 网页设计概述

网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

1.2 网页设计的要素

网页设计的两大要素是:整体风格和色彩搭配。

一、确定网站的整体风格

在这里,我提供给大家一些参考经验:

1.将你的标志logo,尽可能的放在每个页面上最突出的位置。2.突出你的标准色彩。

3.总结一句能反映贵站精髓的宣传标语!

4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!

二、网页色彩的搭配

1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。

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

3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

1.3 大作业目的和意义

本大作业主要是对网页设计与制作的语言基础上进行探讨,主要内容如下:通过已经做好的网页,分析html网页设计技术、XML技术、Java Applet技术和Javascript技术在网页设计中的应用。

第一章

绪论

1.4 要分析的网页

第一章

绪论

第一章

绪论

第二章

HTML网页设计技术的应用

第二章 HTML网页设计技术的应用

2.1 HTML语言介绍

HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。

HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

2.1.1 HTML语言的特点

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,HTML语言的特点如下:

1、简易性,HTML版本升级采用超集方式,从而更加灵活方便。

2、可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。

3、平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。

2.1.2 HTML语言的编辑软件

HTML的本质是文本,需要浏览器的解释,HTML的编辑器大体可以分为三种:

1、基本编辑软件,使用WINDOWS自带的记事本或写字版都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样浏览器就可以解释执行了。

2、半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出Homepage,且可以学习HTML,这种类型的软件主要有HOTDOG,还有国产的软件网页作坊。

3、所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,这类软件主要有Frontpage,DREAMWEAVER、Delphi、Eclipse、UltraEdit。

2.1.4 html语言在网页设计中的应用

第二章

HTML网页设计技术的应用

2.2.3JavaScript技术在网页设计中应用

一、JavaScript概述

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择,具有以下几个基本特点:

1、是一种脚本编写语言

JavaScript是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。

它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。

2、基于对象的语言。

JavaScript是一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

3、简单性

JavaScript的简单性主要体现在:首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。

4、安全性

JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。

5、动态性的

JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。

6、跨平台性

JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。

实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理软件及一浏览器,无须WEB服务器通道,通过自己的电脑即可完成所有的事情。

总之,JavaScript 是一种新的描述语言,它可以被箝入到 HTML 的文件之中。JavaScript语言可以做到回应使用者的需求事件(如:form的输入),而不用任何的网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端(server)处理,再传回来的过程,而直接可以被客户端(client)的应用程式所处理。

第二章

HTML网页设计技术的应用

第五章

色彩在网页中的应用

第五章 色彩在网页中的应用

5.1色彩在网页中的应用

色彩是艺术表现的要素之一。在网页设计中,我们的设计师根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。根据色彩对人们心理的影响,合理地加以运用。

先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

在网页配色中不要将所有颜色都用到,尽量控制在三至五种色彩以内。背景和前文的对比尽量要大以便突出主要文字内容。

5.2主页色彩的处理

色彩是人的视觉最敏感的东西。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。

5.3常用的配色方案

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。

2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。

3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。

第五章

色彩在网页中的应用

最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为“明度变化”。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。

5.4合理搭配网页色彩

网页的色彩是树立网站形象的关键之一,网页的背景、文字、图标、边框、超链接等都要用到色彩。不同的色彩会使浏览者有不同的心理感受。合理的搭配色彩,会更好的表现主题,吸引用户的注意力。网页色彩涉及到艺术知识,让美术教师参加网页色彩设计,可能会出现比较理想的效果。在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。背景色和前景色对比要大,以突出主要内容

网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。

第五章

色彩在网页中的应用

第六章 WEB页面信息的交互——窗体与框架

要实现网页的动态交互,必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识。

6.1窗体基础知识

窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互,而用不着在之前首先进行数据输入,就可以实现动态改变Web文档的行为。

6.1.1窗体对象

窗体(Form):它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体,使用Forms[]数组来实现不同窗体的访问。

在Forms[0]中共有三个基本元素,而Forms[1]中只有两个元素。

窗体对象最主要的功能就是能够直接访问HTML文档中的窗体,它封装了相关的HTML代码:

6.1.2 窗体对象的方法

窗体对象的方法只有一个--submit()方法,该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体,则使用下列格式:

document.mytest.submit()

第五章

色彩在网页中的应用

6.1.3 窗体对象的属性

窗体对象中的属性主要包括以下:elements name action target encoding method。除Elements外,其它几个均反映了窗体中标识中相应属性的状态,这通常是单个窗体标识;而elements常常是多个窗体元素值的数组,例:

elements[0].Mytable.elements[1] 6.1.4 访问窗体对象

在JavaScript中访问窗体对象可由两种方法实现:(1)通过访问窗体

在窗体对象的属性中首先必须指定其窗体名,而后就可以通过下列标识访问窗体如:document.Mytable()。

(2)通过数组来访问窗体

除了使用窗体名来访问窗体外,还可以使用窗体对象数组来访问窗体对象。但需要注意一点,因窗体对象是由浏览器环境的提供的,而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问:

document.forms[0] document.forms[1] document.forms[2]...6.1.5 引用窗体的先决条件

在JavaScript中要对窗体引用的条件是:必须先在页面中用标识创建窗体,并将定义窗体部分放在引用之前。

6.2 窗体中的基本元素

窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。

在JavaScript中要访问这些基本元素,必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下:

formName.elements[].methadName(窗体名.元素名或数组.方法)formName.elemaent[].propertyName(窗体名.元素名或数组.属性)下面分别介绍:

(1)Text单行单列输入元素

功能:对Text标识中的元素实施有效的控制。基本属性:

Name:设定提交信息时的信息名称。对应于HTML文档中的Name。Value:用以设定出现在窗口中对应HTML文档中Value的信息。defaultvalue:包括Text元素的默认值 基本方法:

blur():将当前焦点移到后台。

第五章

色彩在网页中的应用

select():加亮文字。主要事件:

onFocus:当Text获得焦点时,产生该事件。OnBlur:从元素失去焦点时,产生该事件。Onselect:当文字被加亮显示后,产生该文件。onchange:当Text元素值改变时,产生该文件。例:

...(2)textarea多行多列输入元素

功能:实施对Textarea中的元素进行控制。基本属性

name:设定提交信息时的信息名称,对应HTML文档Textarea的Name。Value:用以设定出现在窗口中对应HTML文档中Value的信息。Default value:元素的默认值。方法:

blur():将输入焦点失去 select():将文字加亮后 事件:

onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件(3)Select选择元素

功能:实施对滚动选择元素的控制。属性:

name:设定提交信息时的信息名称,对应文档select中的name。Length:对应文档select中的length options:组成多个选项的数组 selectIndex;该下标指明一个选项

select在中每一选项都含有以下属性: Text:选项对应的文字

selected:指明当前选项是否被选中 Index:指明当前选项的位置 defaultselected:默认选项 事件:

第五章

色彩在网页中的应用

OnBlur:当select选项失去焦点时,产生该文件。onFocas:当select获得焦点时,产生该文件。Onchange:选项状态改变后,产生该事件。(4)Button按钮

功能:实施对Button按钮的控制。属性:

Name:设定提交信息时的信息名称,对应文档中button的Name。Value:用以设定出现在窗口中对应HTML文档中Value的信息。方法:

click()该方法类似于一个按下的按钮。事件:

onclick当单击button按钮时,产生该事件。例 :

........(5)checkbox检查框

功能:实施对一个具有复选框中元素的控制。属性:

name:设定提交信息时的信息名称。

Value:用以设定出现在窗口中对应HTML文档中Value的信息。Checked:该属性指明框的状态true/false.defauitchecked:默认状态 方法:

click()该方法使得框的某一个项被选中。事件:

Onclick:当框的选被选中时,产生该事件。(6)radio无线按钮

功能:实施对一个具单选功能的无线按钮控制。属性:

Name:设定提交信息时的信息名称,对应HTML文档中的radio的name相同 Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中的radio的name。

length:单选按钮中的按钮数目。defalechecked:默认按钮。

checked:指明选中还是没有选中。

第五章

色彩在网页中的应用

index:选中的按钮的位置。方法:

chick():选定一个按钮。事件:

onclick:单击按钮时,产生该事件。(7)hidden:隐藏

功能:实施对一个具有不显示文字并能输入字符的区域元素的控制。属性:

name:设定提交信息时的信息名称,对应HTML文档的hidden中的Name。

Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档hidden中的value。

defaleitvalue:默认值(8)Password口令

功能:实施对具有口令输入的元素的控制。属性:

Name:设定提交信息时的信息名称,对应HTML文档中password中的name。Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中password中的Value。

defaultvalu:默认值 方法:

select():加亮输入口令域。

blur():使这丢失passward输入焦点。focus():获得password输入焦点。(9)submit提交元素

功能:实施对一个具有提交功能按钮的控制。属性:

name:设定提交信息时的信息名称,对应HTML文档中submit。

Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中value。

方法

click()相当于按下submit按钮。事件:

onclick()当按下该按钮时,产生该事件。

6.3窗体对象实例

下面我们演示通过点击一个按钮(red)来改变窗口颜色,点击“调用动态按钮文档”调用一个动态按钮文档。

test8_1.htm 调用动态按钮文档

第四篇:网页设计与制作报告书

电子商务2班201341440213孙岩

网页设计与制作报告书

课程名称:网页设计与制作

专业班级:电子商务2班

学 号:201341440213 姓 名:孙岩

指导教师:王康哲

电子商务2班201341440213孙岩

目录

一.概要……………………………………………………………

二.网站开发……………………………………………………

三.应用工具方案……………………………………………

四.栏目划分……………………………………………………

五.代码表……………………………………………………….六.截图……………………………………………………………

七.结论…………………………………………………………… 2 6 7 13 14

电子商务2班201341440213孙岩

摘要:

在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。

一、网页制作开发背景

Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。

二、网页制作设计技巧

首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点” 图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每一个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时,DREAMWEAVER就自动为我们创建了站点的主页了。这个新建的站点主页时空的,我们可以向里面添加内容。

在文件列表里除了主页之外,还有文件夹。新建站点时,DREAMWEAVER都会在站点所在位置下新建两个文件夹,一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”

电子商务2班201341440213孙岩

文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里,比如:我们可以在这个文件夹里存放注册用户的个人信息。

尽管每一个站点都要有一个主页,不过创建站点时我们仍然可以从一个空站点开始:选择“文件”菜单的“新建”命令,单击“站点”选项,在“新建站点”对话框里,我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标,这是DREAMWEAVER提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点,都是从头开始来创建一个站点,这就好像盖房子一样,首先画图纸。然而,有许多的房子都具有相似的结构和用途,所以我们可以用一张图纸盖很多相似的房子,这样就节省了许多工作。

基于表格的设计:表格布局使网页设计师制作网站时有了更多选择。在 HTML 中表格标签的本意是为了显示表格化的数据,但是设计师很快意识到可以利用表格来构造他们设计的网页,这样就可以制作较以往作品更加复杂的,多栏目的网页。表格布局就这样流行了起来,融合了背景图片切片技术,常给人以看起来较实际布局简洁得多的结构。

结构设计:这个时期的网页设计还不太关注语义化和可用性方面的问题,主要还在追求良好的结构美学。同一时期也是大量应用 GIF 占位图片控制留白的时期。一些主流的公司甚至训练设计师如何使用 GIF 占位;如微软的“关于 HTML 表格中的 GIF 占位”。第一批主要应用表格布局的“所见即所得”网页设计软件的发展助长了表格的应用。另外,某些软件自动生成的表格如此复杂以至于许多设计师不可能从头手写代码(例如每行只有 1px 高却包含了几百列的表格)。即使是稍微复杂一点儿的网页(比如多栏目页面),设计师们都要依赖于表格来创建。

三、网站结构

网站结构是指网站中页面间的层次关系;按性质可分为逻辑结构及物理结构。网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。

(一)网站结构整体先用DIV和CSS来进行构造,对整个网站进行布局,(二)网站结构是衡量网站用户体验好坏的重要指标之一。清晰的网站结

电子商务2班201341440213孙岩

构可以帮助用户快速获取所需信息;相反,如果一个网站的结构极其糟糕的话,用户在访问时就犹如走进了一座迷宫,最后只会选择放弃浏览。

(三)网站结构还直接影响搜索引擎对页面的收录,一个合理的网站结构可以引导搜索引擎从中抓取更多有价值的页面。

网站结构对网站及网站中页面的影响。搜索引擎对重要页面的抓取

由于互联网中信息量极其庞大,为了向用户展示更多有价值的信息,搜索引擎会优先抓取每个网站中相对重要的页面(即权重较高的页面),然而,搜索引擎是怎样发现这些重要页面的呢?根据重要页面的链接指向的页面可能是重要页面的思路;搜索引擎首先会从权重相对较高的页面(即源页面)出发跟踪其中的链接,从而抓取其他相对重要的页面(即目标页面)。

网页设计的要素

四、应用工具方案

DreamWeaver自制动态HTML动画的网页。

DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。

版面布局:在你开始设计之前,你必须仔细地为站点挑选色彩组合。千万不要出现紫色的背景加上黑蓝色的文字的组合。要使整个站点保持同一种色彩组合,因为不同颜色组合的背景或字体可能会是非常令人讨厌的。你也可以选用一个背

电子商务2班201341440213孙岩

景图,而不是仅用一种颜色。背景图案可以自己绘制,也可以从因特网上下载。通过模糊背景图案,就可以使文字更容易被阅读。要记住的是,图片不会被浏览器重画的,而背景色彩则是要被重新画的,因此,在上传你的图片之前,必须检查不同的浏览器是如何显示这些网页的。当增加文字时,尽量设置容易被阅读的字体和大小。如果你使用背景图片,那么,当网页被浏览时,背景色和字体将会先于背景图片被下载,因此,如果背景色和文本的颜色没有鲜明的对照的话,那么浏览者会有几秒钟的时间看到一个充满了不可阅读的文本的网页。解决这个问题的简单的方法就是,使背景色与背景图的颜色相类似。

浏览导航:站点的浏览导航必须被设计成非常容易。如果需要,把站点分割为几个部分。最容易的方法,就是在整个网站的所有的网页的左边放置一个菜单条。当然,除此以外,还有许多可选的方法。对于具有大量信息的站点,使用一个可扩展的菜单条会是一个不错的选择。无论你使用何种导航模式,在每一页都放置一个主页链接,那会是一种不错的设计思想;浏览者必须知道,无论何时,当他们迷失在你的站点浏览中时,都可以通过简单的一次点击就能准确地知道目前所处的位置。

Frame(帧,框架)的问题:Frame—— 你也许会喜欢它,也许不喜欢。如果你在你的网站上使用帧,你很可能使一个帧用于导航目的,另一个帧用于放置内容。你可以看见在同一页上有两个被分割的浏览窗口,你点击左边的帧,只会改变右边的内容。用帧来组织网站的内容,显然是非常容易的。

检验你的HTML代码 :不要在你的网站上放置浏览计数器。计数器会让你的网站看起来不够专业化,如果浏览量不够的话,还会起到相反的宣传作用。最后,内容是金,如果能给的浏览者一些有价值的东西,如,信息,建议,或软件,那么就能吸引浏览者经常光顾你的网站。为你的站点增加消息板和聊天室,从而提高网站的交互性,使你和你的访问者交流,让访问者彼此交流。

五、频道栏目划分

图1

电子商务2班201341440213孙岩

六、代码段

content=“text/html;charset=gb2312” /> 火影忍者