网页设计实践报告范文

网页设计实践报告范文随着人们自身素质提升，越来越多的事务都会使用到报告，不同的报告内容同样也是不同的。写起报告来就毫无头绪？下列是小编帮大家整理的网页设计实践报告，仅供参考，欢迎大家阅读。

网页设计实践报告1一实验目的

1．学习HTML语言和dreamweaver，FrontPage等工具。

2．掌握在本地环境下运用ASP技术实现一个简单的电子商务网站。

二实验过程

1组长分配任务，大家从网站上搜集各种关于手机的资料。

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

3翻开Dremweaver后第一步便是新建站点。

4设计主页及二级页面。

5链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

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

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

近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的办法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

网页设计实践报告2一、实践目的

1．学习html语言和dreamweaver，frontpage等工具

2．掌握在本地环境下运用asp技术实现一个简单的电子商务网站

二、实践的办法和原理

三、实践过程

1、资料的搜集。

组长分配任务，大家从网站上搜集各种关于手机的资料。

2、熟悉制作软件。

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

3、构建站点框架。

翻开dremweaver后第一步便是新建站点。

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

5、实现网页间的链接。

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

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

四、实践心得

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

近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的办法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

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

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

定位网站的CI形象。

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

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

网站的整体格调和创意。

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

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

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

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

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

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

设计主页及二级页面。

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

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

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

实现网页间的链接。

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

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

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

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

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站