网页设计生产实习报告.docx

网页设计生产实习报告.docx

《网页设计生产实习报告.docx》由会员分享，可在线阅读，更多相关《网页设计生产实习报告.docx（10页珍藏版）》请在冰豆网上搜索。

网页设计生产实习报告

网页设计生产实习报告

　　篇一：

网页设计与制作实习报告

　　网页设计与制作实习报告

　　这次实习内容包括网站原型设计及Photoshop切片技术在网页整体设计时的应用；“DIV+CSS”页面布局技术;设计电子购物商城主页。

我深深体会到，做好主页，并不是一件容易的事，网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

不过能懂得基本的框架和思路，这一点在以后的工作过程中是非常有帮助的。

　　通过这次实习，我也总结出来一些网站建设的基本流程。

　　制作网页，首先是确定主题。

　　网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查询，购买等功能，全面的为顾客提供服务，帮助顾客更多的了解本网站的动态信息，提供最新动态通知。

要求系统具有以下功能：

（1）用户登录注册。

（2）提供类别导航，购物推荐，热销商品，加入购物车等（3）提供会员注册（4）提供管理员后台管理入口。

管理员通过本页面登录后台管理程序。

（5）通过后台对各类信息进行管理和审核。

（6）对网站会员信息进行管理和审核。

审核注册本网站的会员，对其进行管理。

（7）友情链接。

设置相关的友情链接页面。

　　主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一个版块都有其个性，清晰明了，便于阅读浏览，大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分为几个小部分，内容比较充分，多样。

确定导航栏的各个分了标题之后对于建立二级子网页尤为重要。

　　主页的导航设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。

另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。

你可以在硬盘上建一个文件夹，下分

　　“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

我们再对大量收集的资料进行筛选，得到最合适的导航内容的资料。

　　网站建设中如果大量运用模板，对于建立网站提供便利同时也减少了大量的工序。

主页的设计应以醒目优先，应该令人一目了然，勿堆砌太多不必要的细节，或使画面过

　　于复杂。

页面给人的第一观感最为重要。

网上商城系统采用了敏捷开发的设计思想，我们对整个系统主要分成了2个大模块，即前台交易模块和后台管理模块。

而其中各个模块我们又进行了进一步的细分，如前台交易模块又分为注册会员、商品浏览、查询商品、购买商品等；后台管理模块则包括对用户的管理、商品管理和销售管理。

使得整个系统具有易用性、个性化、跨平台等特点，同时又保证交易数据的安全、稳定、快速和完整，使其运行得高速、安全、稳定。

　　商品管理模块，管理员对商品信息的管理主要包括商品以及对商品类别的查询、添加、删除、修改等操作。

　　订单管理模块，用户选择满意的商品会进行下订单操作，同时会进行确认订单、付款等操作，但同时也会存在未确定订单、未付款等操作。

　　网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。

精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。

图片的内容应有一定的实际作用，忌虚饰浮夸，同时还要注意与文字的颜色搭配。

最佳的图像集美观与资讯于一身。

　　由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。

因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。

　　通过这次实习，我学到了很多有价值的东西。

虽然我不能完成网站设计的过程，把设计中散乱的网页链接成框架体系，但至少使平时学到的知识点有了提高。

我感受最深的是：

想要最好一个网站，素材和技能都十分重要。

好的素材需要多放面查找资料的，可以从图书、网站和新闻上查找的。

好的技能需要不断的实践，经常锻炼。

只有拥有好的素材和精湛的技能才可以做出最精湛的网页。

　　篇二：

网页制作实习报告

　　网页制作实习报告

　　一、实习目的

　　1、进一步熟悉和掌握网站建设的基本流程和技术规范；2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；3、巩固运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

　　4、巩固综合运用Dreamweaver、Fireworks、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；5、具备独立撰写实训报告等科技文件的基本能力；

　　6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

　　7、为今后从事网站开发、维护和管理奠定基础。

　　二、实习任务

　　1、站点规划，搜集资料。

确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。

　　2、进行主页设计。

构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。

3、网页设计。

除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。

包括版面设计和图形设计、内容录入等。

　　4、动画设计。

主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。

　　5、综合优化。

链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）。

　　6、网站测试并递交。

在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。

　　三、实习项目-个人网站的设计

　　（包括步骤、各页面的图片和制作过程说明）

（一）该网站的制作主要是按以下步骤完成的：

1、确定网站主题

　　我的网站的主题是新闻网站.我的网站是新闻网站.该网站是让人们了解当天的一些新闻信息,包括娱乐等很多新闻.还有一些小标题的新闻.在一些新闻栏目中适当的加入了一些幽默小笑话和一些名人名言.2、收集资料

（1）文字资料：

文字是网站的主题。

无论是什么类型的网站，都要离不开叙述性的文字。

离开了文字即使图片再华丽，浏览者也不知所云。

所以要制作一个成功的网站，必须要提供足够的文字资料。

我个人觉得文字是一个网站的灵魂，没有文字的描述，网站上的图片和视频都没有什么意义了，而且一个好的网站，也需要流畅的文字描述，否则的话文字描述还不如不要。

　　我的文字资料多数都是在网上找的,因为我做的是新闻网站,所以大多数的资料都是在新浪网上找的,还有一些是在手机报上找的,很多的名言也都是在手机报上找到的,然后再输入网页。

（2）图片资料：

　　当然一个网站不可以只有文字资料，图片资料也是必不可少的。

因为一些文字再加上图片不仅可以使网站更加生动，也能让读者了解更多的信息，更能增加浏览者的印象。

网站也不会显得枯燥无味。

　　我的图片资料多数都是在网上找的有一些是特地为了配合我的文字内容而选的，还有一些作为背景图片的则是选了一些好看的，符合意境的图片。

　　（3）其它资料：

例如网站上的应用软件，音乐网站上的音乐文件等等。

（4）编辑文档与超级连接

　　经过上面的几个步骤之后，一切准备工作都已经就绪，现在可以象装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。

　　当然这个过程中最主要的还是超链接，超链接如果做得不好的话，那么这个网站就不可以做出来了，在超链接时我也遇到了很多问题，具体的在下面的问题和解决方法中杂谈。

（二）该网站主要包括首页、我的作品、…等页面，其效果图和制作过程如下：

　　四、实习中遇到的问题和解决方法

　　1、这是我第一次编写网页，其中也遇到了很多问题，首先我想说说我在超链接里面遇到的问题，超链接应该可以说是我在这次编写网页的主心骨，因为我在制作过程中他是最为重要的，超链接应该是先选中需要链接的部分，然后在下面的链接的空格中写上需要链接到的网页的名字，然后要写上格式名.htm，再在目标中选择blank，最后新建一个网页，建完了之后保存，保存的名字要和连接格子中的名字一样。

在刚开始时，我的目标中没有写，然后我的超连接怎么也连不上去，后来我的保存文件中的名字和超连接中的名字又不一样，于是超连接也打不开了，于是我与重新建立超连接，最后超连接完成了。

　　2、刚开始时，我连怎样设置背景图片，后来从同学那儿知道，原来在下面有一个页面属性，点击页面属性，然后选择浏览，选中图片，然后点击确定，如果不在一个文件夹内还需先保存到该文件内。

在设置背景图片时，图片的下载也是有要求的，刚开始我都只是将图片随便从网上复制下来，然后再保存，可是这样的文件总是很小，和整个页面很不相称，后来才知道原来在从网上下图片时，应该先点击该图片，然后再复制，这样图片就适合多了。

　　3、这是我第一次接触网页制作这一块，以前我只是作为一个浏览者，这是我们大多数人做的，在这一块我还有很多很多要深入学习。

五、心得体会

　　在这段实习期，我也归纳出了建站的这些流程，可以分享下：

　　1、确定网站主题，文字是网站的主题。

无论是什么类型的网站，都要离不开叙述性的文字。

离开了文字即使图片再华丽，浏览者也不知所云。

所以要制作一个成功的网站，必须要提供足够的文字资料。

我个人觉得文字是一个网站的灵魂，没有文字的描述，网站上的图片和视频都没有什么意义了，而且一个好的网站，也需要流畅的文字描述，否则的话文字描述还不如不要。

2、搜集材料。

搜集材料时，互联网是最快捷的方式了，但是除了互联还有一些其他的资料可以查找。

像报纸，图书就是很好的参考资料。

像我就找了很多是中国日报上的内容3、规划网站。

在材料找好，主题也确定好了之后，就需要规划网站了，我用了一些布局，主标题再加一些副标题，副标题都有超连接，在子网页上，有一些还加了一些小幽默的笑话。

4、制作网页。

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，需要一定的耐心，因为在做的过程中，肯定是会遇到一些问题的，这时就需要我慢慢的去找，去发现。

然后再改正。

网页的格局制作一定要按照先大后小、先简单后复杂来进行制作。

所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。

在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

5、上传测试。

在网页制作完成之后，需要用web预览一下来看一下我的程序是不是正确的。

如果我的超连接编辑错误的话，那么那个标题后的网站就会打不开。

这时就需要我再去看一下那儿是否出了什么错误，像

　　刚开始时我因为超连接编辑错误，就打不开那个网站。

6、推广宣传。

网页做好之后，还要不断地进行宣传，这样才能让更多的人认识它，提高网站的访问率和知名度。

当然，推广的方法有很多，广告是最常用最普遍的方式了。

当然我们这次所做的网页时不需要什么宣传的，因为那是最简单的网页制作。

离宣传的要求还差很多。

　　在这次的网页制作中，我发现原来我平时进入的那些网站都是需要精心制作的，每一个网站都是制作人的心血，我只是做了这么一个小小的网页，就遇到了这么多的问题，更别说，别人那么大的网站了，一个成功的网站不仅仅需要技术，更加需要细心。

需要合理的布局，还要有后期的维护，还要做好宣传。

。

。

。

。

。

需要很多的步骤，而这些都需要我们慢慢的的去学习。

不仅是要老师教，作为一个20世纪的大学生，一个成年人，光等着老师教是不可行的。

我们必须要自学，可以通过上网查询，询问同学，朋友，或者是去图书馆查询资料，要尽量的高效率，高质量的学习。

　　篇三：

网页设计实习报告

　　实习报告

　　实习性质：

网页设计学生姓名：

XXXX专业班级：

计算机网络技术141平面方向指导教师：

XXXXXX实习时间：

2015年11月2日至2015年11月6日实习地点：

重庆工程职业技术学院计算机房

　　重庆工程职业技术学院

　　学生实习考核表

　　目录

　　1实习目的........................................................................................................................................1

　　2实习概况.......................................................................................................................................1

　　实习要求............................................................................................................................1

　　实习时间............................................................................................................................1

　　实习环境.............................................................................................................................1

　　制作环境............................................................................................................................1

　　3实习内容.......................................................................................................................................2

　　制作项目分析.....................................................................................................................2

　　制作设计项目制作.............................................................................................................2

　　绘制运动会网站低保真..........................................................................................2

　　网站的颜色搭配......................................................................................................3

　　网站的字体设计......................................................................................................3

　　网站的布局设计......................................................................................................3

　　网站页面介绍....................................................................................................................3

　　网站页面上部内容..................................................................................................3

　　网站主题内容介绍..................................................................................................4

　　网站页面底部内容..................................................................................................6

　　网站整体内容展示.............................................................................................................6

　　4其余网站展示...............................................................................................................................6

　　学校网站介绍.....................................................................................................................6

　　工作室网站介绍.................................................................................................................7

　　专题网站介绍.....................................................................................................................9

　　手机APP介绍.................................................................................................................10

　　5实习心得：

..................................................................................................................................12

　　信息工程学院网页设计

　　1实习目的

　　《网页设计》项目实习是教学中的一个重要教学环节，是学生学习过程中不可缺少的实际操作技能训练，也是对课程学习效果的检验。

通过本课程设计的实习，进一步提高学生对网页设计以及ps软件的操作能力，学生其间应以对课程设计负责的态度，认真做好设计，拓展想象空间，努力创作出富有个性的设计作品。

　　2实习概况

　　实习要求

　　1）总体设计要求绘制准确，设计信息传达准确，布局合理，构图富有创造性，

　　色彩搭配符合设计需要，风格不限。

　　2）课程设计成绩根据课程设计实习报告质量和考勤给予评定。

　　实习时间

　　2015年11月2日至2015年11月6日，即第9周

　　实习环境

　　实习单位：

重庆工程职业技术学院

　　主要工作：

运动会网站设计

　　制作环境

　　?

操作系统

　　?

制作工具（Dreamweaver）