网页设计实验报告（精选22篇）

通过撰写报告范文，我们可以深入了解特定问题的背景和相关因素。在参考范文的同时，我们也要注意避免抄袭和盲目模仿，尊重他人的知识产权和劳动成果。

网页设计实验报告（精选22篇）

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档

网页设计实验报告（精选22篇）篇一

在经济迅速发展今天，internet显得更为重要它是人们发布信息与传递信息重要渠道，为了与社会发展同步，为了让我们成为真正技术性人才。学校在本周为我们安排了维持一周网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正学以致用而不只是纸上谈兵。通过本周实习使我获得了更多新知识同时也使我使我认识到了自己在学习上许多不足，下面就谈谈我在本次专用周主要感受。

1讨论网站主题。

网站整体规划是做网页第一步也是制作网页最关键一步它决定了你要表答信息，因此我选择了我选择我最喜爱服饰来为它做网页。在平时我也对服装网页比较关心，无论是淘宝网上衣店还是各种品牌装。这次我是为“易菲”服饰做网页。

2定位网站ci形象。

“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族文化精髓，是厚德载物，是对人性宽度一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度一种挖掘。“生活如花，自在快乐”是yifini易菲设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐生活方式。这也便是我网站ci形象。

3确定栏目和板块。

于时间关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页主打色绿色。

4网站整体风格和创意。

整个网站创意就在于颜色搭配，与各种图片搭配，它们相互辉映，相互衬托。以便达到表现其品牌和谐之美、自然之美。我踩用淡蓝色和绿色为我网站主打色主要是因为我产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质花卉和自然元素融入设计之中，充分体现设计师和顾客所追求一种洒脱、舒适生活氛围，力求表现悠闲、舒畅、自然生活情趣。因此我用天空与自然颜色来表达这张自然之美、和谐之美。

1资料搜集。

在做网页我上网收集了许多方面资料主要是有关网站布局与服饰品牌方面资料，我首先进它企业网站找了一些关于“易菲”服饰图片主要是一些代言形象还有代表其企业形象图片。其次我去浏览了许多网页观察其网页布局、颜色搭配、栏目、板块等方面内容，同时也搜集了一些对我有用资料。在搜索资料最困难便是动态图片搜集，动态图片其gif格式还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天时间来搜集我flash都不太成功，不过还搜到了可以换自己图片代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码搜索。在搜集资料过程之中我发现了自己许多不足之处，最关键就是平时对知识掌握不够，连最基本资料搜寻都觉得困难。也是我平时不够认真和努力表现。通过这次教训在以后我一定会做得更好，争取不范类似错误。

2熟悉制作软件。

做网页主要用工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常运用，但是出现问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面缺点，它是我平时不够认真具体表现。

1构建站点框架。

在我打开dremweaver后第一步便是新建站点，我把我站点建立在f仪下面。并将我搜集全部资料都保存在其文件夹中，以便网页制作时可以方便使用。

2设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页基本原则：统一，连贯，分割，对比及和谐原则，内容统一，都是为了主题服务，美容美体，一个网站强调就是一个整体，只有围绕一个统一目标所做设计才是成功；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用：这是非常重要，网络特殊环境下，尽量以最高效率方式将用户所要想得到信息传送给他就是最好，所以要去掉所有冗余东西。使用方便：同第一个是相一致，满足使用者要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美要求：布局有条理，充分利用美形式，是网页富有可。

网页设计实验报告（精选22篇）篇二

选题的意义、同类选题现状分析包括项目实施的意义和应用前景，国内外研究和应用概况，发展趋势，本项目的特色或创新之处）。

电子商务发展在世界范围内都是刚刚开始，其发展速度极为迅速，传统商业模式正不断地被新的商业模式所替代。网上购物就是internet和电子商务网站的产物，近几年在我国发展迅猛，就如同一些购物商场在各地纷纷开设分店以拉近与顾客间的距离一样。21世纪是网络的时代，信息的时代，时间是非常宝贵的，人们由于种种原因没有时间去逛商场，也不知道哪家商场有自己中意的商品，网上购物网站的建立就可以很好的解决这方面的问题，可以向广大用户推出一种全新的网上信息服务，旨在货品与消费者之间架起一座高速、便捷的网上信息桥梁，可以为用户节省时间、方便购物。

在国内也有许多我们所熟悉的大规模的网上购物网站，如阿里巴巴和淘宝网。中国的网上购物在摸索与借鉴中成长着，利用中国特有的优势来克服不利的外部环境因素，例如采用“货到付款”就是中国购物网站的成功创新。随着外部环境的逐步优化，上购物网站发展前景看好。

本网站的主要功能有：用户注册、会员登录、货物分类查询、货品浏览、购买货品、购物车、客户留言；管理员管理会员信息以及订单信息、管理员添加和删除货品、管理员查看留言。一方面，让顾客方便购买各类货物，给本购物网站提出宝贵的意见或建议；另一方面，管理员能在管理信息的同时也能了解顾客的需要，对网站的不足之处进行修改。本购物网站还在借鉴其他成功购物网站的同时也加入了一些创新的元素。如在货物介绍的页面中添加了同等商品价格的最新比较数据，让用户能够花比较少的时间找到自己满意的产品，同时在本网站中每个注册用户还可以拥有自己的一个小型的blog，在其中用户可以发展自己的购物经验和日常的心情。同时在网站的界面上，本网站了可能让用户设置网页的风格，用户可以按照自己的喜好改变网站的背景色，让整个网站更加的有特色。

（包括毕业设计目标、设计内容和拟解决的关键技术问题）。

购物网站的建立是为了节约顾客时间和方便顾客购物，该网站主要有注册会员、会员登陆、货物搜索、购物车以及对会员、货品、订单的管理。以实现网上书店的交易和管理。

（1）前台服务：注册会员、会员登陆、会员修改个人信息及密码、货品分类搜索、货品浏览、货品购买、购物车，以及页面的特效如：将该网站设为首页、加入收藏、更改网页风格等。

（2）会员管理：管理员对会员个人信息的管理，验证会员登陆信息。并且可以在自己的blog中发表信息。

（3）图书管理：管理员查看书库中货物的库存量，包括各种货物的销售情况，以及及时更新数据库中货物的各种信息。

（4）订单管理：管理员对订单的管理，确认顾客信息与订单信息的准确性。

本系统主要是利用asp、dreamweaver、sql数据库来完成设计的，主要完成了货物分类搜索、货物浏览、货物购买、购物车以及会员管理、货物管理、订单管理等功能的实现。

（包括开发平台选择、试验方案及可行性分析，设计和开发工作的总体安排、步骤等）。

购物网站的设计与开发需要微机一台，操作系统为windowsxp。开发环境为asp、dreamweaver，数据库为sqlserver20xx或选择access。数据访问方法为使用ado。net通过odbc的方法同数据库接口。使用这种方式访问数据，可以使用任何一种odbc数据源，即不止适合于sqlserver、oracle、access等数据库应用程序，也适合于excel表格，文本文件、图形文件和无格式的数据文件。

通过调查分析，建立购物网有其充分的必要性和可能性。可以建立该网站的可能性具体包含了它具有经济可行性、技术上的可行性和时机可行性，系统能达到以最小的开发成本取得最佳的经济效益，开发中所需人员、硬软件支持以及其它费用进行估算情况均满意，技术条件也能保证顺利完成开发工作。

最终认为该系统完全可行，网上购物网站是一个网上交易网站，利用该网站用户可以购买货物，修改自己的购物车，在自己的blog中发展信息；管理员作为管理者则可以查询会员的订单信息、管理货物，对货物进行添加和删除。

1、前台服务：

此模块是对于用户开放，实现的功能有：客户注册，会员登录，修改个人信息及密码，货品分类查询，货品浏览，购买货物，购物车，会员留言等。

2、后台：

此模块是对于管理员开放，实现的功能有：会员基本信息管理、订单管理、货物管理、查看留言。

网页设计实验报告（精选22篇）篇三

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。

通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。

1、讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2、定位网站的ci形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。

3、确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2、网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

1、资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。

在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。

在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2、熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

1、构建站点框架。

在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2、设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3、实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4、向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

网页设计实验报告（精选22篇）篇四

题目一、选题的背景和意义：

（一）选题的背景：

1）国际动态：深圳市wto事务中心通过纺织行业协会和服装行业协会，就欧美对我国纺织品服装启动保障措施设限，向各纺织服装企业发出了预警信息。服装企业要想成功地在国际市场中打拼，关注相关预警信息是重要保证。在艺术和设计领域，国外各种新思潮的涌入和渗透，带动着我们的价值观与审美观一起跟随国际流行动态前进。虚荣夸大的装饰化风格成为新的形式主义，使其更具国际化，紧随国际时尚潮流。

据穿着者的身份、地位各有分别。发展至今，中国的服装发生了翻天覆地的变化。特别是在女装方面。如以自然简单的款式，取代华丽而夸张的服装款式等等。

我国服装历史悠久，款式、面料绚丽多彩，是我国民族文化艺术宝库的珍品之一。随着社会的进步和科学技术的发展，出现了不少现代多功能及高科技的奇妙服装，以满足人们的生活和工作需要。将来服装的发展趋势是不求名贵，但求方便，更求舒适，越来越薄的“绿色”服装。

（二）选题的意义。

设的必然内涵。从社会、思想和文化变迁的角度看服装的变化，服装就成为考察社会文化变迁的窗口。所以一部优秀的社会生活史必定是社会文化史；一部优秀的社会文化史必然要对社会生活作出具体详实的文化和社会的阐释。

（1）大力弘扬我国服装业进取拼搏的精神，促进服装业的发展。

由于网络平台可以实现信息资源共享，在网上组织更优秀的服装业发展动态，不仅使消费者在网上看到服装业的最新发展趋势，而且为消费者提供一个互相交流的平台。

（2）寻找利用计算机技术及其专业技术实现消费者远程交互自主买卖解决方案。

（3）完善和发展学习设计理论。

二、课题研究的主要内容：

1、服装网站设计理论体系的研究。

包括服装品牌的设计、构建性服装网站环境的设计、服装情境的设计、服装资源的设计、消费者自主买卖活动的设计、消费者与本网站互动的设计、消费者评价工具的设计等。

2、基于网络环境下的教学策略与教学模式的研究。

（2）网络教学模式的研究，如项目化学习模式、探索性学习模式、研究性学模式等。

（三）、主要研究（设计）方法论述：

本项目的研究主要采用个案研究、实证研究、调查研究、比较研究等方法。对于较大规模的服装款型与服装面料的研究，将采用调查研究方法。

编辑网站框架，利用asp和asp。net实现网上买卖及消费者与网站交流沟通等功能。做出毕业设计！

四、论文（设计）。

进度安排：时间工作内容。

网页设计实验报告（精选22篇）篇五

网页设计中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1、视听元素。

这里所说的视听元素，主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地由?上，然后启动相应的外部程序来播放。另外，在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后，提供了基于ole的activex技术，用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序，相比于插件和activex，javaapplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2、版式设计。

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则:。

1、主题鲜明。

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被研究们即时地理解和接受，以满足研究们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

根据认知心理学的理论，大多数研究在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中，它要求视觉设计者的网页设计必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，生能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个研究站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先，设计是为主题服务的;其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”;最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。

要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2、形式与内容统一。

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”(黑格尔美学第三卷)。

一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，生能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。

据有关资料所做的保守估计，目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十k甚至更大的网页数据，使浏览者必须等待很长时间生能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。

网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

因此，在网页设计中必须注意形式与内容的高度统一。

3、强调整体。

网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。

网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为研究们所理解和接受，它以满足研究们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给研究一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐;对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。

从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页整体性设计的同时必须注意:过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。

1、交互性与持续性。

网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在web环境下，研究们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互，使网页设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计研究员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。

2、多维性。

多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前研究们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。

3、多种媒体的综合性。

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流(stream)技术的推动下，inter网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页设计的特点之一，是未来的发展方向。

4、版式的不可控性。

网页版式设计与传统印刷版式设计有着极大的差异:。

(2)网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准;。

(3)网页设计过程中有关web的每一件事都可能随时发生变化。

这一切说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设计的不可控制性。其具体表现为:。

(1)网页页面会根据当前浏览器窗口大小自动格式化输出;。

(2)网页的浏览者可以控制网页页面在浏览器中的显示方式;。

(3)不同种类、版本的浏览器观察同一个网页页面，效果会有所不同;。

(4)用户的浏览器工作环境不同，显示效果也会有所不同。

把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引研究之处。

5、技术与艺术结合的紧密性。

设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样生能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。

例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流(stream)技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的`视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。

技术与艺术的紧密结合在网页设计中体现得尤为突出。

网页设计实验报告（精选22篇）篇六

目前所在：

年龄：

户口所在：阳江。

国籍：中国。

婚姻状况：未婚。

民族：汉族。

培训认证：未参加。

身高：150cm。

体重：

人才测评：未测评。

我的特长：

求职意向。

应聘职位：网页设计/制作/美工：

工作年限：3。

求职类型：实习。

可到职日期：随时

月薪要求：1000--1500。

希望工作地区：越秀区,天河区,海珠区。

工作经历。

苏宁电器(广州市)。

起止年月：20xx-10～20xx-10。

公司性质：中外合资。

所属行业：服务业。

担任职位：后台客服。

工作描述：后台协助物流部门工作让我加强了与客户的沟通协调能力，也提高了处理问题的'能力，工作认真、勤奋，得到好评。

教育背景。

毕业院校：广州市工贸技师学院广东商学院。

最高学历：大专。

专业：电子商务与财务管理。

语言能力。

外语：英语一般。

粤语水平：良好。

其它外语能力：

国语水平：良好。

工作能力及其他专长。

本人主修课程：会计基础、财务会计、中级财务会计、工业会计、电子商务、经济学、管理学、中国税制、统计学、应用文写作等。熟悉的软件有：办公软件、会计电算化、网页制作、fhotoshop、dreawearn最新网页设计个人简历模板最新网页设计个人简历模板。

详细个人自传。

本人性格开朗做事认真、负责，有耐心，心思敏捷，能吃苦耐劳。本人曾在学校参加学生会，并获得“优秀学生干部”，同时加入教务助理组，协助老师管理学校秩序和考勤记录工作。也曾在教务助理组协助主席举办辩论赛并担任主持人，并获得“优秀主持人”称号。年轻代表着热情有活力，希望能在往后学到更多的经验和知识。

文档为doc格式。

网页设计实验报告（精选22篇）篇七

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

定位网站的ci形象。

“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

向静太网页插入动态效果。

在这一阶段我遇到了许多的`问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

网页设计实验报告（精选22篇）篇八

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

三、实验原理。

通过“站点定义为”对话框中的`“高级”选项卡创建一个新站点。

四、实验方法与步骤。

1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。

网页设计实验报告（精选22篇）篇九

随着互联网技术的迅速发展网络已逐渐深入人心，更是成为继报刊、电视、广播等传统媒体之后而迅速兴起的一新的传媒介质，网络宣传已成为众多宣传手段的重中之重，各种各样的网站也就应运而生。为宣传企业而制作的公司网站、可进行网上购物的电子商务网站、能及时了解到天下事的新闻网站、方便学习的教育网站，充斥着我们的视野，满足着我们的需要。网站的规划与建设，已悄然被许多人摆到了首要的位置上。

当今的人们，如果依然依靠传统的方式展示自己已经不能满足现在人们的需要，所以做一个网站就成为人们一件十分有意义并有兴趣去做的事情。利用企业网站我们可以让全国，甚至全世界的人们有机会知道自己的公司。

规划并建设好一个企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。因为是企业网站，所以要求要比其它类型的网站更加独具匠心，有独特的眼光。这就规划者有了更高的要求。首先，要根据自己的要求网站的风格布局、色彩搭配和大体轮廓，并确立网站的栏目、内容。其次，网站制作者将要根据前一点安排整个页面文字图片的布局，这就要求设计者对网页制作具有相当的水平，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言asp、php、jsp或asp。net等中选择来进行网站管理后台的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然，选择的编程语言也要与网站服务器平台所支持的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。zui后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要。

规划并建设好一个令人耳目一新的企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。这要求网站规划者熟悉企业的情况，并确立网站的栏目、内容。其次，网站制作者将要根据网站的规划书来确定网站的风格、布局、色彩搭配等，这就要求设计者对网页制作具有相当的水平，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言asp、php、jsp或asp。net等中选择来进行网站管理后台的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然，选择的编程语言也要与网站服务器平台所支持的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。zui后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要，否则，功亏一篑！这就要求配置服务器或选择虚拟主机时的谨慎以及编写网站管理后台的注意。

1、本课题研究的目标是：建立一个具有特色的企业网站。

课题的内容是：在这个课题中，主要是用于公司相关信息的介绍，以及相关的产品内容的介绍。方便他人的了解。它的内容主要包括对网站前台的设计及制作，包括企业网站的logo设计，布局的设计，网站页面的制作、片头动画及页面动画的设计制作、注册登陆系统以及各链接和相关技术的开发等。在这里，我将以制作某企业网站为例，具体阐述个人网站的制作过程。

制作网站过程：

用photoshopcs制作页面效果图片，搭配好颜色，设计好版式，这样做的目的是为了让网站的页面更具有整体性和美观性，色调搭配及版面的设计都可以通过photoshopcs这个强大的图片处理软件来完成，这样设计出来的网页不论是从美工还是从版式上都是一流的。

2、导航条和文字图片的布局。

用dreamweavermx和flashmx设计制作导航条，同时对文字图片进行调整。具体的就是文字的大小、字体以及图片的格式、大小进行调整。

3、超链接其动态设计。

用用dreamveavermx建立超链接使整个网站能够自由地相互关联，使浏览者能够方便地到达所需要的网页。另外，本网站还可以进行注册，利用asp与access相连使网站变为动态网站。

2第五周调研，准备各种参考资料、充实所需知识。

3第六周查阅相关书籍资料，提出可行性的设计方案。

4第七到十六周具体设计与制作工作。

5第十七周文档的生成与整理，指导教师修改。

6第十八周毕业设计论文的相关资料的搜集。

7第十九周完成毕业论文撰写。

《网页设计典型技巧》time创作室人民邮电出版社20xx年10月。

《asp动态网站开发毕刘瑞斯机械工业出版社20xx年3月。

网页设计实验报告（精选22篇）篇十

一、实验目的及要求：

本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

通过设置css样式创建表格的虚线边框。

四、实验方法与步骤。

1)在网页中创建一个表格。

2)在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。

3)在弹出的对话框中进行设置，完成后单击“确定”按钮。

五、实验结果。

六、讨论与结论。

对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。

网页设计实验报告（精选22篇）篇十一

基本任务与要求：

阶段工作计划：

1.选题背景（含国内外相关研究综述及评价）与意义。

选题背景：互联网始于1969年的美国，又称因特网。最初用于军事连接，之后由于计算机的增多，以及各种连接协议的规范化，互联网逐渐发展起来，成为日常生活中人们与外界交流信息的重要工具，可以说，信息时代的基础就是互联网。在中国，截至20xx年12月底，中国网民数量突破5亿，达到5.13亿，全年新增网民5580万。互联网普及率较上年底提升4个百分点，达到38.3%。（数据来自国家互联网络信息中心），随着网民的逐渐增加，网页制作以及网页设计技术的日趋完善，网页已经被运用到人们日常生活中的方方面面，越来越多的人甚至公司开始学习制作属于自己的个性化网页，这成为信息时代最重要的宣传方式。

国内外对此课题的研究着重分为两个方面，网页制作以及网页设计，但是两者同时又是密不可分的，因为，设计需要建立在目前的制作技术之上，而制作又需要遵守设计所构建的框架，两者相辅相成，缺一不可，而国内外对此的研究通常都在两方面有兼顾，但是大部分课题都是只对一个小问题或者一个小型框架，或者只是粗略讲一下相关的技术或者技巧，对两者同时进行一个综合性概述的暂时还没有。

意义：在互联网初期，大部分网页设计师都只知道如何去制作网站，知道如何去实现什么样的功能，但是在这个信息化的社会，如何让你的网页变得更好看，更直观明了的表达信息，如何从众多的网页之中脱颖而出，这就需要更强的网页设计技术了，而新的网页制作技术例如html5以及css3的运用也给设计师们带来了更好的施展空间，该课题会先对网页设计制作技术进行一个概述，让读者了解这些技术尤其是新技术的运用，同时课题还将运用一个知名餐饮行业的企业网站为例，讲述网页设计制作设计方法的实际运用，并指出网站设计中体现出的优缺点，最后课题里还会按照要求设计一个网站，同样也是餐饮行业方面的网站，与知名企业的网站进行对比，加深理解网页中设计与制作的关系。选题研究的方法与主要内容。

选题研究方法：

主要内容：论文主要分为四部分，第一部分是开题报告部分，讲述选题背景以及对国内外相关研究进行一个综述，并指出论文的研究意义；紧接着第二部分对国内外在网页设计制作方面技术进行了一个综合性的分析；第三部分，我将选取国内一个知名餐饮行业的网站，对其进行网页设计制作技术方面进行分析评价，并在其中阐述自己的理论，论证优缺点；最后，我将自己设计一个有关于餐饮行业的网站，并将其与第三部分中选择的知名餐饮行业网站进行对比，取长补短，达到实际验证自身理论的效果。研究条件、拟解决的主要问题和预期结果。

研究条件：网页在21世纪的应用已经十分普遍，但是大部分研究都是只针对某一小部分，并且大部分研究都是对设计和制作没有一个系统的概念，缺乏对这一方面的一个综合性概述，所以这次课题研究具有以下几个条件：

1、具有研究性：该研究区域尚未被大量探索过。

拟解决的主要问题：

2.对网页设计制作技术的理解、实际应用及论证。

3.自主设计一个网站，避免出现知名餐饮行业中的缺点设计。

预期结果：

中期：选取一个有代表性的知名餐饮网站，对其进行网页设计以及网页制作方面的评价，指出设计中的优点和缺点，并进行详细分析，针对缺点设计提出自己的想法，并做出实际设计，从而验证自己的理论，或者举出实例进行对比论证。

后期：自行设计餐饮网站进行对比分析，建立自己的设计理论，并与中期的评价进行对应验证，在实践得到大量的经验，从而对整篇课题进行一个重新检验，最后反复检查论文，完成论文。

网页设计实验报告（精选22篇）篇十二

1．结合毕业论文（设计）课题情况，根据所查阅的文献资料，撰写3000字左右的文献综述(包括目前同类课题在国内外的研究状况、发展趋势以及对本人研究课题的启发)：

计算机与网络技术的飞速发展，已经逐步改变了面对面获取知识的传统教学方式。基于internet的网络学习模式，具有交互性好，教学过程可以不受地域、时间限制，而且可以使得教学资源能在最大范围内实现共享。并且使传统的以教师为中心的课堂模式转化为以学生为中心、学生可以自由选择学习内容的新模式，具有知识信息量大、教学方式生动活泼、声像辉映、图文并茂等特点，因此受到了教育界的普遍认可和欢迎。国内外高校利用互联网开展网上学习呈现出快速发展的态势，开发了一大批具有较高的水平的网络教学课程。随着经济全球化的发展，英语的应用越来越广泛，学习英语的重要性更是重中之重。

在国内，网络教育还停留在基础的应用阶段，还在摸索中前进，几乎没有把英语学习和网络很好的相结合。在学校里看到最多的是基于小型局域网的多媒体英语学习教室，使用时也多是放录音，学生与老师之间几乎没有互动环节。而具有互动环节的在线英语自学系统，由于国内对网络教学还比较保守，因此现还处于刚起步阶段。在国外，网络教育和各方面的教学的发展已经进入深入阶段。学校把课程和计算机网络相结合，充分发挥了网络教学的互动优势，使学生在快乐中学习。据统计，国外已经有55%的在校学生人手一台电脑，远程教育的参加人数正在以89%的增长速率递增。

在调研中,我们了解到"网络环境下大学英语的教学改革"正处在国家推进、重点突破、全面展开的进程之中,并取得了积极的成效。大部分试点院校经过两年多的教改实验论证,效果较好,规模进一步扩大。如北京大学、清华大学、北京理工大学、北京交通大学、北京林业大学、北京化工大学、武汉大学、西南大学、大连民族学院、大连理工大学等部分试点高校在05级新生中已经全面实现网络环境下大学英语教学模式。西北工业大学、北华大学、山东大学、东北大学、南开大学、解放军信息工程大学、首都经济贸易大学等高校都于05年在新生中进一步扩大规模。20xx年,有更多的试点院校将在06级新生中全面推行网络环境下大学英语教学模式。相信在未来，网上学习英语的模式将得到更好的重视与发展。

虽然在线学习已经蓬勃地发展起来，但是在线学习的普及率还并不高。目前已开发出来的系统基本具备一个自学系统所需的基础功能，比如可以根据自己的需要选择课程学习等。但是在知识库设计这一模块还存在一些问题，如设计不全面，管理紊乱，知识的匮乏，因此在线学习系统的应用并不广泛。另外，对于我国来说，在线学习主要出现在高等教育以及一些特定的领域，具有相当大的局限性，这对于许多求学者来说是远远不能满足其需求的。在国外，随着技术的飞速发展，不仅高等教育、很多社会其他部门都已经开设了在线自学，通过计算机实现异地自学和自检。现在，计算机硬件技术的发展已经达到了相当高的水平。但是，教学软件尤其是知识库的设计、开发还处于起步阶段，随着这项技术的不断深入发展，就要求有更好、更完善的软件系统应用到教学当中去，这就给设计人员提出了更高的设计要求。

网络必须走综合化发展之路，实现与其他课程的整合，而不能再按照学习一门学科的老办法去讲、去学、去考。在网络环境下的英语学习让学习者自己动脑筋去寻找问题、发现问题，帮助他们如何利用网络资源为英语学习服务。教师和学生之间可以通过网上讨论、电子信箱等进行探讨性的学习，让老师快速、准确地了解学生的学习情况，帮助学生提高学习效率。

随着我国对外开放的不断扩大化,科学技术的不断进步,国际地位的不断提高,迫切需要造就一大批精通外语的专门人才,以加速我国“四化”进程，使我国在国际事务中发挥更大更积极的作用。英语的使用范围非常广泛。世界上70%以上的邮件是用英文写或用英文写地址的。全世界科技出版物70%以上用英语发表。全世界的广播节目中，有60%是用英语进行的。绝大部分的国际会议是以英语为第一通用语言它也是联合国的正式工作语言之一。总之，在国际政治、军事、经济、科技、文化、贸易、交通运输等领域，英语是一个重要的交际工具。对具备一定外语知识的综合型人才的需求也随之大幅增加。而随着网络技术的迅猛发展，人们的生活越来越依赖于网络的发展。通过网络学习英语的要求也相应提高。因此，学好英语对实现上述目标具有重要的现实意义和深远的历史意义。

信息社会的最明显的标志是信息采集的全面与快捷。要善于在教学中整合网络资源，充分利用网络资源优势。学习网站可以为学生创造尽可能多的接触现实的机会，提供更多的直观生动的感性材料，扩大学生的知识面，增加词汇量，减少学生因缺乏相关知识而造成的学习困难，增强学生对英语的敏感性，拓宽学生思路、开阔视野，促使学生用英语思维，强化记忆，提高学习效率，让学生在听说读写译能力等方面都获得提高。网络教学为我们提供了克服传统教学弊端的全新的教学方式，使抽象的、枯燥的学习内容转化成形象的、有趣的、可视的、可听的动感内容，网络教学已成为英语教学的发展趋势。

网页设计实验报告（精选22篇）篇十三

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

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

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

尽管选择什么样的工具并不会影响设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是dreamweaver和frontpage了，如果是初学者，frontpage20xx是首选。除此之外，还有图片编辑工具，如photoshop、photoimpact等；动画制作工具，如flash、cool3d、gifanimator等；还有网页特效工具，如需要有声有色的效果，网上有许多这方面的软件，可以根据需要灵活运用。

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

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

网页做好之后，还要不断地进行宣传，这样才能让更多的人认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。还有个是我们公司的特色，在网上推排名，这个宣传效果也很显著，人们只要输入关键字最先看到的链接，则就是我们公司推上去的链接，很好用，访问量大大提升。

通过目前的实习，在设计方面我感觉自己有了一定的收获，也为了我今后在工作及业务上能力的提高起到了促进的作用，增强了今后的竞争力，为能在以后立足增添了一块基石。

但我也认识到，要想做好这方面的工作单靠目前几月的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。

网页设计实验报告（精选22篇）篇十四

一、毕业设计的内容和意义：（500字左右）。

学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它聚集社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的平台。有效地降低教研成本、提高效率。

我国的大学教育已经普及，大学生的队伍也正在不断壮大，为了方便大学生对本校各项工作的了解以及加深学生、教师与学校之间相互的交流，建设一个规模化的校园网站成为了当务之急。网络化将给我们的工作和学习带来了极大的便利。

以internet/intranet为网络平台实现校园网络各项信息发布、管理、设置等功能。本题目要开发一个校园网门户网站。包括bbs系统平台、院校新闻发布平台，在限选课平台。后台：包括平台管理、统一认证、资源管理、用户权限管理等。

二、文献综述：（300字左右）。

经济高速发展的今天，校园的各种信息的收集与发布都要求有一个高的效率。由于大学生的生活节奏较快，且电脑普及率和上网概率也随着社会的发展越来越高，学生上网获取信息的机会越来越多。所以，学校可以将政务宣传服务切入到这个点来，让学生更方便地获取相关信息，这将大大提高学生学习的进度和对学校教育的满意度。这就要求通过网站，全面宣传、展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在internet上实现完成部分校务，提高办事效率。

该系统是面向全网络的，作为学校与外界联系的一个平台。系统管理员负责更新网站内容，不同权限的用户登录系统将进入不同的页面，实现不同的操作。

系统主要包括六个模块：1.用户注册模块：这个模块完成新用户的注册功能，并能对注册信息进行检查。2.用户登录模块：这个模块提供用户的登录界面，并验证用户名和密码,以确定用户身份。3.显示模块：这个模块将根据用户权限显示出不同的页面，以及内容。4.操作模块：这个模块提供与内容相关的功能，并且对不同身份的用户给予不同的操作权限。5.用户管理模块：这个模块能够对用户个人信息进行管理。6.数据库模块：这个模块实现对数据库的连接和访问。

三、工作计划及方案论证：（500字左右）。

1．第一阶段：11月20日—11月25日。

阅读资料；进行需求分析，提出设计方案确定技术路线，完成开。

题报告；设计软件原型。

2．第二阶段：11月26日—2月10日。

在上一阶段基础上，按时、按质、按量完成毕业设计任务。

3．第三阶段：2月11日—4月1日。

总结所有的工作，完成毕业设计论文初稿。

4．第四阶段：4月2日—4月20日。

修改论文；小组内答辩，评分；准备答辩材料。

[1]周怀军.asp动态网页设计应用教程[m].电子工业出版社,20xx-3。

[2]赵燕萍.电子商务概论[m].北京中央党校出版社,20xx-11。

[3]王恩波王若宾.管理信息系统实用教程[m].人民邮电出版社,20xx-9。

[4]唐乾林.网页设计与制作案例教程[m]机械工业出版社,20xx-8。

[5]赵增敏.asp可视化编程及应用[m].机械工业出版社,20xx。

[7]崔良海沙俐敏.web编程技术[m].人民邮电出版社,20xx。

[8]陈家琪.c程序设计教程[m].新华出版社,20xx-11。

[9]明日科技.数据库系统开发完全手册[m].人民邮电出版社,20xx-1。

[10]邓春妮孙艳华邹庆云.信息化系统建设案例[m].人。

民邮电出版社,20xx-12。

[15]王珂玲.利用。

asp技术的在线教育系统设计与实现电脑知识与技[16]吴锦.基于。

[18]王海燕王明明张景义.用。

网页设计实验报告（精选22篇）篇十五

毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

（一）初级考试

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

（二）三天的培训工作

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

（三）最后的考核

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题，最优秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

我的实习是从大三刚开学，被一位老师推荐到一家室内设计公司实习了！真庆幸自己平时能利用课余时间学到那些设计方面的知识，和大二暑假到那家设计公司实习啊！要不是这些，我想现在就由学校安排到厂工里当普工。但自己最大的收获是将所学的adobe软件用于实践，并且通过实践检验了自己关于设计方面的假设和猜想，取得了一些令自己满意的成绩。

我们每天的上班时间是从早上8：30分到下午的17：00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3——4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。

明年就要开始找工作了，这次实习，更让我懂得了珍惜现在的生活，校园生活真的非常完美，非常令人羡慕！职场的竞争很大，“逆水行舟，不进则退”，必须时刻提醒自己，督促自己！同时也看到了许多，知道做人比做事更加重要，没有人天生就会，没有人天生就懂，只有不断地努力才能成功，在这里不是每个人都有认为你是什么的，有的人就觉得你什么也不是。你只有付出好好学，做给她们看。证明自己不是虚的，证明自己有实力，名副其实！

实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。

（4）广告图象摄影和广告插画上，通过对商品在消费使用过程中的情景做出真实的再现，以便来宣传商品的特征，突出商品的形象；或以摄影图形来促发消费者的购买欲望，更直观准确地传达产品信息。真实的反映商品的结构、造型、材料和品质。广告的插画有传统的写实描绘逐渐向夸张、理想化和多边化的视觉表现方向发展，重意念而轻形似，从而有助于强化广告商品对象的特征和主题。在广告排版制作的过程中，使用卡通形象作为产品代言人不但可以以卡通形象的活泼自由，个性化的形象赢得消费者的好感，还省去了请名人做代言的庞大广告支出和风险。

网页设计实验报告（精选22篇）篇十六

网页设计中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1、视听元素。

这里所说的视听元素，主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。

术，用来在网页中播放多媒体。目前active_已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序，相比于插件和active_，javaapplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2、版式设计。

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则:。

1、主题鲜明。

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被研究们即时地理解和接受，以满足研究们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

根据认知心理学的理论，大多数研究在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中，它要求视觉设计者的网页设计必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，生能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个研究站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先，设计是为主题服务的;其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”;最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2、形式与内容统一。

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的`完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”(黑格尔第三卷)一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，生能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。

据有关资料所做的保守估计，目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十k甚至更大的网页数据，使浏览者必须等待很长时间生能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

网页设计实验报告（精选22篇）篇十七

网页设计实验报告（精选22篇）篇十八

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。

1。讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2。定位网站的ci形象。

“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。

3。确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

4。网站的整体风格和创意。

整个网站的创意就在于颜色的.搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

1。资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2。熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

1。构建站点框架。

在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2。设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。

而且制作过程中，不忘以下原则：

简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3。实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4。向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

将本文的word文档下载到电脑，方便收藏和打印。

网页设计实验报告（精选22篇）篇十九

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足，下面就谈谈我在本次专用周的主要感受。

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1.讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2.定位网站的ci形象。“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。

3.确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

2.网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

1.资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

1.构建站点框架。

在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2.设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用:这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求:布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强:发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3.实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

4.向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

网页设计实验报告（精选22篇）篇二十

时间过得很快，我即将毕业来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了**公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题，最优秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

我们每天的上班时间是从早上8：30分到下午的17：00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3——4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

网页设计实验报告（精选22篇）篇二十一

1．结合毕业论文（设计）课题情况，根据所查阅的文献资料，撰写3000字左右的文献综述(包括目前同类课题在国内外的研究状况、发展趋势以及对本人研究课题的启发)：

一、课题背景。

计算机与网络技术的飞速发展，已经逐步改变了面对面获取知识的传统教学方式。基于internet的网络学习模式，具有交互性好，教学过程可以不受地域、时间限制，而且可以使得教学资源能在最大范围内实现共享。并且使传统的以教师为中心的课堂模式转化为以学生为中心、学生可以自由选择学习内容的新模式，具有知识信息量大、教学方式生动活泼、声像辉映、图文并茂等特点，因此受到了教育界的普遍认可和欢迎。国内外高校利用互联网开展网上学习呈现出快速发展的态势，开发了一大批具有较高的水平的网络教学课程。随着经济全球化的发展，英语的应用越来越广泛，学习英语的重要性更是重中之重。

二、国内外研究现状及发展趋势。

在国内，网络教育还停留在基础的应用阶段，还在摸索中前进，几乎没有把英语学习和网络很好的相结合。在学校里看到最多的是基于小型局域网的多媒体英语学习教室，使用时也多是放录音，学生与老师之间几乎没有互动环节。而具有互动环节的在线英语自学系统，由于国内对网络教学还比较保守，因此现还处于刚起步阶段。在国外，网络教育和各方面的教学的发展已经进入深入阶段。学校把课程和计算机网络相结合，充分发挥了网络教学的互动优势，使学生在快乐中学习。据统计，国外已经有55%的在校学生人手一台电脑，远程教育的参加人数正在以89%的增长速率递增。

在调研中,我们了解到“网络环境下大学英语的教学改革”正处在国家推进、重点突破、全面展开的进程之中,并取得了积极的成效。大部分试点院校经过两年多的教改实验论证,效果较好,规模进一步扩大。如北京大学、清华大学、北京理工大学、北京交通大学、北京林业大学、北京化工大学、武汉大学、西南大学、大连民族学院、大连理工大学等部分试点高校在05级新生中已经全面实现网络环境下大学英语教学模式。西北工业大学、北华大学、山东大学、东北大学、南开大学、解放军信息工程大学、首都经济贸易大学等高校都于05年在新生中进一步扩大规模。20xx年,有更多的试点院校将在06级新生中全面推行网络环境下大学英语教学模式。相信在未来，网上学习英语的模式将得到更好的重视与发展。

虽然在线学习已经蓬勃地发展起来，但是在线学习的普及率还并不高。目前已开发出来的系统基本具备一个自学系统所需的基础功能，比如可以根据自己的需要选择课程学习等。但是在知识库设计这一模块还存在一些问题，如设计不全面，管理紊乱，知识的匮乏，因此在线学习系统的应用并不广泛。另外，对于我国来说，在线学习主要出现在高等教育以及一些特定的领域，具有相当大的局限性，这对于许多求学者来说是远远不能满足其需求的。在国外，随着技术的飞速发展，不仅高等教育、很多社会其他部门都已经开设了在线自学，通过计算机实现异地自学和自检。现在，计算机硬件技术的发展已经达到了相当高的水平。但是，教学软件尤其是知识库的设计、开发还处于起步阶段，随着这项技术的不断深入发展，就要求有更好、更完善的软件系统应用到教学当中去，这就给设计人员提出了更高的设计要求。

网络必须走综合化发展之路，实现与其他课程的整合，而不能再按照学习一门学科的老办法去讲、去学、去考。在网络环境下的英语学习让学习者自己动脑筋去寻找问题、发现问题，帮助他们如何利用网络资源为英语学习服务。教师和学生之间可以通过网上讨论、电子信箱等进行探讨性的学习，让老师快速、准确地了解学生的学习情况，帮助学生提高学习效率。

三、课题研究意义及启发。

随着我国对外开放的不断扩大化,科学技术的不断进步,国际地位的不断提高,迫切需要造就一大批精通外语的专门人才,以加速我国“四化”进程，使我国在国际事务中发挥更大更积极的作用。英语的使用范围非常广泛。世界上70%以上的邮件是用英文写或用英文写地址的。全世界科技出版物70%以上用英语发表。全世界的广播节目中，有60%是用英语进行的。绝大部分的国际会议是以英语为第一通用语言它也是联合国的正式工作语言之一。总之，在国际政治、军事、经济、科技、文化、贸易、交通运输等领域，英语是一个重要的交际工具。对具备一定外语知识的综合型人才的需求也随之大幅增加。而随着网络技术的迅猛发展，人们的生活越来越依赖于网络的发展。通过网络学习英语的要求也相应提高。因此，学好英语对实现上述目标具有重要的现实意义和深远的历史意义。

信息社会的最明显的标志是信息采集的全面与快捷。要善于在教学中整合网络资源，充分利用网络资源优势。学习网站可以为学生创造尽可能多的接触现实的机会，提供更多的直观生动的感性材料，扩大学生的知识面，增加词汇量，减少学生因缺乏相关知识而造成的学习困难，增强学生对英语的敏感性，拓宽学生思路、开阔视野，促使学生用英语思维，强化记忆，提高学习效率，让学生在听说读写译能力等方面都获得提高。网络教学为我们提供了克服传统教学弊端的全新的教学方式，使抽象的、枯燥的学习内容转化成形象的、有趣的、可视的、可听的动感内容，网络教学已成为英语教学的发展趋势。

网页设计实验报告（精选22篇）篇二十二

随着现代化科技的发展，计算机已经成为人们生活中的重要组成部分，网页浏览的形式已经代替以往书籍浏览的形式，也正因为如此网页的设计与布局尤为重要。科学合理的网页设计布局不但能够带给人们美感，并且还能使人们在浏览的过程中内心放松。计算机网页设计的概念主要包括网页设计布局的整体造型以及网页设计布局页面的尺寸。页面设计的整体造型指的就是网页设计中的布局形状，其中最常见的形状有三角形、圆形等，也有部分计算机网页设计采用综合体的形状，在页面的选择上，大多是根据网站自身的特点来选择的。计算机网页设计的尺寸也较为多样化，在计算机使用过程中，常常由于客观影响造成屏幕的分辨率以及尺寸的影响，但由于是客观因素无法改变，在浏览器自带的功能上，对于浏览过程中网页的增大与减小都能够借助浏览器工具栏中的相应功能解决。计算机网页设计中的布局与计算机的发展有着直接的联系，并且影响网站的浏览量，目前最为常见的布局分为同字型布局、标题正文型布局、综合框架型布局、封面型布局以及flash型布局等五种形式。这五种布局形式都能够最大程度的提高网页的美感，并且在现代网页布局中被广泛运用，以下便是对五种布局类型的详细分析。

同字型布局主要针对网页布局的内容，这种布局其内的填充范围较广、填充的数量也较大。在网页设计布局中，大多都是在网页的标题栏进行网站主体的填充，有的是填充广告，也有少数网页设计布局中填充的形式是小标题。在页面的两侧分别布置内容，其中网站的信息与动态或是服务人员以及相应的广告等，在以往网页设计布局中这部分并没有受到重视，因此也是相对具有价值的部分。同字型布局网页主要都是从中央位置布置，根据网页内容的重点由上到下布局，或是根据网页自身的特点以及相应的颜色进行布局，也有部分网页是根据其中的细节进行布局的。在网页的下端并不会进行内容的布局，就目前网页来看下端也只是网页的信息以及登录方式等。

标题正文型布局与同字型布局不同的是标题正文型布局并没有两端的布局，其它布局类型相似。在页面上端的布局中大多都是网页的标题，其中也有广告，页面的中端是网页的主要内容以及和重点内容，其中中端内容中包含同字型布局两端布局的'内容，例如，在正标题下方是对网站的简讯，之后便是相应的附加咨询，最为常见的就是天气信息以及网站的注册信息等，在下方便是网站的主要内容也就是正文，在正文的布局上，其结构都是简单明了的。

综合框架型布局与其它布局相比形式较为复杂，主要采用框架的形式来进行网页的布局，分别在上端、两端以及下端，网站的主要内容都是在框架中进行布局的。这种布局形式与其他布局形式相比更具有轮廓性，能够将其它布局中的内容类型充分地体现出来。

封面类型布局便是字面上的意思，按照书本页面的形式进行布局，在封面型布局中大多采用的是图片，其中图片篇幅较大。一般在不同种类网站的主页上大多采用封面型布局，在布局的周围相应的分布着较小以及较为简单的信息，此种信息所采用的形式都是超链接的形式，例如，最为常见的qq空间，其主页便采用封面型布局的形式，采用此种布局的主要目的就是能够凸显网页自身的特点，能够吸引使用者的目光的同时，对其功能更加一目了然方便操作。

flash型布局与页面布局较为相似，flash型布局与页面型布局唯一不同的便是在页面的布局过程中采用更多的flash，其中包含声音以及动画的形式，因此与封面型布局相比在声音上更能给人们带来听觉上的享受，除了听觉上的享受外在视觉上flash型布局也能够给人们带来相应的震撼效果。例如，在现代最为常见的游戏页面上，采用的都是flash型布局，尤其是在登录的界面或是在进入游戏过程中的等待界面，在现代科技的发展中，也有少数网页在主页布局的过程中采用flash型布局，以此提高网页的浏览量。总而言之，计算机时代已经到来，网页设计布局已经成为重要的发展趋势，网页设计布局并没有固定的格式，做一种形式设计的过程中主要根据个人的审美，因此想要在网页的设计布局中增添其美感，首先就要对美有更深刻的了解，合理的运用到网页的布局中，使人们在网页的浏览中获取所需信息的同时还能够带来相应的视觉享受。