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

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

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

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

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

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

四、选择合适的制作工具

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

Dreamweaver、Fireworks、flash来制作网页。

五、制作网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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

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

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

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

学习心得

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

最后这两次课，讲了网页制作的一些基本问题，回顾一下之前所学内容，首先网页上文字要合理安排，标题等少量文字可以采用特殊的字体，其它字体尽量选比较普通的字体，适合就好，不要做的比较特别，文字太大占的页面大，太小又不好，所以适中就好，这样就看起来比较大气，那些好的网站就是这样的。再讲了那个图形，网页中通常采用的是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等软件的操作程序，只能说做网页是从一开始制作就是一件浩大的工程，得花很多时间和精力，但是在这过程中很好地锻炼了我们的动手能力和整体性思维，我们很高兴我们最终制作出来的网站很主观的表达了我们两个人的想法，最终做出了这个符合我们网站规划的个人网站！

第五篇：网页设计、网站制作区别

其实大体上是一个意思，一般的公司不会有太大的区分，但是上点规模的公司还是有实质性差别的网页制作师，网页制作是一类，网页设计师，网页设计是一类

网站美工普遍情况下是对两者的统称

网站美工分两个大方向，一个是界面设计方向，和图片打交道；一个是页面制作编码设计，和各种网页编码及程序打交道，分别对应的是网页设计和网页制作。

技能要求如下：

网页设计：精通各类图形图像设计软件，有较强美感，精通网页界面布局，了解用户体验，有思想，能判断和分析基本市场需求或目标客户喜好

网页制作：精通p+css，js，深知页面执行内在顺序，例如服务器请求，页面加载等，熟悉各类页面效果，能将页面设计师或界面设计师制作的页面图片依据良好的页面规范制作成可浏览网页；能够将策划人员或页面设计师策划的用户体验功能实现；了解程序架构，所制作的页面编码能保证与程序员的良好对接；熟悉seo（搜索引擎优化）等

都说两方面都好的人这个社会上很少，不过我一直对我的手下要求很严格，必须每个人都同时具备两方面的素质，不过确实存在分歧，有些人就是能做页面，有些人就是能做好编码，虽然日常工作会有分工，但我依然要求手下哪怕不精，也要了解，这样页面制作的人才能更好的理解界面设计师的设计理念，界面设计师才会在做页面的时候也会站在编码的人的位置上考虑界面设计。

要成为一个优秀的网页设计师很不容易，关键是你要先有思想，思想决定行动，任何设计都是从用户出发的，要有一个完全的针对用户的思想，而技术只是实现思想的工具，并不是决定工作结果好坏的根本，决定一个作品的好坏最重要的还是作品内在的思想。

网页制作，更偏重美工与页面结构方面。

网站建设，更偏重网站的结构和功能。

网业制作考虑的是一个网业的美工设计，网站则要复杂一些，要考虑这个网站需要那些功能，还要考虑整体的站点风格，内容等

没什么区别,一般说网页制作指美工制作页面,网站建设包含整个网站的制作(美工和程序开发)