篇一：学习网页设计课程心得
HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部、主体两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：
1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。
2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
3、平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上。
CSS 语法由三部分构成：选择器、属性和值。selector {property: value}选择器通常是你希望定义的 HTML 元素或标签，属性是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明：body {color: blue}上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中，body 是选择器，而包括在花括号内的的部分是声明。声明依次由两部分构成：属性和值，color 为属性，blue 为值。
色彩可用色调（色相）、饱和度（纯度）和明度来描述。人眼看到的任一彩色光都是这三个特性的综合效果，这三个特性即是色彩的三要素，其中色调与光波的波长有直接关系，亮度和饱和度与光波的幅度有关。
色彩的三要素： 明度、色相、饱和度。
刚刚接触超文本，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。
1. 单标签
某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：< 标签名称>
最常用的单标签是<BR>, 它表示换行。
2.双标签
另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是：
<标签> 内 容</ 标签>
其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一<EM> </EM>标记中：
<EM>第一：</EM>
3.标签属性
许多单标记和双标记的始标记内可以包含一些属性， 其语法是：
< 标签名字 属性1 属性2 属性3 … >
各属性之间无先后次序，属性也可省略（即取默认值），例如单标记<HR>表示在文档当前位置画一条
水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。带一些属性：
<HR SIZE=3 ALIGN=LEFT WIDTH="75%">
中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对 " " 号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是"100%"。
学习心得
本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。 一.充分发挥动手能力 作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。 二.在设计过程中不断提高网页设计水平 在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 三.不足之处 由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。 总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。
篇二：网页设计课程总结
网页设计课程总结
摘要：自从第一个网站在上个世纪 90 年代初诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了一些小图片和毫无布局可言的标题与段落。然而，时代在进步，接下来出现了表格布局，然后是 Flash，最后是基于 CSS 的网页设计。很有幸的,这学期跟着老师学习了网页课程设计，了解了网页设计的基础知识，会制作简单的小网页。
关键字：基础知识 原则 要点 软件 发展方向 主流技术 发布与维护 网页设计基础知识
说起网页，不得不提几个和它相关的名词。
（1） WWW 又称万维网，也可以简称为WEB或3W，是一种建立在INTERNET上的
庞大的基于超文本的网络信息系统，具有全球性、交互性、动态性、跨平台、分布式等特点。
（2） www浏览器是专门用来定位和访问WEB信息的应用程序或工具软件。常用
的浏览器软件包括Microsoft公司的Internet Explorer和Netscape公司的Navigator.ta.
（3） WWW服务器是对浏览器的请求提供服务的计算机及其相应的服务程序。网
页提供者将制作和的网页存放在服务器上供用户浏览。采用客户机/服务器的工作模式。
（4） 超文本与超媒体是WWW的信息组织形式。在WWW系统中，信息是以一种非
线性的超文本方式组织的。
（5） 超链接在本质上属于网页的一部分，它是一种允许我们同其他网页或站点
之间进行连接的元素。
（6） URL统一资源定位器是对Internet上资源的一种准确的定位机制，它以
一种全世界统一的唯一标识来确定某个网络资源，可以访问Internet上任何一台主机或者主机上的文件。
（7） 搜索引擎是一个对Internet上的信息资源进行搜集整理，并供用户快速
查询的系统。
（8） 网页是构成WEB站点的基本单位，是一种包含HTML格式内容的文本文件，它存放在INTERNET上的WWW服务器中，当用户在客户端浏览器中输入网址发出
请求时，就被快速传送到客户机上，经过浏览器解释，在窗口显示丰富多彩的网页内容。
网页设计中应遵循的原则 1、页面内容要新颖 网页内容的选择要不落俗套，要重点突出一个“新”字
2、网页命名要简洁 在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。
3、要及时更新网页
因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，
4、注意视觉效果
设计Web页面时，一定要用不同于1024*768的分辨率来 分别观察。
5、随时注意网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。
6、 网页内容要易读
必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合。一般来说，浅色背景下的深色文字为佳 。，
7、善用表格来布局 要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。
8、 少用特殊字体 在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。
9、多学习和使用HTML 为了成功地设计网站，你必须理解HTML是如何工作的。 还有一些小细节：尽量少用Java程序， 少放网站地图 ，要为图片附加注释文字 ，做个网站介绍 ，考虑浏览器的兼容性 ，不宜多用闪烁文字 ，每个页面都要有导航按钮 ，避免长文本页面 ， 网页风格要统一 ，动画最多只用一个 ，善用图像 ，网站导航要清晰 ，最好不用记数器 ，不能忽视错别字 ，不要用框架 ，使用著名的插件 ，使网站具有交互功能等
网页设计要点
一、确定网站的整体风格
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
网页制作工具软件介绍
1.Dreamweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；
2.Frontpage，跟Dreamweaver一样，不过个人感觉还是Dreamweaver好；
3.Flash，网页需要画面流动时的首选择；
4. Photoshop，图像处理软件，一般网页都需要有图片相搭配，Photoshop是款很强大的工具。
5.Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向与对网页的处理。
网页设计发展方向
1. 更多的CSS3 + HTML5
这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在2013年CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之。2013年，Flash渐行渐远，魔术师“HTML5”成为舞台的主角：
2. 简单的配色方案
没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果。网页制作主流技术
目前，最常用的三种动态网页语言有ASP(Active Server Pages)，JSP(Java Server Pages)，PHP (Hypertext Preprocessor)
ASP全名Active Server Pages，又成为服务器端的VBScript，所以采用我们非常熟悉的VB语法。由于采用Basic语法，只要熟悉Basic语言，有点html基础，要学习掌握ASP是很简单的事情。任何文本编辑都可以进行编辑，当然，对于asp我们还是推荐采用Microsoft公司的InterDev。可它却只能在NT和win2000上很好的支持。
JSP全名Java Server Pages，采用java语法，由于java体系的任何东西都是需要JDK支持的，同样，JSP也离不开JDK。由于java高度的面向对象和灵活性，所以，比Basic稍微要难点。任何文本编辑都可以进行编辑，但是，却需要JDK先编译好。对于我们目前流行的两种最主流的网络操作系统（UNIX/Linux和NT/Win2000），都能很好的支持。
PHP全名Hypertext Preprocessor，采用类似C的语法。由于采用C语法，要学习掌握PHP也是比较简单的事情。任何文本编辑都可以进行编辑。对于我们目前流行的两种最主流的网络操作系统（UNIX/Linux和NT/Win2000），它都可以很好的支持，而且根本不用修改任何代码。
网页设计发布和维护
网页在本地制作完毕并测试成功后，需要上传到Internet上，这样用户才能访问，如果是个人网站，可以到internet上申请一个免费空间。
维护网站
在上传网页之前，还有一些工作需要做，这也是维护网站的一些手段，如：
（1） 站点报告
（2） 检查站点范围的链接
（3） 查找和替换功能
（4） 清理文档
（5） 保持同步
参考文献：
1、黄斯伟.CSS完全使用详解[M].北京:人民邮电出版社,2007.7
2、刘瑞新.网页设计基础与网站维护教程[M].北京:机械工业出版社,2006.10
3、陈承欢.网页设计基础与网站维护案例教程[M].北京:人民邮电出版社,2007.3
4、温谦 . HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,2010.3
5、VK工作室.HTML+CSS入门讲座[M].北京:科学出版社,2004
6、胡艳洁.HTML标准教程[M].中国青年出版社,2004.9
篇三：网页设计课程小结
现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。
通过寒假期间的学习，在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与c语言的基本掌握，自学网络设计的基础部分便显得较为轻松。谁然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。
通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.
在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。
如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一
项技能。
免费论文网友情提示：本网站所有内容为共享上传提供，不涉及任何商业利益，本站对此不承担任何保证责任！
Copyright © www.csmayi.cn Corporation, All Rights Reserved 共享时代 共享你我他 版权所有