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

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

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

学习心得

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

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

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

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

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

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

四、选择合适的制作工具

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

Dreamweaver、Fireworks、flash来制作网页。

五、制作网页

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

六、上传测试

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

七、推广宣传

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

八、维护更新

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

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

第四篇：网页设计与网站建设

《网页设计与网站建设》实验教学大纲

课程编号070105007

学时学分：总学时：64总学分：4实验学时：

32适用对象：计算机科学与技术及相关本科专业

课程属性：专业方向课

实验属性：非独立设课

一、课程的性质与任务

随着Internet的普及，网页已经成为人们信息发布及获取、思想交流和商务往来最重要的途径，网页制作已成为当今社会上一种比较热门的技术，本课程突出实用技术和应用技能，是计算机专业学生的一门必选课，同时又可作为相关专业学生的选修课。

网页设计课程是学生在学习了高级程序设计语言、数据库原理及应用等课程的基础上开设的一门实用性较强的课程，实验课的任务是通过实验加深对理论知识的理解，基本掌握WEB应用的规划、设计和动态网页制作中对于内容的动态显示与更新技术，培养学生的动手能力和设计能力。

二、实验的目的与基本要求

实验目的：通过实验让学生掌握网站的配置方式和网页设计的基本方法。

基本要求：

（1）掌握页面的设计与布局的基本方法；

（2）掌握JS脚本语言的使用方法；

（3）掌握asp.net控件（包括HTML控件与服务器端控件）的使用方法。

三、实验考核方式及办法

实验成绩根据学生的实验完成情况、实验纪律、实验报告进行综合评定，给出优（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。实验成绩占本课程总成绩的20%，对缺实验成绩或不及格者，《网页设计与网站建设》课程不予通过。

四、实验项目一览表

网页制作实验项目一览表

序 号2 3 4

5实验项目 名称

div布局 css层叠样式单

JS脚本 asp.net控件 ado.net数据库连接

实验 类型

验证性 设计性 设计性 设计性 设计性

实验 要求

必做 必做 必做 必做 必做

适用 专业

理工类 理工类 理工类 理工类 理工类

学 时6 6 6 8

五、实验项目的具体内容：

实验一div布局

1．本次实验的目的和要求

掌握网页设计的DIV布局方式，能够使用DIV进行层布局，认真撰写实验报告，严格遵守实验室规章制度。

2．实验内容或原理

掌握dream weaver软件的基本功能，熟悉dream weaver的工具箱,使用DIV做层布局。

3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，搭建好asp.net的开发环境。

4．实验步骤

（1）打开dream weaver软件；（2）使用div布局设计网页；（3）div的布局设计与修改。

5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。

6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。

7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验二css层叠样式单

1．本次实验的目的和要求

通过dream weaver软件的使用，掌握使用css层叠样式单做布局样式控制的方法，要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

通过dream weaver软件的使用，使用css层叠样式单做布局样式控制。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，建好asp.net的开发环境。4．实验步骤

（1）打开dream weave软件。

（2）用css层层叠样式单做布局样式控制。（3）css层叠样式单编写与调用。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验三JS脚本

1．本次实验的目的和要求

掌握JS脚本的基本用法、变量、函数、DOM文档对象的操作。要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

JS脚本的基本用法、变量、函数、DOM文档对象的操作。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weave软件。4．实验步骤

（1）打开dream weave软件。

（2）新建JS文件，编写脚本程序实现对JS脚本的变量、函数、DOM文档对象的操作。

（3）外部调用JS文件。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验四 asp.net控件

1．本次实验的目的和要求

掌握asp.net控件（包括HTML控件与服务器端控件）的使用方法。实验后要求认真撰写实验报告，实验过程中严格遵守实验室规章制度。2．实验内容或原理

运用所学知识，用HTML控件与服务器端控件进行编程，实现简单功能。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有asp.net开发平台。4．实验步骤

（1）打开asp.net开发平台。（2）新建空白页面或者空站点。

（3）用HTML控件与服务器端控件进行编程并调试。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验五ado.net数据库连接

1．本次实验的目的和要求

掌握ado.net数据库连接的基本概念、ADO.NET对象模型、SqlConnection对象。

2．实验内容或原理

建立ado.net数据库连接，ADO.NET对象模型、SqlConnection对象。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有asp.net开发平台。4．实验步骤

（1）打开asp.net开发平台。（2）建立ado.net数据库连接。

（3）通过SqlCommand对象提供的方法传递对数据库操作的命令，并返回命令执行的结果。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

六、实验教材及主要参考资料

翁健红编著，基于C#的ASP.NET程序设计(第2版)，机械工业出版社

七、教改说明及其他

在实验教学过程中可以结合优秀网站分析、优秀作业点评、作业中普遍存在的主要问题及改正方法的分析等方法相互穿插结合进行教学。

第五篇：《网页设计与制作》学习心得（共）

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

说实话，短短三个星期能将《网页设计与制作》这本书粗略的学完，简直有点不敢相信。不过能懂得基本的框架和思路，这一点在以后的学习过程中是非常有帮助的。

其实买电脑的时候就装上了网页四剑客，可能稍微接触多一点的子软件是《Flash CS3》，但吕老师和我们谈及用《Dreamweaver》制作网页的时候，感觉有点茫然。

一开始老师并没有详细的介绍软件的使用，只是强调建立的主要部分：新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。

学习与实践环节

第一部分：家庭作业是进行简单的网页制作，以书本上的百川商城为例，按照步骤，新建站点，创建名为images的文件夹及名为index的空白HTML文档，各边距设置为0。值得注意的是，在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格，首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象，为了显示的效果更佳入眼，我们将表格居中对齐，再插入4行一列的表格，俗称表格嵌套，第一行分为两栏用于制作logo和banner，可以根据图片的像素设置好宽和长，第二行为导航栏，第三行为页面内容，第四行为版本信息。这些就是我们平常浏览网站的基本布局，将不同的内容放在网页的不同位置，目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作，就要在表格中添加素材，可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作，其中涉及了表格、文字、图片及水平的应用，对于各自的使用，老师均作了很详细的图文并茂的介绍，布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识，学到了很多操作。

第二部分：学习的是主页面设计与制作，我就不过多的谈论步骤了，这个项目制作中使用了布局表格的嵌套功能，这将有利于页面内容的布局和定位，运行网页时整体不会出现异常情况，使页面与当初设计的样式相同，另外，为了使当浏览器大小改变时对页面布局不产生影响，一定将表格宽度设置成固定宽度。

第三部分：讲述了CSS与层与子连接的使用，这个是学习网页制作个人认为最难的部分，但对于一个普普通通的网页，通过给这个文件添加CSS规则，可以得到十分美观的网页。使用CSS样式可以对网页中的文本、图像、超链接、表格等各种网页元素的显示属性做出非常精细的设置。使用CSS设置页面格式时，内容与表现形式是相互分开的，可以统一定制多个网页的页面布局和页面元素的一致外观，提供了便利的更新功能。子连接就是我们平常进入网站的子业部分，将子业部分与CSS相结合，能够统一网页风格，吸引更多的浏览者。第四部分主要讲述表单页面设计与制作及课外扩展，因为这部分相对而言简单，所以不过多的介绍了。

在设计过程中肯定存在着许多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。就我而言，也在学习网页中总结了如下经验。初学者要清楚地了解网页制作的基本流程。就是第一步做什么,下一步又该怎样。绘画网页框架图，大概是怎样的一个过程，怎样实现的，应该要心里有数。按流程的顺序学习，不要试着先把所有做网页用到的软件都吃透了再开始做网页。应该边学边尝试。平时浏览网页时多多留意别人的设计和效果，多收集有用的信息。这方面我们还是刚刚开始的。有必要借鉴一下。要细心和耐心。因为网页设计很多时不是你构思好要弄成怎样就可以很轻易地做出来，要多多思考和分析。

总体来说，通过选修课对网页设计的了解与学习，体会有很多，有句话说得好“没有做不到，要善于吸取别人的优点，努力的赶上。要是你觉得在他的优点这方面做的没他好，你可以选择怎样的去用他的优点来为你服务，千万不能想着孤僻自己，独善其身或是有“个人自扫门前雪，莫管他人瓦上霜”的心理。我们要学会团队合作的精神。这点不过我们在这方面上不能忽视，什么地方我们都用的到。

耐心、细心、思考、分析是我这次选修课程最大的收获。