网页设计教学方法

美国市场调研机构ComScoreNetWorks提供的报告显示，2007年1月，全球15岁及以上使用互联网的人数达到了7.47亿，同比增长10%。ComScore发现，美国互联网用户达到了1.53亿，依然是全球网民最多的国家，但增长率仅为2%，中国网民数量仅次于美国，为8670万，但增长率却高达20%。通过以上数据，我们不难发现中国的网络市场存在着巨大的潜力，那么如何把握住这个机遇，培养出合格的人才，就成

了我们这些高校专业教师需要考虑的问题，我认为作为一名有竞争力

的网页设计师，不但要做到有美术修养，还要做到懂编程，这样一来

我们的网页设计师就可以既能胜任前台的设计工作又能胜任后台的编

程工作了。

一、提高网页设计的工作效率

提高网页设计的工作效率，当然要从更好的协调网页设计各部门之间

的工作入手。这就要求平面设计部门的平面设计师熟悉程序设计部门

程序员的工作，好比一名好的建筑设计师，不但要知道如何设计出有

内涵有文化的建筑，同时还要了解建筑的造价、人机工程学以及建筑

力学等方面的知识，否则他的设计作品就没有任何价值。所以我们培

养网页设计师的目标是，不但在艺术设计方面优秀，还要在程序设计

方面优秀。这也正是我这次出去学习的目的，只有做到这一点才能很

好的完成网页设计工作，才能解决前面提出的平面设计师与程序员之

间的工作断层问题。也只有这样才能培养出适应时代发展要求的高素

质的网页设计师来。

设计总监，可以说是网页设计工程中必不可少的角色。可什么样的人

有可能成为设计总监呢？当然，首先要有很丰富的工作经验，很高的

个人能力，其次要精通网页设计的所有环节，也就是说无论是策划部门、平面设计部门还是程序设计部门的工作都能应对自如。如果能做

到这一点，再加上良好的统筹能力和团队合作精神就有可以成为设计

总监了。我们培养学生，不但要让学生就业，解决基本的生活问题。

还要让他们在长久的工作生活中逐渐的成长，越来越强大。使他们无论在小公司还是大公司都能通过自己的工作表现成为行业中的精英人才。

二、培养更有竞争力的综合性人才

1.根据市场的需要培养人才

在谈下面这个问题之前，我想先让大家先来了解一下我找到的一份很有代表性的招聘网页设计师的广告。

网站设计师具体要求：大专以上学历、美术、艺术、广告类毕业；在互联网行业从业经验两年以上；熟练操作各相关设计软件；并且有自身优势和特点；优秀的设计创意能力，能组织团队完成大型网站项目的设计开发工作；逻辑思维清晰，做事认真、细致，表达能力强；有丰富的企业建站经验，从事过组织策划大型网站项目的工作；注重仪表，有很强的学习能力和敬业精神，较好的沟通能力，有良好的团队合作精神及独立的工作能力。

待遇：试个人能力而定，公资标准在4000（另有项目提成）。

根据市场的需要定向培养人才的提法似乎有些过时了，我所指出的是除了让学生掌握招聘广告中的内容，还要让他们掌握更多的程序设计方面的知识，比如Html、Css、Dhtml、JavaScript、Asp、Php等。让学生可以不用程序和策划部门的协同就能独立完成网页的设计。而且完成的效果还要很好，这样的人才一但推向市场，其受欢迎的程度可想而知。

2.快速掌握行业里最新、最尖端的网络技术

网络媒体同时属于IT行业的范畴，既然和IT靠上了亲戚，自然也就继承了IT的某些特征：高薪职业。不受工作地点的限制。新技术出现的快淘汰的也快。

要想在网页设计行业有所成就，当然要不断的学习掌握新技术，可网

络上的新技术淘汰的太快，经常是没等我们弄懂就已经过时了。作为

专业教师，我会经常调整授课内容，把最新的最实用的技术和思想传

授给学生。时刻关注网络上的新动向，出现的新技术，保持旺盛的学

习热情，让自己时刻处于行业的前沿。只有这样才能培养出适应当今

日趋激烈的市场竞争的人才。

3.做一名有社会责任感的网页设计师

网页设计师不同于其他的职业，因为网页设计师肩负着更强的社会责

任和历史使命，要让网络社会朝健康的方向发展，需要网页设计师严

格的律己修身，对自己的言行负责。特别是不能在当今充满了诱惑的

时代迷失自己，为追求短期利益而触犯法律。“设计强国”需要所有

设计师的共同努力，毕竟中国的平面设计在亚洲还落后于日本、韩国，如何发挥中国悠久文化传统的优势，把中国的网页设计做强，成了我

们这些网页设计师的新的课题。

网页设计教学方法

网页设计心得体会范文

网页设计心得体会范文现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分。你知道网页设计心得体会范文是什么吗?接下来就是OK为大家的关于网页设计心得体会范文，供大家阅读! 网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的，网页设计心得体会。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了，下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改

网页设计实训报告1000字

网页设计实训报告1000字篇一实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。一.网站的整体规划 1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。 3.确定栏目和板块： 1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。 2]其次就应该考虑导航条的设置了。 3]正文的框架设置(横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。二.网页制作的前期策划与准备 1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF 的动画等。

2.熟悉制作工具软件：主页制作的基本条件有：硬件：一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件： HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍Dreamweaver; 图像处理软件：常用的有Photoshop、flash、Fireworks等; 文件上传软件：常用的有Cuteftp、WSftp等。三.网页制作真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后. 在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。四.网页的调试之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。总结：在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的网页,你们的地位就是平等的。经过这周的相关学习，我了解到网页设计与制作是一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用Dreamweaver提供的模板和库技术,以提高工作效率.一个真正的网站,

网页制作学习体会

网页制作学习心得体会刘少波2010221111120024 转眼间，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但是这个学期以后我受益匪浅。记得最初接触dreamweaver的时候，我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词，只能用鼠标到处乱点。并且刚开始几节课，老师并没有给我们讲关于如何去使用这个软件的知识，基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作，当时觉得没什么用，甚至有点反感，害怕一个学期以后没什么收获，最后问了一下周围的同学，原来大家都有这样的想法。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课，老师布置了一个任务，要求做一个网站。虽然学了一个学期，但是我觉得我的能力完全没有这么高，做个网站真的很不容易。最开始是确定主题。我一直都想不出应该做一个关于什么的网站，一次，一个朋友告诉我她在省博物馆，叫我帮她查一下勾践剑在哪个展厅。打开百度，我以外的发现省博物馆的网站进不去，于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边的

网页设计与制作实例教程

网页设计与制作实例教程习题答案第1章网页与网站基础一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题略第2章网页规划设计一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略）第3章初识网页制作软件一、选择题 1．C 2．C 3．B

二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接三、操作题略第4章制作网页内容一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题略第5章设置网页超级链接一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题

网页设计心得体会

网页设计心得体会网页设计心得体会一：学习网页设计和制作的心得体会我在网上进行的逻辑教学工作已经完成了，闲暇无事之余，便想将个人的主页——《思东书屋》重新进行一下规划和设计，为此购买了几本有关网页设计和制作的书籍，开始学习网页的基本语言HTML。尽管网页制作方法早已经从最简单的文本编辑器发展到可视化的网页编辑工具，但是，编辑形式的改变并没有影响到HTML语言的整体结构，它只是简化了编程方式，用直观的具体形式取代了传统的不可见的抽象形式。这就如同哲学理论自身发展的两个阶段——理性的思辨和直观的图像一样。目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是习惯于语言表达方式，不知道语言表达的缺陷是片面性和抽象性，而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代，此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态，这种表达方式远远落后于时代科学技术创新和发展取得的成果，它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材，就会被书中展示的图形和图像所吸引。由此看来，作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术，通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学，只有这样做才能使哲学理论跟上时代发展的步伐，真正做到与时俱进。从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到，逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。在当今时代，老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言逻辑的特点：思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。数理逻辑是计算机硬件自身具有的逻辑规则，它把握了中央处理器CPU、信息交换的存

简单网页制作实验总结报告

《大学计算机基础》实验报告专业名称: 电子商务2班学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题：春の花春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题：夏の花夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。 1.3 链接3标题：秋の花大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。 1.4 链接4标题：冬の花蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。

学习网页设计课程心得

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. 单标签某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：< 标签名称> 最常用的单标签是
, 它表示换行。 2.双标签另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： <标签> 内容其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一标记中： 第一： 3.标签属性许多单标记和双标记的始标记内可以包含一些属性，其语法是： < 标签名字属性1 属性2 属性3 … > 各属性之间无先后次序，属性也可省略（即取默认值），例如单标记

表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。带一些属性：

Fireworks-网页设计综合实例

Fireworks 网页设计综合实例在本文中我们将帮助您亲身体验Fireworks 在网页创作中的强大功能，我们通过一个网站页面的设计过程，为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务，您将对Fireworks的主要功能有一个统一的全局性的了解，同时为您在设计中如何利用Fireworks 提供一个清晰的思路。下图是这个教程完成后的外观：我们将根据这一个典型网站其中一个页面设计流程，使您逐步学习到以下内容： 1、导入并编辑位图图像。 2、自动任务处理

3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑一、设计前准备 1、网站介绍：在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计，公司主要以男式服饰为主，同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息，并作为公司的

一个展示窗口，向参观者展示企业的形象及产品系列。根据业主的要求，网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。 2、设计指导思想：本网站设计的指导思想是在网络上营造一个优雅、高贵、宁静的氛围，为了体现这一主题，设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来，更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一主题，以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现，以打破整个页面的坚硬感，同时以白色突出企业名称，达到非常亮眼的感觉。 3、页面结构：整个网站采用统一的结构，分为上下两个部分，上面为网站的导航条，下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区，以深色带条纹的图片作为背景。

学习网页设计心得体会5篇

学习网页设计心得体会5篇学习网页设计心得体会一:网页设计心得体会现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的, 网页设计心得体会。我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握dreamweaver的应用。通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、flash、fireworks等网页软件的综合应用。下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。首先,要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了, 下面要开始的便是优化工作, 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站(有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往

UI网页设计实训报告

郑州轻工业学院实训报告实训名称：姓名：宋得洋院（系）：专业班级：指导教师：徐洁赵晓君成绩：时间：2012年12月24日至2012年1月4日实训报告

实训内容：第一周的时候老师对我们以往学习的知识进行了详细的了解，对我们以前学习不到的知识进行了总结，别且勉励我们在今后学习的道路上不骄不躁。老师对向我们灌输了网站的搭配技巧和大致结构，这些只能在公司的实践中才能得到的东西，我们在老师的帮助下得到了大致的了解，感谢老师。前几天老师主要讲解了PS的知识，比如怎么做灯光效果，我们在下午的时候进行了练习。老师说在2个星期的时间里学习到很多的知识是不可能的，但是我们要有信心和勇气去学习，只有自己不放弃才能得到自己想要的知识。在让我们得到理论知识灌输的同时，老师注重我们的实践，实践是根本，没有实践的东西是不成形的，也是不可靠的，无论怎么样的想象，没有起飞总是会坠毁的。老师对于蒙版效果的使用让我耳目一新，以前总是不重视这些不太中心的东西，但是通过老师对于蒙板的讲解，我了解了那些外观上的刺激和强悍的作用，往往能让人耳目一新。老师对于蒙版的使用以及做出的一些精美的图片，让我认识到了蒙版的重要性。因为现在的人们对于美观的要求性很高，我们需要对此下很大的功夫，这样做出的东西才能满足人们的口味。长久经验的积累让老师在这个行业走的很远，以后我会更加努力的实践，让自己在走上社会的道路上有一个良好的基础。老师讲解的PS知识对PS进行了剖析，许多小技巧让我们在作图的时候效率有了很大的提高。大概可以分为以下几类：1.魔棒、套索、矩形选区工具、圆形选区工具、像素选择工具等等，这一类使用简单，对规则图形和对比度大的图像进行操作；2.通道选择法，以不同颜色通道的亮度及对比度为基础，进行绘制及选择；3.矢量路径方法选择，工具包含绘制的图形、钢笔工具、网格工具等； 4.图像具有相对复杂的背景，前景（即我们要扣取的对象）边缘细微，例如发丝毛发等，可用抽出这类的滤镜或者用其他第三方滤镜，如Knockout、Mask Pro、ReMask、蒙娜丽莎等等； 5.要扣取的前景具有半透明属性，例如婚纱、水珠、气泡、玻璃制品等，最好选用各种第三方滤镜进行操作（因为功能较强，抠图效果好），例如Knockout、Mask Pro、ReMask、蒙娜丽莎等； 6.图像复杂，单种工具无法完成抠图，就要考虑多种工具和滤镜组合扣取。他还让我们记住一些常用的快捷键如：比如，按住Ctrl Alt键拖动鼠标可以复制当前层或选区内容；如果你最近拷贝了一张图片存在剪贴板里，Photoshop 在新建文件(Ctrl N)的时候会以剪贴板中图片的尺寸作为新建图的默认大小。要略过这个特性而使用上一次的设置，在打开的时候按住Alt键(Ctrl Alt N)；如果创作一幅新作品，需要与一幅已打开的图片有一样的尺寸、解析度、格式的文件。只要选取“文件”→“New”，点Photoshop菜单栏的Windows选项，在弹出菜单的最下面一栏点击已开启的图片名称就ok（实在太方便了）；在使用自由变换工

网页制作心得体会

网页制作心得体会一。、学习目的：随着计算机的出现，网络技术迅猛发展，同时我们的生活也越来越依赖网络。因此，Internet 成为人们快速获取的平台，在此基础上，网页也迅速发展，它作为上网的重要依托，已经被称为公认的宝贵资源，我们上网浏览网页，80%都是网页。网页制作便捷、丰富，所以我认为掌握好网页设计技术非常重要。因为自己对网页及网站知识的茫然，在本学期我选择了网页制作选修课。在上第一次课时我就知道自己的选择没有错，通过这门课一定会学到好多知识，事实证明确实是这样的。我的收获非常大. “光阴似箭日月如梭”，转瞬之间这个学期接近尾声，在老师的耐心教导下度过了这个学期。老师非常有耐心，总是一遍又一遍的教导。在学习网页制作的这几个课时里，虽然课时不多，但是学好这门课程非常不容易，于是买了老师讲课用的书，利用课余时间，全心全意投入到网页的世界中，去不断的学习，不断的探索，不断的充实着完善自我。二、收获在我没有选修这门课程之前，我对网页及网站的了解知识停留在肤浅的彼岸层上，那会还一度认为网站是一门非常高深的很难学会的课程。但是经过对这门课程的学习后，我懂得并深入了解了网页制作的流程及网站的结构。在老师生动有趣的讲解网络的大体之后，让我们对网络更是有浓厚的兴趣。在课堂上我们知道了怎么制作网页，怎么让网页更加美观，主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人”。但是对有些很专业的人来说，我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教

网页设计实训报告总结

三一文库（https://www.360docs.net/doc/97469359.html,）/实习报告网页设计实训报告总结实习报告网页设计实训报告总结，供大家参考。毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：一、实习工作介绍我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要

进行浏览器测试，因为css+div排版方式有一个的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。二、初来公司的时候（一）初级考试初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

网页设计实训心得体会

网页设计实训心得1 从学校毕业后，我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。一、工作介绍我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。二、开发技术做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17：30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好

网页设计与制作总结

网页设计与制作实训报告班级：多媒体152 姓名：张莉钧学号：指导老师：薛杨王淑惠实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础二、实训项目——特色美食餐厅网站设计 1、网站主题我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料主要在网站上搜集所要的网页信息，包括图片、文字。同时，查询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

学习dreamweaver的心得体会

学习dreamweaver的心得体会篇一：网页设计心得体会报告网页设计心得体会报告网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS 方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用Style时可以单击

鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop 等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使

网页制作心得体会

一。、学习目的：随着计算机的出现，网络技术迅猛发展，同时我们的生活也越来越依赖网络。因此，Internet 成为人们快速获取的平台，在此基础上，网页也迅速发展，它作为上网的重要依托，已经被称为公认的宝贵资源，我们上网浏览网页，80%都是网页。网页制作便捷、丰富，所以我认为掌握好网页设计技术非常重要。因为自己对网页及网站知识的茫然，在本学期我选择了网页制作选修课。在上第一次课时我就知道自己的选择没有错，通过这门课一定会学到好多知识，事实证明确实是这样的。我的收获非常大. “光阴似箭日月如梭” ，转瞬之间这个学期接近尾声，在老师的耐心教导下度过了这个学期。老师非常有耐心，总是一遍又一遍的教导。在学习网页制作的这几个课时里，虽然课时不多，但是学好这门课程非常不容易，于是买了老师讲课用的书，利用课余时间，全心全意投入到网页的世界中，去不断的学习，不断的探索，不断的充实着完善自我。二、收获在我没有选修这门课程之前，我对网页及网站的了解知识停留在肤浅的彼岸层上，那会还一度认为网站是一门非常高深的很难学会的课程。但是经过对这门课程的学习后，我懂得并深入了解了网页制作的流程及网站的结构。在老师生动有趣的讲解网络的大体之后，让我们对网络更是有浓厚的兴趣。在课堂上我们知道了怎么制作网页，怎么让网页更加美观，主流网页的一些设计成功之处。使我们的视野开阔了很多。也可以用一些专业词语来交流沟通。有些时候我们真的有点感觉到自己就是一个很了解网页的“内行人” 。但是对有些很专业的人来说，我们只是了解了网络设计的设计流程和一些操作方法。老师还用多媒体给我们教程。让我们能够看到顶尖级的网页设计高手的设计教程。实际的操作的演示让我们能过更清楚的知道每一个操作。更直观的让我们了解网页设计的全过程。在我们自己设计网页的时候也是一个很好的标准。在不知道怎么设计的时候我们会用网页设计教程来做参考。使得我们能够在课下也能温习自己不了解的炒作。整个学期的网页学习，我大体了解了有关网页的基本概念，、网页的基本结构特性和网页的布局、胡制作的基本工具和开发语言、站点规划的基本流程，总体下来已经可以自己独立制作一个网页了。网页设计的理念和要点。网页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位

(完整版)网页制作实习总结

网页制作实习总结网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。以下是网页制作实习总结，欢迎阅览! 网页制作实习总结一网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。随着科学技术发展的日新月异，网页设计制作已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握网页设计制作的技术能力是十分重要的。这次实训，老师要求我们为自己家乡的一个公司做一个网站。我是来自浙江衢州，衢州作为一座文化历史名城，拥有众多的旅游风景点，所以我选择了为我家乡的旅游网亿游网做一个网站。首先我要做的就是要选择好题目和网站的风格，之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了衢州旅游网的一些特点，借鉴这些网站的优秀之处，不好的地方在自己的网站上加以改良，从而使自己的网站更加美观。做好这些准备工作之后我希望能在最短的时间内做

到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。在准备素材的过程中我用到了dreamweaver、photoshop等工具。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、二级子页、内容页，创建超级链接。最后就是测试与浏览网页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果! 在设计的过程中遇到的问题，可以说是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训，一定把以前所学过的知识重新温回顾这次课程设计，至今我仍感慨颇多。的却。从选题到开始制作，从理论到实践，在实训两周的日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。通过这次课程设计使

网页设计学习心得总结

网页设计学习心得总结网页设计培训总结网页设计学习心得总结【一】记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页

做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中