导航:首页 > 万维百科 > 读网页设计与制作的心得体会

读网页设计与制作的心得体会

发布时间:2021-03-27 02:19:00

1、求一篇静态网页制作心得体会,要两千字以上。

静态网页制作心得体会
20世纪40年代科学字发明了计算机之后,人们的工作效率大大提高,但是单个计算机能够存储和处理的信息是非常有限的,为了便于信息的传递和处理,人们就把众多的计算机连接起来。
网页制作的心得体会 ----网页制作论文摘要 通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。
关键字 页面设计 ASP和数据库
1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。
2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。
3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。
选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。
规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。
大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。
为了提高浏览效率,方便资料的寻找,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,链接的层次不多,深度浅。
框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。
下一步,你可以动手制作具体内容了,我将告诉你一些收集资料的窍门。
题材选定,框架选定,接下来就开始往主页里面填内容。我们称作资料收集
就个人主页而言,很少有人有能力完全靠自己来创作所有的内容。(一些高手能够提供自己编的软件,文章或则音乐,是我非常佩服的!)
大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。
另外一个好的方法是从网络上收集,您只要到雅虎,搜狐等搜索引擎上查找相应的关键字,就可以找到一大堆的资料。
如果您是英语高手,您可以到国外站点上把最新的信息,资料翻译成中文,提供给大家,这叫“洋为中用”。
网络上的资料呈爆炸性的增长,只要注意收集某一非常细小的题材,随时供大家方便的查找,您的主页就已经有做不完的活了。
到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。
先来介绍一下我这个网页吧。我的网页主要由三大部分组成:主页、各子网页以及各互联网链接。
首先是主页,采用的是index格式,是第一个显示的页面,其实原来第一个显示的页面是一个封面,但在网上用了一段时间之后我觉得有封面比较麻烦,花哨但不实用,显得有些多余,所以我就把它给去掉了,直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面,尤其是在它的视觉设计上包括结构,字体,背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍,以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字,旁边的welcome是插入的GIF动画,左上角显示日期,右上角显示你在网页呆的时间,下面是一排子目录,包括一些链接和子页面,点开就可以看到关于我的详细信息。下面是一个搜索引擎,采用的是百度是原代码。再下来是我的近况,也采用了特效。右边有一个滚动字幕,是一首诗,采用了特效,下面是一些常用大型网站的链接。最下面是关于浏览器的说明,主页基本上就是这些了,还有要说的就是“给我留言”是到网上去申请的免费留言板,然后链接上去。
子网页中, “Spear相册”里面全是照片,大部分照片是用数码相机照的,有两三张是扫描上去的;“家乡风情”里则是图片与文字并存,这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍,背景图片是我都是我精心挑选的,多数页面都插上了MIDI音乐作为背景,有个别页面还使用了特效。
接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能:各页面可以让你对我有一个比较详细的了解;强大的搜索功能令你在网络世界中畅通无阻,网站、mp3、flash、信息快递应有尽有;各大型网站的链接让你轻松登陆以便看消息、发邮件;想听歌吗?“我的音乐”将让你听歌变得如此方便;超级留言板可以让你畅所欲言……
相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧!现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。
开始时我选择了DreamweaverMX作为制作软件,看书学习了一些基础的东西之后就着手开始了我的网页制作,我先初步对网页作了一些页面规划,然后建立了站点,用软件中的一些基本的功能制作,首先是封面,由于Dreamweaver MX没有插入艺术字的功能,所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页,我主要用层来设计版面,再适当配合表格,经过两个白天和一个通宵,网页基本的框架就出来了,但这时却遇到了一个很令人头疼的问题:突然所有插上去的图片都不能显示了!!!我用尽了所有能想出来的方法,请教了很多的电脑高手都不能把这个无法解释的问题解决,就连重新安装DreamweaverMX也毫无作用,由于是借别人的电脑,时间紧迫,没有等到去向老师请教,我就一气之下把那些东西都删光了,连Dreamweaer也不例外,当时我真的很失望,想到这两天废寝忘食地做的东西一下全没了就很是接受不了,我曾经一度想放弃,不过冷静了之后我决定从头开始。我换了Frontpage,由于对Frontpage一无所知,也没有相关的书籍,所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似,于是很快掌握了其许多基本的功能。接着我又熬了一个通宵,决定把前面的损失弥补过来。前面的工作也不能算完全白做,因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计,只是改动了一些,大体的框架还是没有改变。
总结 通过这次制作网页,我学到了不少东西,而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色,相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小!!!

2、制作网页的心得体会

20世纪40年代科学字发明了计算机之后,人们的工作效率大大提高,但是单个计算机能够存储和处理的信息是非常有限的,为了便于信息的传递和处理,人们就把众多的计算机连接起来。
网页制作的心得体会 ----网页制作论文摘要 通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。
关键字 页面设计 ASP和数据库
1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。
2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。
3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。
选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。
规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。
大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。
为了提高浏览效率,方便资料的寻找,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,链接的层次不多,深度浅。
框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。
下一步,你可以动手制作具体内容了,我将告诉你一些收集资料的窍门。
题材选定,框架选定,接下来就开始往主页里面填内容。我们称作资料收集
就个人主页而言,很少有人有能力完全靠自己来创作所有的内容。(一些高手能够提供自己编的软件,文章或则音乐,是我非常佩服的!)
大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。
另外一个好的方法是从网络上收集,您只要到雅虎,搜狐等搜索引擎上查找相应的关键字,就可以找到一大堆的资料。
如果您是英语高手,您可以到国外站点上把最新的信息,资料翻译成中文,提供给大家,这叫“洋为中用”。
网络上的资料呈爆炸性的增长,只要注意收集某一非常细小的题材,随时供大家方便的查找,您的主页就已经有做不完的活了。
到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。
先来介绍一下我这个网页吧。我的网页主要由三大部分组成:主页、各子网页以及各互联网链接。
首先是主页,采用的是index格式,是第一个显示的页面,其实原来第一个显示的页面是一个封面,但在网上用了一段时间之后我觉得有封面比较麻烦,花哨但不实用,显得有些多余,所以我就把它给去掉了,直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面,尤其是在它的视觉设计上包括结构,字体,背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍,以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字,旁边的welcome是插入的GIF动画,左上角显示日期,右上角显示你在网页呆的时间,下面是一排子目录,包括一些链接和子页面,点开就可以看到关于我的详细信息。下面是一个搜索引擎,采用的是百度是原代码。再下来是我的近况,也采用了特效。右边有一个滚动字幕,是一首诗,采用了特效,下面是一些常用大型网站的链接。最下面是关于浏览器的说明,主页基本上就是这些了,还有要说的就是“给我留言”是到网上去申请的免费留言板,然后链接上去。
子网页中, “Spear相册”里面全是照片,大部分照片是用数码相机照的,有两三张是扫描上去的;“家乡风情”里则是图片与文字并存,这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍,背景图片是我都是我精心挑选的,多数页面都插上了MIDI音乐作为背景,有个别页面还使用了特效。
接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能:各页面可以让你对我有一个比较详细的了解;强大的搜索功能令你在网络世界中畅通无阻,网站、mp3、flash、信息快递应有尽有;各大型网站的链接让你轻松登陆以便看消息、发邮件;想听歌吗?“我的音乐”将让你听歌变得如此方便;超级留言板可以让你畅所欲言……
相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧!现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。
开始时我选择了DreamweaverMX作为制作软件,看书学习了一些基础的东西之后就着手开始了我的网页制作,我先初步对网页作了一些页面规划,然后建立了站点,用软件中的一些基本的功能制作,首先是封面,由于Dreamweaver MX没有插入艺术字的功能,所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页,我主要用层来设计版面,再适当配合表格,经过两个白天和一个通宵,网页基本的框架就出来了,但这时却遇到了一个很令人头疼的问题:突然所有插上去的图片都不能显示了!!!我用尽了所有能想出来的方法,请教了很多的电脑高手都不能把这个无法解释的问题解决,就连重新安装DreamweaverMX也毫无作用,由于是借别人的电脑,时间紧迫,没有等到去向老师请教,我就一气之下把那些东西都删光了,连Dreamweaer也不例外,当时我真的很失望,想到这两天废寝忘食地做的东西一下全没了就很是接受不了,我曾经一度想放弃,不过冷静了之后我决定从头开始。我换了Frontpage,由于对Frontpage一无所知,也没有相关的书籍,所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似,于是很快掌握了其许多基本的功能。接着我又熬了一个通宵,决定把前面的损失弥补过来。前面的工作也不能算完全白做,因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计,只是改动了一些,大体的框架还是没有改变。
总结 通过这次制作网页,我学到了不少东西,而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色,相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小!!!

3、求一篇ASP.NET动态网页制作学习心得体会

学好一门编程语言有两个条件是必不可少的,一是理论与实践结合,在实际例程去验证书本上的理论能加深你对理论的理解;二是学会总结,把学习、运用中的心得体会记下来,当成一种经验或者教训加以提炼并在日后的应用中加以改进,一定能提高你对这门编程语言的认识。以下是笔者在学习与运用ASP编程中的两点经验,希望能对大家有所帮助。

ASP页面内VBScript和JScript的交互

ASP具备管理不同语言脚本程序的能力,能够自动调用合适的脚本引擎以解释脚本代码和执行内置函数。ASP开发环境提供了两种脚本引擎,即VBScript(缺省)和JScript。不过,开发者并没有被限制于只能使用这两种语言,只要能够提供合适的ActiveX脚本引擎就能使用任何脚本语言。

脚本语言的选择往往基于许多不同原因:它可能是开发者最为熟悉的语言,可能是对给定工程来说能够提供最多特色支持的,也有可能是最具效率的。不同的环境和要求使得我们在选择脚本语言时注重不同的因素,同时也使得我们在某些时候面临选定的脚本语言不能直接提供其它语言固有的函数这一问题,或某个脚本已经写成但用的却是另外一种脚本语言。

此时应该怎么办?是否需要用当前所用的脚本语言重写这些脚本?或者说,是否有可能在一种脚本语言中调用其它脚本语言的内置函数?本文要说明的就是在ASP应用中如何让VBScript脚本和JScript脚本交互以最大限度地获得两种脚本语言的特色支持。

一、VBScript和JScript的内置函数

在VBScript和JScript中,有大量的内置函数功能是相同或类似的。然而,在一种脚本语言中内置的函数并非总是在另外一种脚本语言中也有对应的函数。例如,VBScript提供了许多用于操作字符串和格式化数据的函数,这些函数在JScript中并不存在。这些函数包括StrReverse()、Filter()以及FormatCurrency()等。在另一方面,JScript所提供的用于管理数组、字符串编码等的函数在VBScript中也没有定义,如join()、reverse()、pow()、位操作、escape()和unescape()等。

那么,如果在JScript程序中需要一个VBscript函数该怎么办呢?

二、异种脚本的互相调用

如果需要在JScript脚本中调用一个VBScript中内置的函数,则应该写一个VBScript用户定义函数(在这里调用VBScript内置函数),然后在JScript脚本中象调用公用JScript函数一样调用这个用户定义函数。

例如,如果要调用的VBSCript内置函数是FormatCurrency(),则可以声明如下自定义函数:

< SCRIPT LANGUAGE="VBSCRIPT" RUNAT="SERVER">
Function FormatValue(Value)
FormatValue = FormatCurrency(Value)
End Function
< /SCRIPT>

接下来在JScript代码中就可以象普通JScript函数一样调用FormatValue()了。用类似的方法也可以实现VBScript代码调用JScript函数。

应用同样的规则,我们可以在任何脚本内调用任何用户定义函数。不过,从JScript脚本内调用一个不带参数的VBScript过程(Sub)时应略加注意,此时在JScript中应该象调用一个不带参数的JScript函数一样调用它,如用foo()调用VBScript Sub foo过程。

三、数据共享

在某些情形下混合运用VBScript和JScript函数是非常有用的,但在不同语言脚本之间共享数据也可能很有用。实现这种共享的方法很简单:不管使用的是什么语言,只要是在页面级声明的变量就可以任意引用。

对象的使用方法也相似,可以任意选用合适的语言读取、修改属性或调用对象的方法。当然给定对象的属性和方法是由创建该对象实例的语言所定义的。正如上例VBScript的过程调用,当从JScript中调用一个不带参数的VBScript对象的方法时,其调用方法也遵从JScript的调用规则,反之亦然。

四、数组管理

数组共享问题稍微复杂一点。虽然数组也象其它变量一样可以在不同语言脚本之间共享,但必须注意兼容方面的问题。

VBScript数组在JScript下可以用VBScript的符号引用,即用myArray(2)引用数组元素而不是JScript的数组元素引用符号myArray[2]。此外,还可以使用一个特殊的JScript对象——VBArray对象将VBScript数组转换为JScript数组。下面的代码从VBScript数组myVBArray创建JScript数组myJSArray:

var Temp = new VBArray(myVBArray)
var myJSArray
myJSArray = Temp.toArray()

上述代码首先创建一个临时的VBArray对象,然后使用它的toArray()方法将自己转换为JScript数组。此后就可以象普通JScript数组一样使用myJSArray,如myJSArray[1]。但应当注意的是,toArray()方法将把一个多维的VBArray转换为一维的JScript数组。

从VBScript中引用JScript数组更为复杂。虽然在VBScript中我们可以直接访问JScript数组相关的方法和属性,但没有直接访问JScript数组的单个元素的方法。也就是说,我们可以在VBScript脚本中读取JScript数组的长度属性,如下所示:

x = myJSArray.length

但无法直接读取该数组的单个元素,下面的VBScript代码是不正确的:

x = myJSArray(3)

解决该问题的一个可行的方法是执行一个转换过程,如下面的代码所示,此处假定VBScript是缺省的脚本语言:

< %
Dim Temp
Dim myVBArray
Temp = myJSArray.join(", ")
myVBArray = Split(Temp, ", ")
%>

此处的JScript join()方法将数组myJSArray元素转换到一个以逗号为分割符的字符串,VBScript Split()函数将字符串转换为VBScript数组。注意这里我们是在VBScript环境下调用JScript的join方法。依照此例,我们可以通过自定义VBScript函数来模拟JScript的VBArray对象的toArray()方法以实现JScript数组到VBScript数组的转换。

用模板建立动态ASP页

对于模板,我想大家可能都有一些概念,在word中很多模板,设计好了大概的版面,你只要用你自己的话填充那些占位字符就好了。这儿的模板大概也就是这个意思,页面中相对稳定的部分固定下来,其他的部分根不同的情况在输入不同的内容。其实在DreamWeaver中也有模板的功能,不过那个静态的,只能手动填充内容,而这儿讲的是动态的自动的内容填充。

首先,我先来解释一下为什么要用到模板文件。有时候,模板能够带给你对网页功能和布局更为完整的概念。当你看到Word的模板格式之后,就知道最后版面是个什么样子的了,在这儿也是如此。例如,你可以保留ASP语句,而使用不同的模板来建立不同的页面风格。

这样,你就不用为每种不同风格的网页分别来写不同的ASP页面了,这显然可以为我们节省很多时间和精力。而且,模板文件能够让你更容易的浏览页面代码,不用担心ASP和HTML的混杂搞的你头昏脑胀。你可以只用把注意力集中在HTML上,而完全不用去管ASP了。再有就是,摸板很简单,你绝对很快就能搞懂搞定。在这篇文章中,将会用到一个数据库——一个用的很广泛的雇员表。包括雇员ID,姓名,照片,以及工作摘要和照片的注脚。下面是这个Access数据库的结构:

文件名 - myDatabase.mdb
表名 - Employees
ID
自动计数(Autonumber)
FullName
文本 - 最多100个字符
PicURL
文本 - 最多255个字符
Duties
注释类型
PicCaption
文本 - 最多50个字符

一个很简单的数据库,是吧。当然你可以按要求来扩展它,那就是你自己的事了。我假设你已了解数据库的基本操作,这样我不用在这上面花太多的笔墨,其实这儿的代码都是很简单的,只要你知道一些基本的东西,就能把它看懂。建立了数据库之后,我们可以开始建立模板文件了。这个文件是每个页面的骨架。我没有用到表格,那样有些麻烦,而我很懒,而且,也不用加入,标签,因为那是要加在ASP页面中的。所以到最后,它的样子就是这样了:

Full Name:

%name% < br>Description of ties:

%ties%

This picture was taken: %date%

Employee ID: %empID%

就是这样了!这就是一个简单的模板。把它存为template.tmp,在后面的ASP页面中将要引用到它。要注意的是:我们可以在模板中加入各种HTML标签,你完全可以在摸版中定义好网页的结构和样式,就像实际写一个网页一样,只是要把关键的地方标出来——注意到了那些%围着的东西了吗?那就是模板的精髓了。或许你已经注意到,那些%围着的是和数据库中的字段意义对应的。看看下面的ASP代码,是如何读入模板和数据库文件,把他们揉和在一起,然后输出我们想要的HTML页面。

这就是所有的代码了,很简单,不是吗?它所作的只是打开模板文件,按顺序读入每一行,然后用冲数据库中读入的实际的字段值来代替模版中那些%img%,%name%标记。而且,它还把在“Duties”字段内大段文本中的回车解释成HTML的回车 ,这样就不至于打乱整个的排版格式了。怎么样?轻松搞定吧。模板在某些应用上真的是可以发挥奇效,省时省力。理论上,你还可以修改这段代码,用FileSystemObject来读写文本,这样数据就不一定要存储在数据库中了。在一些应用中,比如即时的新闻发布,这样也许更为方便一些。

4、跪求:网页设计实训个人总结

网站设计与制作》实训报告
X学院 XX班 XX X号
一.实训时间:
2010年6月7日到2010年6月13日二.实训地点:
科实南213
三.实训组员:
XXX、XXX
四.实训目标:
以金华农特产为主题,制作网站,通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
五.实训策划:
这一周,我们要进行《网站设计与制作》实训,我们认为做网站前最主要的是确定主题、框架和标题栏的设计。因此我们相互讨论之后,确定制作以“健康”为主题的“林安健康网”,但在之后的资料收集和网页的框架的建设中,我们发现出了问题,在确认无法做出效果后,我们决定放弃这个主题,重新建立以“水果”为主题,以我们的名字连体命名的“林安水果网”。以下是我们的策划内容:
1.确定主题。制作网页,首先是确定主题,金华有许多特色水果,水果产品丰富,,经过考虑,确定以金华水果品种为主题的网站 ,建立一个简单的介绍金华水果的网站,专业介绍一些金华地区优秀的水果市场和销售渠道等。我们本次间的网站基本以绿色为基点,绿色是生命的颜色,绿色代表着生机勃勃,所以本站以绿色为风格,让整个网站充满绿的生机。
2.设计主页。主页的设计是整个网站的灵魂,构思导航栏的分类,然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,我们构思大致分几部分,首页,特价专区,优质水果,果树栽培,婺城商场,金东商场,客户中心,联系我们,意见反馈等板块,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要,我们运用Photoshop CS3技术来设计出导航栏,再用Fireworks CS3或Photoshop CS3技术制作切片,建立导航栏,将整体的主页效果建立起来。
3.资料的搜集。主页的导航栏设计好后,接下来就是对主页导航栏的各个内容进行资料的收集,我们采用大量的资料收集再对资料进行塞选,得到最适合导航栏内容的资料。素材的选择,要符合网站的主题,图片的大小要符合模板的轮廓,我们将不符合模板的用Photoshop处理编辑,然后放入站点底下,进行图文的链接和排版。
4. 建立模板和库。此次网站建设中我们决定大量运用模板和库,运用模板和库对于建立网站提供便利同时也为我们减少大量的工序。本次水果网的建设主要采用两个模板,各具风格,样式标准。
5.各个子网页的建立。我们设计好模板后只要在可编辑区依次编辑所需资料就可,运用模板建立子网页少了很多工序,为我们节省大量的时间。尽管我们建立了模板,但我们在建立子网时很小心,因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时,因此我们对所插入的图片和表格都得进行测量,做到不影响网站整体的美观。
6.实现网页间的链接。做好个格子网和首页后,接下来就是通过模板的链接,将整个网站中的网页链接起来,过程其实很简单,主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。通过模板建的几张网页其实超链接都不怎么用链接,只需要修改模板上的链接就可以了,这也是通过模板新建网页的好处,省去一张一张超级链接的时间了。做好这一步后,网站基本算是建好了。
7.向静太网页插入动态效果。在基本建好网页中的插入层和时间轴,制作其动态效果,让整个网页充满生机。我们在网上进行flash素材的收集,通过Flash CS3设计出主题下的风格动态效果。然后插入到静态网页中,使网页更加生动形象。
六.实训心得:
通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了企业水果网站,作为实习的成果。其内容是多样化的。制作网页用的软件是Deamweaver CS3软件。它提供了网页和表单的动态生成到企业级的解决方案。主图是一个网页的门面,它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于金华水果的网站 ,要对这些有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的介绍金华水果的网站,专门介绍一些金华地区优秀的水果市场和销售渠道等。于是网站主题确立。
然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,首页,特价专区,优质水果,果树栽培,婺城商场,金东商场,客户中心,联系我们,意见反馈等板块,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。
再后是收集资料与素材,大量浏览相关网站,收集关于金华水果的图片,进行Photoshop CS3图片处理和排版,插入好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等。
再后是设计网页图片,用flash制作网友调查表,用Photoshop制作静态图片。再后是建立站点,和制作网页了,使用dreamweaver制作。
首页内容精彩丰富,首页主要是导航作用。首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。
简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
利用我们所学的模板设计,制作更完美的页面。将动态网页与静态网页结合起来
再后,调试过程,好多次本来在Deamweaver CS3里好好的,把字调的好好的,位置很对,可在浏览器里御览就出毛病了,不是靠上了,就是靠下了,很不老实,经过再三调试,整理,加了好多表格,终于满意了。
通过温本周的实训,发现自己还有很多的不足。就框架的应用很难把握,切片也很难合理切割,当插入图片的时候把原有的模板给撑破了,精确定位很重要。因为学艺不精,所以不会网页的代码设计,只能通过网络三剑客综合使用。不过也实践中也学到了很多知识,比如原本不知道网页设计还需要切片,表格的嵌套是非常重要的,模板的应用时非常便捷的。还有一些行为中的效果也是蛮不错的。所以这次实训还是很有意义的。

与读网页设计与制作的心得体会相关的知识