网站制作学习心得

时间：2025-03-07 07:11:16 阅读全文下载本文

第一篇：网页设计与制作与网站发布学习心得

《网页设计与制作与网站发布》

学习心得

今天上了第一堂选修课，课程内容很简单，讲了一些关于网页的基本内容，internet是一个覆盖几乎全球的计算机网络，www服务是互联网上最为先进、应用最广、交互性能最好的信息检索工具，它向人类提供了一个无比丰富的资源库，网页是其上主要的资源组织形式。图像是网页颇具活力的组成元素，网页上常用的图像格式是gif和jpeg, 网页制作中使用最广泛的是rgb色彩模式,在不同的操作系统和浏览器中显示效果一致的216种颜色称为网络安全色。

介绍了制作网页的三大软件，macromedia公司的dreamweaver 8、fireworks

8、flash 8三个软件是网页制作的优秀套件，俗称“三剑客”，对此，我们对制作网页有了一定的认识，课上，上课气份活跃，同学们提问积极，充分体现了对这门课程喜爱。上完课，我在网上下载了网页制作的三大软件，并成功安装。

第二次课就讲的flash 8的工作环境，flash 8动画的创作流程，以及元件、实例和库的基本知识。制作动画就是在flash 8的工作环境中利用各种命令、工具以及按照基本工作流程来完成的。这些内容是制作动画最基本的基础知识。

接一来介绍了工具箱中各种绘图工具的功能和应用，介绍了如何应用这些工具绘制图形、编辑图形，介绍了文字的输入方法和编辑技巧，以及对象在舞台中的编辑方法。还有逐帧动画和渐变动画。

上了几节如何使用flash课程，我们都有感触，从不知道到能制作动画，上课气氛活跃，老师通过一个个实例教授一类又一类的动画，生动而有气氛，课后体会到仔细阅读，多加练习，灵活应用，就会制作简单的的动画。

flash课程上完了，接着上网页中最重要的课程，网页编辑工具dreamweaver课程。

首先讲了一下基本的界面，重点介绍了本地站点的创建和设置，值得注意的是，站点要用英文命名，页面属性的设置，网页文件创建、编辑与保存的基本方法，以及创建、编辑和保存网页的过程。

网页的创建和保存的方法，页面属性设置的方法，网页元素文本与图像的插入，文字的属性设置，图像的编辑方法，层的简单应用，字体列表的编辑等知识，层、表格、布局表格与布局单元格的创建、选择、编辑等操作方法；层、表格、布局表格与布局单元格的各种属性设置；以及在它们中输入各种网页元素的方法。创建与编辑文本、图像、锚点、导航条、转跳菜单、e-mail链接、热点等超链接方法；以及框架和框架集网页创建、编辑与保存的方法。回来之后操作了一下发现还是有一些问题，总是会忘记一些步骤，还有就是步骤的先后顺序，但经过多次调试还是制作成功了。

这节课老师讲了一个重要内容，用超文本标记语言来编辑网页。首先介绍一下超文本标记语言，超文本标记语言，即html（hypertext markup language），是用于描述网页文档的一种标记语言，html是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果

来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。html之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种url指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是html获得广泛应用的最重要的原因之

一。由此可见，网页的本质就是html，通过结合使用其他的web技术（如：脚本语言、cgi、组件等），可以创造出功能强大的网页。因而，html是web编程的基础，也就是说万维网是建立在超文本基础之上的。

html标注包括几个关键部件，包括元素(和他们属性)，基于字符数据类型和字符参引并且实体参引。另一个重要组分是文件类型宣告。

html湖南工业大学：

<html>

<头>

<标题>工大html</title>

</head>

<身体>

<间距>湖南工业大学</span>

</body>

</html>

这也是中的另一种制作网页的方法，它有其优点，也有缺点，相对我们来说，我认为，它的缺点大于它的优点，但相对那些专业人员来说可能就相反了。

接着老师让我们自己介绍各类网站，说说这些网站的优点与缺点，同学们作了一些介绍，比如有百度、谷歌、新浪、风行等等。在我看来，他们认为的搜索网站就是百度和谷歌，我不这么认为，我认为这两个网站都不好，现在用的多的还是实践网址大全，这个网站的内容丰富，而且有条理，我们想查找的东西很容易就在上面找到，并且各种大型网站排在前面醒目的地方，可以直接点击链接，另外其它各种都按照分类排在下面，还有的是，它包括了百度，所以说百度在它上面只是一个小小的部分，总的来说，它比其它的搜索网站就是好。对于其它网站，近段时间我发现了一个好网站，很适合我们大学生发表自己的观点， http://t.sina.com.cn 在上面开通属于自己的微博，就可以发表观点了，有什么开心或是不开心的事都可以在上面的写下来，开心的与他有一起分享，不开心的就可以与他人一起分担，就不会那么伤心了。

最后这两次课，讲了网页制作的一些基本问题，回顾一下之前所学内容，首先网页上文字要合理安排，标题等少量文字可以采用特殊的字体，其它字体尽量选比较普通的字体，适合就好，不要做的比较特别，文字太大占的页面大，太小又不好，所以适中就好，这样就看起来比较大气，那些好的网站就是这样的。再讲了那个图形，网页中通常采用的是jpeg和gif两种图片格式，通常一般不加背景图片，因为这样要占用大量的储存空间，所以当在打开这个网页时会有点慢，所以考虑网页的大小，尽量不要加背景图片，这样也不会显得花哨。从整体上体看就好一点了。

最后的一次课，老师留给我们提问，交流学习经验，多去体验网页的制作过程，有什么想法尽可以说出与大家共同分享。

第二篇：《网站规划与网页设计制作》学习心得

《网站规划与网页设计制作》学习心得

专业班级：

学号：

姓名：

不知不觉，我已经学习 ……此处隐藏3301个字……及版面设计方面的书籍，并学习手工绘画——已经有不少公司要求这个职业的从业者需要拥有这方面的能力。（虽然提出这样职位要求的公司多半是想要节约请美工的成本）可以预见的是，网页制作这个职位会逐渐被具备美术基础或者说专业的美术工作者所把持，并与美术编辑类的职业合二为一。为了在那之前得到更强大的竞争力，建议你要么往美术编辑方向发展，要么努力学习如何成为网络开发人员。

对于情况c而言，用人公司是希望让担任这个职位的人负责一个网站全部或者部分的页面编写、后端维护工作，如果不是在招聘的时候对职业定位没有太重视的话，就是在表明公司还处在创业阶段，需要多面手帮助。通常以后一种情况居多，如果对电脑和网络知识有一定了解的话就可以从本文所选的招聘中看出用人单位的不知所措——用了数据库sqlserver后还用foxpro干什么？更别说只要求大专的学历了——并非对广大的大专朋友们不尊敬，要是真的对该公司所列举的知识都很熟悉的话，不太可能会让自己的学历仅仅停留在大专的水平上的。

基本技能

1、熟悉internet。

2、读写html源代码,了解css。

3、能够熟练的使用一到数种可视化的网页开发工具。

4、会使用ftp软件管理站点。

辅助技能

1、基本的图形图象处理软件如firework、photoshop等等。

2、熟悉网络动画制作软件例如flash。

技能进阶

1、会使用提高网页交互性的编程语言如javascript或vbscript

2、学习并了解一下未来的网页语言，比如xml等等。

3、思考自己的未来——这个职业很有被淘汰的可能。

第四篇：网站制作心得体会

网站制作心得体会

通过这次网站的制作,我对网站有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网站制作的过程与一些技巧手法更有了另外一番了解,对网站制作的基础知识也有了进一步的掌握。这个学期我们的网页设计课,与以前的课相比更加注重个人的创意能力和软件的运用实战能力,更加综合的考验了我,使我更加完善自我。现将我的工作情况汇报如下: 根据专业教学计划安排此项工作过程式的项目课程。在本专业课程理论教学、实训教学的基础上,将课堂教学与社会实践相结合,通过行业生产实践的形式,进一步了解、认识网页艺术设计工作在实际生活中广泛应用的表现渠道和表现方法,提高认知水平,缩短工作磨合期。根据项目课题要求,结合本专业所学网页设计理论知识、二维动画知识技能,通过对网络广告等方面的调研和项实践形成文字文件(工作过程报告),并以自命题目设计完成多媒体网页设计制作。

两项内容要求准确、完整,工作过程报告内容既要客观实际又要有认识深度,设计作品新颖有创意。

我首先的工作就是制作网站整体框架和收集资料,将其通过 photoshop 完善图片,然后导入dreamweaver 进行排版,并进一步的加以制作,完善美化,如加入 flash,因为网页是用表格进行排版的, 所以在最后一步的时候,我还需要进行浏览器测试。因为表格排版方式有很多缺点:如页面混乱,图片、文字之间的距离过大或过小,页面不美观等等。由于我在某些方面的技术运用还不能得心应手,许多情况下不得不求助于他人,幸好有老师和同学的无私帮助,我才能完成这次任务。

我经过初步的构思,我因为要做的是商业网页设计,所以要有一个品牌,我在网上自己找到一些图片和文?1?7?1?7,做一个简单的网站初步积累,考虑到主要是锻炼我们相关软件的操作能力与代码初步掌握的熟练成度,由于我们这段时间没有进行网站相关的课程,刚着手时, 很多技术上的问题就暴露出来了,看来真是要"学而时习之"啊!制作网页是需要耐心的,如果你没有耐心,你学不好网页设计,这是我最大的体会。因为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要长时间去解决,我就碰到过一个问题,用了很长时间才解决,这还要多亏了老师的悉心指导,同学们的无私帮助。学习网页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,你只有不断的学习才不会掉入技术的陷阱,你的网页设计技术一流,你对软件的掌握程度已经达到一定水平,但是你设计的网页确不堪目睹,这是因为网页设计是是介于平面设计和编程技术两?1?7?1?7?1?7之间的 "边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html、css、php 等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.注重实用,我认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以交互的。

四周的时间,我完成了全部课件内容,忙碌的四周让大家从新熟悉制作网站的过程,由于这次课程的网页都是静态的,难度不算大。但收获还是很多的。比如将你的标志 logo,尽可能的放在每个页面上最突出的位置.突出你的标准色彩.总结一句能反映贵站精髓的宣传标语.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴效果的设置应该是完全一致的!这些都是经验收获!!

第五篇：网站模板制作心得

网站模板制作心得

在网站模板的建设中，所有的框架设计，最重要，最核心的位置就是导航。在国外也是一样，从事网站设计这个行业有80%以上的网站，最常用的就是导航了，因为导航可以让用快速的找到自己想要的东西，也就是说呢，提供一个有用的导航，要远远的比做一些无用的网页出来更来得快点。

导航可分为一维，二维，多维来讲，一维对应的是线性结构的，二维是对于分层结构，多维对于的是无序结构的，好像这么说有点抽象了点，下面就说简单的，也最容易明白的。

在以前网站设计的时候，就仅仅限制在一二三级的，而最好的技术也就是单对多的树状，就是分层导航，也是必要的元素，而跟踪用户的行为，记录下用户在网站上的浏览痕迹就是线性导航了，也叫包屑；在管理后台的时候，在首页增加一个貌似是分层结构的链接就是无序导航，也叫快捷方式。

二维的结构就比较复杂的，必定就会造成导航的深过度，用户就很难达到了，这个时候就需要考虑到方案的实施，具体的设计有以下2点：

1、从没有到有，把当前所有能够用的都放出来，尽量用；

2、按顺序由多到少的过程，慢慢的分解掉任务的主次之分.

如果是从用户的体验角度去说的话，导航的作用是非常大的，不仅能够让自己的网站突出美观，还能够给用户一个好的体验，让用户一眼就知道你的每一个栏目下是做什么的，方便用户去找，不至于用户来的时候，就迷路了，最后关掉网站才能够走出来，这样的网站绝对是一个

失败的作品。信息整理于http:///templates.aspx