网站设计实训总结

1 / 20 网站设计实训总结 网页设计实训心得 通过这次实训对这门课程的学习，做好网页，并不是一件容易的事，它包括网页的选题、 内容采集整理、 图片的处理、 页面的排版设置、 背景及其整套网页的色调等很多东西。 所以我得出一下总结： 一、 准备资料和挑选符合目的主题的合适素材 做网页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来， 作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画 图标等等。可以在硬盘上建一个文件夹，下分“ 图片、声音、动画 ” 等文件夹， 养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长就拥有了一个可观的图库，等做网页时随手拈来或加以修改就成你自己的东西了。 2 / 20 二、 规划好整个网站 主页的设计应以醒目优先，应该令人一 目了然，切勿堆砌太多不必要的细节，或使画面 过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力， 很难令他们深入观赏， 而且他们恐怕再也不会访问你的网站了。 三、 善用图片，增强艺术效果 我记得老师说过网页的迷人之处之一， 要 算它上面能点缀许多漂亮的图片。 精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌 虚饰浮夸，同时还要注 意与文字的颜色搭配。最佳的图像集美观与资讯于一身。 四、善于借鉴他人主页制作中的设计技巧 由于在网上用浏览器浏览任何主页时， 都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码 3 / 20 调出来仔细揣摩，并模仿着一步一步去实现。 最后感谢老师多日来的辛勤 教导！ 网页制作课程实训 说 明 书 系 ： 班 级： 姓 名：指导教师： 网页制作实训的目的主要是让我们通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。我所作的网页主题为圣诞节，其中主要是介绍关于圣诞节的起源、习俗、各种促销活动和圣诞老人、圣诞 大餐等，在主页面中展示的是整个页面的布局排版，在分页面中详细的介绍了每个页面的主要展现的主题。在制作初期，主要是收集设计素材、内容，下载关于圣诞节的图片、相关的视频和各种鼠标特性效果代码，中期，4 / 20 主要是创建主页面和分链接，浏览色彩搭配的效果，页面是否美观，分析如何使用框架和利用 Dreamweaver8 软件创建模板和布局表格，最后，主要是细化各个页面，对各个页面的图像、表格、链接进行适当的调试，是站点更加美观，并上传和测试整个站点运作情况，做好所有链接工作，使用 PPT展示最终的效果。 摘要 2 第一章 概述 3 一、主题介绍 4 二、制作目的及其方法 4 三 、 网 站 规 划 及 其 实 现 过程 4 5 / 20 1 、系统结构图 5 第二章 网站制作的步骤 5 一 、 主 页 的 制作 5 1 、 主 页 表 格 的 布 局 及 其 图 片 的 插入 5 2 、 主 页 文 字 的 输 入 及 其 最 终 效 果图 6 3 、导航条的设计及代码 6 二、分页的制作 7 1 、圣诞起源表格布局及其效果 7 6 / 20 2 、 圣 诞 雪 景 代 码 显 示 及 其 最 终 效果 8 3 、 插 入 滚 动 图 片 的 代 码 及 其 效 果图 9 4 、圣诞促销层的插入及其效果图 9 三、背景音乐、 Flash图片和视频的插入 10 四 、 框 架 排 版 和 时 间 轴 的 运用 11、 12 五、鼠标特效代码的插入 13、 14 第 三 章 心得及体会 15 一、在做超链接时出现的问题及解决方7 / 20 法 15 二 、 网 页 制 作 的 意 义 及 实 训 总结 15 参考文献 16 一、 概 述 、主题介绍 大家都知道圣诞节是西方的节日，也是基督教世界最大的节日，这一天，世界所有的基督教会都举行特別的礼拜仪式。但是有很多圣诞节的欢庆活动和宗教并无半点关联。交换礼物，寄圣诞卡，这都使圣诞节成为一个普天同庆的日子。由于是圣诞节的临近，我们想抓住这个主题给大家展示一个不一样的圣诞节，也希望所有的人都能过的开心，圣诞节的来临，也意味着新年即将到来 ，我想以这个为主题，预祝大家在 2016 年里有好运气、学习成绩更优，每个人的生活都很精彩。 、制作目的及其方法 8 / 20 主 要目 的是掌握 网页 设计与制 作流 程并熟练 运用Dreamweaver、 Firework、 Flash、 Photoshop 等相关辅助软件。 1、应用远程站点管理的知识和技能； 2. 应用本地站点管理的知识和技能； 3. 应用网页页面设计的知识和技能； 4. 应用网页制作的知识和技能； 5. 培养以上知识和技能的综合应用能力。 主要方法是通过使用 Dreamweaver8 中文版软件规划站点、布局表格、插入图像、链接、建立框架制作、创建分层、运用时间轴等相关素材进行操作。 、网站规划及其实现过程 我们通过前期的网站策划首先搜集相关资料并最终确定了制作一个以圣诞节为主题网站，网站页面我们选择以灰色为9 / 20 背景色辅以鲜色点吸引访问者的视觉，网站栏目主要有：首页，圣诞起源，圣诞雪景，圣诞老人，圣诞大餐，圣诞前夕，圣诞活动，圣诞祝福语，内容不多，我们选择页面设计宽 950像素，能够在各类型显示器下很好的呈现。前期的策 划完毕，现在我们开始勾画出了网站设计草图，最后开始实施网站页面设计工工作，页面设计主要运用 Dreamwever 制作，图片设计选择 Fireworeks 和 photoshop 制作。 1、系统结构 图 第二章 网站制作的步骤 一、 主页的制作 1、 主页表格的布局及其图片的插入 网页设计实训报告 实训目的 3 实训项目 3 10 / 20 实训步骤 4 设计代码 5 心得体会 6 自我评价 7 参考文献 8 实训报告 实训目的 1、通过综合实训进一步巩固、深化和加强我们的理论知识与专业技能。掌握规划动态网站的内容结构、目录结构、连接结构的方法，让我们熟练掌握动态网页制作软件和基本操作和使用技能，页面的整体控制和头部设置的方法 。 2、运用 Dreamweaver 完成网站建设任务的方法，能独立设计一个内容完整、技术运用得当的网站； 11 / 20 3、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 4、作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练我们的基本技能。 二、实训项目 网站后台管理 主页设计：主要是添加和编辑两大功能。 学生信息管理 主页设计：主要是显示、添加、编辑、删除等功能。 三、实训步骤 1.实训课题标题； 2.网站整体框架； 12 / 20 3.创建数据库 student，建立相关数据表 db1,xw; 4.编写网页 top头部的 logo、导航栏和 banner的相关信息。 5运用 ASP 编写左边 left 的二级目录内容和底部 boot 的建站信息连接及相关内容连接。 6.在主页主体 main 内 容通过数据库输出相关的产品内容及信息和导航栏其他页面的内容。 7.测试网站并完善主页及各个子页，对不足之处做出相关改进的工作。 四、设计代码 1、网站后台管理设计 (1)、 source=&()&;user id=;password=; set rs=() sql=select * from b2 where id=&(id) (sql) 13 / 20 sql,conn,1,3 % (2)、 source=&()&;user id=;password=; set rs=() sql=delete from b2 where id=&(id) (sql) sql,conn,1,3 set rs=nothing set conn=nothing (删除成功 ) 2、学生信息管理设计 14 / 20 (1)、 source=&()&;user id=;password=; 网站建设实训心得体会 在这两周的网站建设实训过程中，我练习掌握了很多关于网站建设的知识和技巧。因为这是我比较感兴趣的课程，所以对于所学的知识非常珍惜，也很欣慰，因为学到了很多对以后工作和生活很有帮助的知识。 我们这一小组做的主要内容为建设一个网上商店的网站，网上商店的名称是 “ 衣之谷 ” 。主要内容包括网站主页、商品分类、新品推荐、购物帮助和客户 服务。而我负责客户服务的网页制作。在整个实训过程中，难免会遇到一些比较困难的问题。每当这时，我们先是通过组内成员间共同讨论商量解决的办法。若没有讨论出结果，我们会向其他同学询问意见，综合分析后会找指导老师帮忙解决问题，找出问题所在，改正错误。最后我们的网站终于圆满完成了，这是值得庆幸也令我们比较有成就感的一件事情。最后我们的一番努力终于取得了成果，心里挺开心的。我们的努力是值得的。 这两周里，我 学到了很多关于网页制作方面的知识，也学会15 / 20 了怎样与人团队合作，这些都将会对我的成长有很大的帮助，将会在以后的学习、工作和生活中起到很大作用。这次实训是我们从学校到以后找工作的一个过渡。有了这次学习的机会，自己成长了不少，也学到了很多。对于书本上的理论知识更加的巩固了，更重要的是自己得到了这个宝贵的学习机会。这样的学习方法对于我们以后不管是学习工作还是生活都是受用的。 经过这次网站建设课的实训，让我 对自己有了新的认识，也学到 了网页设计的知识。在实训中，我们将在书本上学习过的很多理论知识付诸实践，实际运用，我体会到了其中的难度。在今后的工作和生活中，自己需要更加努力的奋斗下去。实习的同时也让我了解到了自己的不足，我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。 转眼间，两周愉快而又充实的网站建设实训课程结束了，在这不长的时间里，在实训的过程中，让我尝试了理论与实践的结合。网页设计理论一点点转化为实践经验，丰富的实训知识，让我充满惊喜、快乐和充实，当然也少不了网页设计16 / 20 处理过程中的困难。实训结束了，感觉脑袋里又注入了新的知识，对网站建设和网页设计也有了更深的了解，在以后的工作中，希望能用自己了解的东西去处理相关的问题，再探究新的问题，使自己不断进步。 总体来说，这次网站建设实训，让我受益匪浅，以上是我的实习心得与体会，不足之处望得到指正。 浙江宁波职业技术学院 网页设计实训报告 (来自 : 海达范文网 :网站设计实训总结 ) 设计题目： 乐玩旅游 班 级： 网络3112班 姓 名： 凯赛尔 阿巴斯 学 号：指导老师： 电子信息工程系 2016-12-13 1.实训目的 17 / 20 1进一步熟悉和掌握网站建设的基本流程和技术规范； 2巩固运用 Dreamweaver 网页制作软件制作网页； 3巩固运用 Photoshop 图像处理软件进行网页中图形制作和运用 flash动画制作软件设 计网页中动画的知识； 4巩固综合运用 Dreamweaver、 Photoshop、 flash 三个软件完成网站建设任务的方法， 能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5具备独立撰写实训报告等科技文件的基本能力； 6在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培 养创新能力和团队意识； 7为今后从事网站开发、维护和管理奠定基础。 乐玩旅游网站设计 班级：网络 3112班 姓名：凯赛尔 阿巴斯 一、 前言 18 / 20 为了给广大朋友们介绍家乡的景风景点，发展家 乡的旅游事业，让世界真正的认识到我家乡的每个宝地，选择了关于旅游的题目来做网页。 为了完成的制作这个网页我选择使用网页编辑排版Dreamweaver CS3、网页图像制作软件 Photoshop CS3、网页动画制件软件 Macrome 等软件。 二、 总体设计 从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的，下面是我要做的网站的结构图，如图 1-1 所示： 画出了这个结构图我们就有了明确的目标了，接下来我们就开始做网页了。 三、 详细设计 19 / 20 1.首先我就新建了一个网页叫做，如图 1-2所示： 图 1-2 2.然后我就开始布局网页结构了。先在要做的网页中布局表格，然后在这个表格里面布局单元格，这样才能很容易的找的到我们以后要改的地方，如图 1-3 所示： 图 1-3 3. 网站首页导航功能实现介绍： 网站首页导航有七个链接分别是：首页、主题旅游、景风景点、酒店预订、旅游指南、关于我们、会员中心。它们都采用 “ 行为 ” 中 “ 交换图像 ” 。如图 1-4 所示： 4. 网站首页公告栏功能实现过程