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

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

《网站规划与网页设计制作》的总结

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

比如建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

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

三、规划网站

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

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的

Dreamweaver、Fireworks、flash来制作网页。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入ican博彩通等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，可能还存在很多的不足和错误。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的老师，让我有机会去学习有关网页的知识。

第二篇：网页设计与制作与网站发布 学习心得（范文）

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

学习心得

今天上了第一堂选修课，课程内容很简单，讲了一些关于网页的基本内容，Internet是一个覆盖几乎全球的计算机网络，www.xiexiebang.com 在上面开通属于自己的微博，就可以发表观点了，有什么开心或是不开心的事都可以在上面的写下来，开心的与他有一起分享，不开心的就可以与他人一起分担，就不会那么伤心了。

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

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

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

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

学习心得

今天上了第一堂选修课，课程内容很简单，讲了一些关于网页的基本内容，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 <身体> <间距>湖南工业大学

第四篇：网站规划书与网页制作实验报告

网站规划书

一、主题选择

本次网站设计大作业我们选择了建立一个个人主页的主题，最后综合实际电脑操作水平，决定主要由***进行实际的操作，我辅助进行素材整理和网站规划书和网站设计与制作的实验报告的撰写。

二、网页内容

1.“首页”页面，首页我们设计了各个子网页的导航、友情链接以及联系我们板块，友情链接可以让我们进入其它不同的学习参考网站，可以获得一些有用的信息，同时得到获得这些信息的便捷性，体验专业性和个性化的差别。同时，联系我们以及包括在内的用户注册，能让浏览者与我们建站者互动，因而能使我们的网站不断完善，做得更好。

2.“我的日志”页面，我们摘录了***同学所写的两篇空间日志，插入了土豆网的播放器，选取了精彩的视频，向浏览者介绍***同学的一些个人经历，也献上了一席视觉盛宴。这里还有歌曲的改编、二胡的奏唱，还有令人感动的文章。

3.“我的相册”页面，我们插入了一个Flash相片展示舞台，主要展示了***同学此前旅游时所拍的照片，向浏览者展示另一个侧面的他。

4.“我的爱好”页面，是一段Flash视频的展示，同样展示了***同学的个人兴趣。

三、网站风格

通过思考和讨论，我们决定将红色调作为网站的主色调，并且我们大量运用Flash元素、JavaScript代码使网站风格现代化、美观化，给浏览者以最好的体验。

四、网页布局

网页采用表格布局的模式，虽然没有通过模板的使用来制作网站，但是我们使用了一个母页面来做到全站布局的统一，结构整齐，分类内容一目了然。

五、多媒体素材的使用

我们在多个页面加入了背景音乐，并在每个页面中加入了大量优质的图文。这些图片部分来自于网络，但我们使用Photoshop，处理成我们需要的形式，或是以它们为素材做更好的图片。使用的工具软件

Dreamweaver 8（部分通过Dreamweaver CS6）

Photoshop CS6

FlashProfessionalCS6

Word2010

网页设计与制作实验报告

一、制作组成员

12******班

120310** ***，120310** ***

二、网页制作中使用的技术及方法

由于网页制作使用的软件中最重要的是Dreamweaver8，因此使用其他软件的方法就不一一列举。

1.善于利用母页面。

2.Flash的使用。其简易的使用和制作方法，为网站带来了很大方便，并且也兼顾了效果。

3.JavaScript的使用。合理的使用JavaScript，能使网页实现更多功能，或者使网页更加美观。但此方法涉及到编程，对于大部分同学都很有难度。

4.其他的Photoshop技术以及网页Flash中所用的Action Script就不再详细介绍。

三、组员分工

***：查找和整理资料，完成网页的模板制作和内容加入，解决技术问题并且通过技术美化网页。

***：查找和整理资料，撰写规划书和实验报告。

网站的规划和结构设置是我们共同讨论的结果。

四、制作中遇到的问题及解决方法

本部分由组员***撰写。

实际上在网页制作过程中遵循注意事项并理解网页结构，只是制作一个简单的功用小的网站不是一件难事。在本次制作中遇到的最大困难就是代码以及编程语言知识的匮乏，难以制作出更漂亮的效果。因此，最为困难的一步便是JavaScript的编写。通过阅读书上给的一部分事例，我掌握了一些基本的语句结构和语句用法但是感觉嵌入自己的页面却无从下手，所以我只能上网搜寻相关代码知识并试着自己去理解。最终我将我所理解的这一代码成功地插入了目标网页中，达到了需求的效果。然而遗憾的是，由于时间问题，没有加入更多的代码丰富我们的网站。

实验中遇到的大部分问题我都通过自己摸索和在线搜索解决了，并且在和别的同学交流的过程中，我对每项功能的具体原理和实现方法又有了更深层次的了解。不过我还有一些问题无法得到解决，同时也是我困惑已久的问题。一是比Dreamweaver 8更新的Dreamweaver CS6上却难以找到许多Dreamweaver 8上的功能，比如在Dreamweaver CS6找不到怎样插入层；二是不知道如何保证不同品牌，不同版本的浏览器获得同样的最佳观赏效果。我也希望能在日后的深入学习当中解决这些疑惑。

五、实验总结

网页制作是最能体现团队合作的一个实验操作，我们通过不同的分工，认认真真的完成了每个人应该完成的任务而且做到都非常出色，这都体现了我们两个人的默契，更使得这次实验配合的非常成功。我们也深刻学习到了Photoshop、Flash、Dreamweaver等软件的操作程序，只能说做网页是从一开始制作就是一件浩大的工程，得花很多时间和精力，但是在这过程中很好地锻炼了我们的动手能力和整体性思维，我们很高兴我们最终制作出来的网站很主观的表达了我们两个人的想法，最终做出了这个符合我们网站规划的个人网站！

第五篇：网页制作学习心得

网页制作学习心得体会 刘少波

***4

转眼间，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但是这个学期以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词，只能用鼠标到处乱点。并且刚开始几节课，老师并没有给我们讲关于如何去使用这个软件的知识，基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作，当时觉得没什么用，甚至有点反感，害怕一个学期以后没什么收获，最后问了一下周围的同学，原来大家都有这样的想法。

渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课，老师布置了一个任务，要求做一个网站。虽然学了一个学期，但是我觉得我的能力完全没有这么高，做个网站真的很不容易。

最开始是确定主题。我一直都想不出应该做一个关于什么的网站，一次，一个朋友告诉我她在省博物馆，叫我帮她查一下勾践剑在哪个展厅。打开百度，我以外的发现省博物馆的网站进不去，于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。

确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。

但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边的三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。

印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。

在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。就我而言，也在学习网页中总结了如下经验。看书不要过多，看一本就可以了。关于网页设计的书太多了，每本书里的内容也太多了，林林总总的，而且有些乱。书看多了，花的时间比较多。我觉得想学基本技巧的应该不用太多地看书。.初学者要清楚地了解网页制作的基本流程。就是第一步做什么,下一步又该怎样。从绘画网页框架图到最后发布网站，大概是怎样的一个过程，怎样实现的，应该要心里有数。.按流程的顺序学习，不要试着先把所有做网页用到的软件都吃透了再开始做网页。应该边学边尝试。注意代码。尽管我们对代码还不熟悉，但完全不懂代码的话做网页还是比较困难的。至少要看到代码知道大概是怎么一回事。平时浏览网页时多多留意别人的设计和效果，多收集有用的信息。这方面我们还是刚刚开始的。有必要借鉴一下。要细心和耐心。这两个不用多说啦，做什么事情都应该这样吧。网页设计更是这样，比画画，十字绣更要细心和耐心。因为网页设计很多时不是你构思好要弄成怎样就可以很轻易地做出来，要多多思考和分析。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。