从新学期开始接触网页设计这门课程以来，已将近学习了一个学期。经过这么长时间的学习，从起初对网页设计的一知半解，到如今已基本掌握网页制作的基本技能，可谓获益良多。作为一门新接触的学科，之前并没有太多的了解，只知道在计算机迅猛发展的今天，网页已成为网络世界中必不可少的一环，网民对于网页的要求也越来越高，因此，学好网页设计这门技术，对于生活在日后计算机主导的世界来说，显得更加重要了。

大作业展示中的网页作品主题明确、布局合理、页面设计得当，方便浏览的人找到想获取的信息。任何一个优秀的网站都有其明确的主题, 网站主题的确立应根据网站的用途而定。整个网站需要围绕这个主题,也就是说，在网页设计之前，我们要明确这个网站的建立目的,用来做什么，围绕着这个主题和内容来制作网站所有的页面。明确对网页的制作有着很重要的作用。

作品网站“web”中合理运用了网站制作的几个基本技术来构建。首先使用了DIV标签来布局网页，简单方便。DIV标签可以设置一个规定的属性，用于设定表格、画、字规格大小或摆放位置，在网页制作中使用，可以大大减少我们对表格、画、字等的设定工作量，大大提高我们制作网页的效率。同时，也方便我们在完成网页后对部分细节的修改。

作品中的网站外观简洁大方，界面友好易懂，是网页制作初学者的优秀模版。例如网页的布局，素材的管理，代码的简化等等，都可以从中得到许多启发和借鉴意义。目前通过这学期以来老师的悉心教导和学习，已基本掌握网页制作的基础知识。而有关网页内容的设计与编排，还有待更多的实践操作来提高。总的来说，已对网页的制作有一定的认识和基本的了解。从目前学习的进度来看，个人认为老师还可以教授我们“行为的应用”和“基础动态网页”等知识，拓展我们制作网页的知识。在个人的网站建设中，希望加入运用更多更高级的技术来呈现和表达自己网站的主题和内容。例如设计网页中的一些动作和事件，以此来达到更好的表达效果。

…… …… 余下全文

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%"。

…… …… 余下全文

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

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

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

学习与实践环节

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

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

…… …… 余下全文

20xx年工作年终总结模板（网页设计师专用）

几年已经过去了，掐指一算，来到同程已经整整一年了，在这里我对我一年以来的工作情况进行简要的总结，算是对公司也是对个人这段时间的工作的一个交代。

一、个人工作总结

我是去年x月有幸被同程录用的，之前我一直从事广告平面设计方面的工作，到了苏州后找的第一份工作就是网页设计，不过做的时间不是很长，对这方面还算是个生手。 到了同程以后，先是担任平台设计师的工作至5月下旬，然后又调到网站建设部做网站设计师一直至今。在工作中，我学到了很多东西，从不懂，到有点懂，再到熟悉。这中间的过程，只有我自己最清楚。

很多时候，日常的工作是琐碎的，我们只有自己从中找到乐趣，才不会觉得枯燥;很多时候当我们做网站刚有灵感的时候，会突然有其它的工作布置下来，我们只有自己调整好自己的心态，统筹安排好自己的工作，才不会手忙脚乱。

那天爸爸给我打电话的时候，我正在加班，爸爸说，怎么又在加班了，要注意身体。我告诉爸爸，不知道为什么我喜欢工作，喜欢那种充实的感觉，虽然有的时候回到家的时候真的很累，也会偶尔觉得自己活得有点辛苦，但是一旦自己真的闲下来的时候，反而觉得很不适应了。爸爸说，恭喜你，长大了，那至少说明你不是一个好逸恶劳的人。

我喜欢爸爸的评价，我是个极其热爱设计的人，有兴趣，有灵感，我知道我或许不是最好的，但是我一定是最有激情的。我真的很喜欢设计，我也不知道为什么，所以，我想证明自己，证明自己的能力和一颗真诚而执著的心。明天会怎么样，谁也不知道。至少今天我要对得起自己。

非常感谢公司给我这个成长的平台，令我在工作中能不断的学习，不断的进步，不断提升自身的素质与才能。

二、与同事相处

到了同程以后，要感谢的人真的很多…

在平台上工作的时候，感谢总监一直教导我，要不断提高自己的设计能力;感谢龚琳娜从我进公司的第一天起，就耐心的教给我很多我不懂的东西;感谢刘国平和邱小东，在我刚进公司对代码丝毫不懂的情况下，对我的热心的帮助。感谢有在平台上磨练的那段时光，正是那段时间激发了我的斗志和工作热情!

…… …… 余下全文

一、引言

  课程设计是一块“试金石”，是加深对自我能力认识的重要途径。大学的学习基本上都是理论的接受，而缺少能力的熟练与加强，我们缺少的并不是知识的储备，而是能力的积蓄。但由于大学特殊的学习模式和环境，缺少实际情景的见证和实践活动的参与，同学之间缺乏必要的交流和比对，使得我们很多时候很难对自身的能力有明晰的认识，能力缺陷往往被遮蔽起来。而课程设计“前所未有”地考验着我们的知识迁移和运用能力、适应环境的能力、应对突发事件的能力以及如何处理人际关系等各方面的能力，为我们提供了不可多得的见证的机遇和平台。通过这次课设，我们可以新的思考维度有效发现自己能力上的缺陷。综合运用所学理论知识、方法和技能，开展实际工作，巩固专业技能，培养和强化社会沟通能力；树立新的发展起点和目标，通过课设，认识社会的需要，发现自身的差距，培养面对现实的正确态度和独立分析解决问题的基本能力；培养良好的职业精神，适应毕业以后的实际工作需求。

二、课程设计目的

掌握HTML格式语言，能使用网页设计工具，理解动态页面技术的工作原理

三、课程设计任务

（1）用HTML或网页设计工具设计网页

（2）用IE浏览器浏览所设计的网页，要求页面美观，包含常见的HTML格式元素

（3）包含动态页面技术（有脚本代码或后台逻辑代码）

四、设计方案选择：

选择动态页面和静态页面相结合，取长补短。

设计分工： 

谷加林：主页、留言板、主页动态效果的代码编写协助所有组员完成代码的编写

杜春吉：主页设计、留言板设计、总体排版、协助所有组员完成设计。

蔡旺：注册网页代码编写和学校风貌网页设计及相关资料收集处理。 

姜文粹：登录网页代码编写和学校简介网页设计及协助素材收集整理。

五、具体设计内容                       

作用：美化网站，提高网页的浏览效率，页面以简单风格为主，背景以白色为主。页面右上角边有网站导航条，背景以半透明白色为主。冲该页面可以看出，该网站主要是宣传学校，所以要简洁大方，不要太花哨。

…… …… 余下全文

网页设计学习心得

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，

…… …… 余下全文

网页设计师工作总结(一)

时间一晃而过，转眼间试用期已接近尾声。在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。

记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。

自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作;在一个和谐的环境下，开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。 总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效率、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。

…… …… 余下全文