您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
网页制作样卷改.doc3页
本文档一共被下载：
次 ,本文档已强制全文免费阅读，若需下载请自行甄别文档质量。
文档加载中...广告还剩秒
需要金币：120 &&
你可能关注的文档：
··········
··········
2010――2011学年第一学期期末考试
网页制作 DREAMWEAVER 任务书
班级 姓名 学号 成绩 题号 版面内容 技术特点 艺术风格 总分
分值 45 25 30 100
得分 阅卷人 苑瑞华
一、设计题目：
使用DREAMWEAVER软件设计个人网站或校园网站二、基本要求：
（一）网页内容：
1.请以自己最喜爱的内容为主题设计网页（以所学专业的内容有关的加分）。在出现学校名的地方，用“上海师范大学XX学院”代替。不少于5个页面1 作品一定要亲自设计制作，严禁抄袭2〉作品内容要有自己的主题，能够展示大学生健康向上，朝气蓬勃的精神风貌3〉作品应有创意，应能体现出作者的个人创意及个性特点。2.主页的文件名为：index.htm。文件名一般用英文小写字母。3.必须使用表格布局制作网页。
4.链接结构应有三层，下一层必须有返回上层的按钮或链接。
5.上课时所学的flash控件、多媒体等，在网页中至少各出现一处。
6网页主要建立站内链接，尽量少建立外部链接，至少建立一个E-mail链接至你的邮箱。 8.页面设计时必须包含一个表单页面； 9.提交作品以前，建议将作品拷贝到另一台机器上测试，以确保页面能够正 确显示，文件夹必须以“学号-姓名（汉字）”的形式命名 例：18-张三 ；
10.建议主页网页缺省分辨率：800×600，主页网页宽度770×430px。
　1、栏目规划科学、正确。
　2、主页以Index命名。
　3、页面结构合理，层次分明，网页在5 - 10页，每个页面上限150K（包括图片），下载速度快，每张图片大小在40K以内，页面无链接错误。
　4、网页显示分辨率800~600。
　5、用户界面友好，操作提示准确。
　6、物理结构清晰，按栏目分目录存放，图片存放在单独的目录下。
　7、站内导航合理准确。
　8、网页应有
正在加载中，请稍后...《网页制作实训报告》_精选优秀范文十篇
网页制作实训报告
网页制作实训报告
范文一：《网页设计》实训报告网站名称：
指导老师：
龙丹日期：一、 网站名称：乐器二、设计工具：Dreamweaver8、Photoshop cs5 三、站点构思制作该网站的目的如下：(1) 帮助更多的人了解乐器 (2) 提供其他与乐器相关的网站链接 (3) 提供搜索乐器相关信息的便利途径 计划提供如下服务：(1) 共享一些精彩的乐器活动照片 (2) 将即将开始的有关乐器活动通知大家 (3) 提供与特定集会相关的信息 (4) 阅读乐器文章和介绍四、网站规划及实现过程(1) 实现方式：使用HTML构建网页结构，外部样式表ssc.css设置页面样式。 (2) 总体规划：网站包含8个页面，分为三层，第一层为首页，第二层为6个二级子页，第三层为1个内容页。其中，首页采用div+css布局并加入表格制作，并包含导航栏；6个二级子页分别为表单网页、利用模板制作的网页、利用div+css布局的网页；并在各网页中添加了JavaScript动态效果。五、页面设计说明(1)：使用div+css布局，首页(index.html)使用div+css布局，将整个页面设置为1整体4大块，如图：#header 头部内容和 #main1 主体1 内容#main2 此为主体2 内容#footer 为底部内容
代码：#content
{margin:0 width:1150}
此为整体定义#header
{width="1150"; height="120"; }
头部定义#main1
{margin-top:5 width:1150 }
主体1 定义#main2
{margin-top:5 margin-left:120 width:910border:1px solid #CCC;}
主体2 定义#footer
{margin-left:120 width:910 border-left:1px solid #CCC;border-right:1px solid #CCC; }
底部定义(2) 模板网页：以“模板”(moban.html)为例，说明具体实现方法，如图：(moban.html)其中“新闻中心” (xinwenzhong.html) “经典回顾” (jingdianhuigu.html)“关于我们” (guangyuwomen.html) “钢琴介绍” (chanping.html) “乐器活动” (huodong.html) 5张网页采用此张模板。(3) 表格和表单：“注册” position:中插入了一个表单和内嵌入一张表格， 如图：(zhuce.html)(4)FLASH：以主页(index.html)为例，如图：(index.html) 代码：(xinwenzhongxin.html) 代码：(huodong.html) 代码：(5) JavaScript交互效果：首页(index.html)采用了两组特效，如图：(index.html) 代码：【赛事活动】关于圣诞音乐会的...【考级通知】2011年寒假中央音...【行业消息】雅马哈钢琴赞助梁...【乐器培训】教你如何演奏萨克...【琴行动态】北京盛世雅歌琴行...【乐器市场】电子琴新品PSR-3...【最新新闻】周立波助阵沈灏水...(index.html) 代码：if(d12.offsetWidth-d10.scrollLeft六、总结在本次实训里，我设计的乐器网站，实现了图片滚动，flash的播放等动作，但从整体里看，这些网站总缺少一些活力，颜色上的搭配不太好，毕竟大部分采用图片的插入，并没有太多的动态，所以，要加强自己对脚本的利用，参考一些网页的制作的代码，来丰富自己的对网页制作的能力。我在这次实训中，我也有许多收获。首先，我体会到了作为一个网页设计师，不会用css的痛苦和尴尬；然后，我发现了很多以前都不曾注意到的细节；其次，在实训中，我对作为一名网页制作者应该学习的内容做了一个更深层次的理解；最后，我还从这次实训中看到了自己很他人的差距，危机意识增强，为了不使这个差距拉大，甚至赶上前面的同学，我会努力的。总之，这次实训为我提供了与众不同的学习方法和学习体会，从书本中走出来，面对现实，为我将来走上社会打下了扎实的基础，铺了一条五光十色的大马路。而且，我也体会到了前人总结出的许多的实践经验，而且一直都知道技术永远是工资的基础，社会是不会要一个一无是处的人的，所以，为了生活庸俗一点，努力一点，多累一点，好好学习技术，将来才有吃大餐的钱呀。在设计的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果,,,,通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。10原文地址：《网页设计》实训报告网站名称：
指导老师：
龙丹日期：一、 网站名称：乐器二、设计工具：Dreamweaver8、Photoshop cs5 三、站点构思制作该网站的目的如下：(1) 帮助更多的人了解乐器 (2) 提供其他与乐器相关的网站链接 (3) 提供搜索乐器相关信息的便利途径 计划提供如下服务：(1) 共享一些精彩的乐器活动照片 (2) 将即将开始的有关乐器活动通知大家 (3) 提供与特定集会相关的信息 (4) 阅读乐器文章和介绍四、网站规划及实现过程(1) 实现方式：使用HTML构建网页结构，外部样式表ssc.css设置页面样式。 (2) 总体规划：网站包含8个页面，分为三层，第一层为首页，第二层为6个二级子页，第三层为1个内容页。其中，首页采用div+css布局并加入表格制作，并包含导航栏；6个二级子页分别为表单网页、利用模板制作的网页、利用div+css布局的网页；并在各网页中添加了JavaScript动态效果。五、页面设计说明(1)：使用div+css布局，首页(index.html)使用div+css布局，将整个页面设置为1整体4大块，如图：#header 头部内容和 #main1 主体1 内容#main2 此为主体2 内容#footer 为底部内容
代码：#content
{margin:0 width:1150}
此为整体定义#header
{width="1150"; height="120"; }
头部定义#main1
{margin-top:5 width:1150 }
主体1 定义#main2
{margin-top:5 margin-left:120 width:910border:1px solid #CCC;}
主体2 定义#footer
{margin-left:120 width:910 border-left:1px solid #CCC;border-right:1px solid #CCC; }
底部定义(2) 模板网页：以“模板”(moban.html)为例，说明具体实现方法，如图：(moban.html)其中“新闻中心” (xinwenzhong.html) “经典回顾” (jingdianhuigu.html)“关于我们” (guangyuwomen.html) “钢琴介绍” (chanping.html) “乐器活动” (huodong.html) 5张网页采用此张模板。(3) 表格和表单：“注册” position:中插入了一个表单和内嵌入一张表格， 如图：(zhuce.html)(4)FLASH：以主页(index.html)为例，如图：(index.html) 代码：(xinwenzhongxin.html) 代码：(huodong.html) 代码：(5) JavaScript交互效果：首页(index.html)采用了两组特效，如图：(index.html) 代码：【赛事活动】关于圣诞音乐会的...【考级通知】2011年寒假中央音...【行业消息】雅马哈钢琴赞助梁...【乐器培训】教你如何演奏萨克...【琴行动态】北京盛世雅歌琴行...【乐器市场】电子琴新品PSR-3...【最新新闻】周立波助阵沈灏水...(index.html) 代码：if(d12.offsetWidth-d10.scrollLeft六、总结在本次实训里，我设计的乐器网站，实现了图片滚动，flash的播放等动作，但从整体里看，这些网站总缺少一些活力，颜色上的搭配不太好，毕竟大部分采用图片的插入，并没有太多的动态，所以，要加强自己对脚本的利用，参考一些网页的制作的代码，来丰富自己的对网页制作的能力。我在这次实训中，我也有许多收获。首先，我体会到了作为一个网页设计师，不会用css的痛苦和尴尬；然后，我发现了很多以前都不曾注意到的细节；其次，在实训中，我对作为一名网页制作者应该学习的内容做了一个更深层次的理解；最后，我还从这次实训中看到了自己很他人的差距，危机意识增强，为了不使这个差距拉大，甚至赶上前面的同学，我会努力的。总之，这次实训为我提供了与众不同的学习方法和学习体会，从书本中走出来，面对现实，为我将来走上社会打下了扎实的基础，铺了一条五光十色的大马路。而且，我也体会到了前人总结出的许多的实践经验，而且一直都知道技术永远是工资的基础，社会是不会要一个一无是处的人的，所以，为了生活庸俗一点，努力一点，多累一点，好好学习技术，将来才有吃大餐的钱呀。在设计的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果,,,,通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。10
范文二：《网站设计与制作》实训报告X学院
X号一．实训时间：日到日二．实训地点：XXX学院XXX班级三．实训组员：XXX、XXX四．实训目标：运用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累Web网站的制作经验，培养团队协作精神。本次实训的具体目标为:了解网站制作的一般流程; 熟练使用网页制作工具Dreamweaver、Flash、Fireworks设计网页; 能灵活运用表格、层和框架布局页面; 熟练使用CSS样式表美化网页; 正确使用JavaScript添加网页特效; 灵活使用模板和库来制作网页；学会申请免费域名空间和正确上传站点的方法。五．实训策划：这一周，我们要进行《网站设计与制作》实训，我们认为做网站前最主要的是确定主题、框架和标题栏的设计。因此我们相互讨论之后，确定制作以“婚纱”为主题的“喜多坊时尚婚纱网”。在之后的资料收集和网页的框架的建设中，我们发现了许多问题，某些关键点无法做出心中的效果，这让我们有些遗憾。通过自身及组员的共同探索，我们已尽权利将以下是我们的策划内容：1.确定主题。制作网页,首先是确定主题，冬天很冷,却冷得很幸福，刚刚过去的圣诞的热闹劲还在心头。于是我们从幸福出发，想到了结婚-婚纱，建立一个简单的介绍婚纱的网站并取名喜多坊时尚时尚婚纱,专业介绍一些喜多坊婚纱的特色等。我们本次间的网站基本以粉红为基点，粉红是可爱清纯的颜色，粉红代表着幸福温馨，所以本站以粉红为风格，让整个网站充满爱的力量。2.设计主页。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，我们构思大致分几部分，首页，关于我们，婚纱礼服，量体裁衣，婚纱选购，公司门市，与我联系，在线论坛8大板块，每一板块又分几小部分，内容比较充分，多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要，我们运用Photoshop CS3技术来设计出导航栏，制作切片，建立导航栏，将整体的主页效果建立起来。3.资料的搜集。主页的导航栏设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，我们采用大量的资料收集再对资料进行塞选p图，得到最适合导航栏内容的资料。素材的选择，要符合网站的主题，图片的大小要符合模板的轮廓，我们将不符合模板的用Photoshop处理编辑，然后放入站点底下，进行图文的链接和排版。4.各个子网页的建立。我们设计好模板后只要在可编辑区依次编辑所需资料就可，运用模板建立子网页少了很多工序，为我们节省大量的时间。尽管我们建立了模板，但我们在建立子网时很小心，因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时，因此我们对所插入的图片和表格都得进行测量，做到不影响网站整体的美观。5.实现网页间的链接。做好个格子网和首页后，接下来就是通过模板的链接，将整个网站中的网页链接起来，过程其实很简单，主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。做好这一步后，网站基本算是建好了。6.向静态网页插入动态效果。在基本建好网页中的插入层和时间轴，制作其动态效果，让整个网页充满生机。我们在网上进行flash素材的收集，通过Flash CS3设计出主题下的风格动态效果。然后插入到静态网页中，使网页更加生动形象。六．实训心得：通过这周的学习实践，在老师的指导下以大量明晰的操作步骤和典型的应用实例，使我们真正对所学的软件融会贯通。我们结合年轻人心理制作了时尚婚纱网站，作为实训的成果。其内容是多样化的，制作网页用的软件是Deamweaver CS3软件。它提供了网页和表单的动态生成到网站的解决方案。主图是一个网页的门面，它能体现出这个网页的整体风格。制作网页,首先是确定主题,经过再三考虑,就做了个关于婚纱的网站 。考虑到,现在城市普遍幸福感不高，加上寒冬，于是以幸福为论点扩展想到了结婚，想到了婚纱，想到了未来的美好城市生活，城市让生活更美好，结婚让生活更完整婚纱让生活更多姿！想到这些，我们最后决定建立一个简单的介绍都市婚纱的网站,让这个冬天不再寒冷，让我们回忆起那些幸福的日子。于是网站主题确立。然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，首页，关于我们，婚纱礼服，量体裁衣，婚纱选购，公司门市，与我联系，在线论坛，每一部分又分几小部分，内容比较充分，多样。再后是收集资料与素材，大量浏览相关网站，收集关于婚纱的图片，进行Photoshop CS3图片处理和排版，插入好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。再后是设计网页图片，用flash制作动画，用Photoshop制作静态图片。再后是建立站点，和制作网页了，使用dreamweaver制作。首页内容精彩丰富，首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。利用我们所学的模板设计，制作更完美的页面。将动态网页与静态网页结合起来再后，调试过程，好多次本来在Deamweaver CS3里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，经过再三调试，整理，加了好多表格，终于满意了。通过温本周的实训，发现自己还有很多的不足。框架的应用很难把握，切片也很难合理切割，当插入图片的时候把原有的模板给撑破了，精确定位很重要。因为学艺不精，所以不会网页的代码设计，只能通过网络三剑客综合使用。不过也实践中也学到了很多知识，表格的嵌套是非常重要的，CSS样式的应用也很便捷。还有一些行为中的效果也是蛮不错的。所以这次实训还是很有意义的。
范文三：1计算机教育信息学院实训报告姓
目： 网页设计与制作系
别： 信息管理工程系专
业： 计算机应用学
号： 201******53实训时间：2015年 1 月 5 日 至 9 日以下为我的一个制作基本网页的例子：一．实训目的《网页设计实训》 主要目的是让学生通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站也就是“新闻中国”网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的二．实训要求能够运用所学知识完成“新闻中国”网站。网页设计规范要求:1. 设计作品中的各种文件夹和文件名均使用英文名（小写）；2. 设计作品首页文件名为index.html；3. 结构清楚合理，便于浏览查找；4. 色彩搭配协调，页面美观，具有艺术品位；5. 注意语言代码、导航效果、实用性、时效性；三．实训内容及步骤效果图如下：1、规划草图如下：草图结构框效果图如下：具体步骤如下：具体登录验证如下：具体步骤如下：登录名密
码[Google][新闻中国]width="145px" height="77px" />height="78px" />*
重庆涉黑富豪黎强夫妇庭审答辩言辞相互矛盾*
发改委：4万亿投资计划不会挤占民间投资空间*
河南2个乡镇政绩报告内容完全一致引关注*
日本首相鸠山首次全面阐述新政府外交政策*
黎巴嫩以色列再次交火互射炮弹*
伊朗将于30日前就核燃料供应方案作出答复*
与基地有关组织宣称对巴格达连环爆炸负责*
施瓦辛格启动影视业回迁计划 推进加州经济复苏*
《沧海》导演回应观众质疑 自信能超越《亮剑》*
《海角七号》导演新片开机 吴宇森等出席*
《四大名捕》敦煌热拍 八主演飙戏火花四溅class="class_type">src="Images/class_type.gif" alt="新闻中心" />国内
深足教练组：说我们买球是侮辱 朱广沪常暗中支招 01:03:51.0*
省政府500万悬赏建业登顶 球员:遗憾主场放跑国安 01:03:19.0*
洪元硕：北京人的脸就看你们了 最后一哆嗦看着办 01:02:56.0*
临界冠军京城夺票总动员 球迷:夺冠!让所有人闭嘴 01:02:17.0*
一纸传真暗含申花处理态度 国足征调杜威突生悬疑 01:01:47.0**
气候变化导致海平面上升争端态度低调
国转型币或上位现超雷人标语原因不明力度情况台管理审批权针刺民众汗政策故辞职 01:00:37.0*
商贸联委会在杭州开会 中美对贸易
01:00:11.0*
迟福林：“十二五”改革应向消费大
12:59:45.0*
伊朗称放弃美元作为外储地位 人民
12:58:42.0*
“持械抢劫，当场击毙” 浙江永康
12:58:20.0**
国内成品油价格上调几成定局
12:57:18.0*
俄数百所幼儿园和学校因流感停课
12:56:51.0*
喀布尔市中心传出爆炸和枪声 目前
12:56:24.0*
国台办介绍大陆高校加大对台招生
12:55:07.0*
国台办将授权福建等六省市部分赴
12:54:12.0**
人保部将首次就同工同酬做出规定
11:00:45.0*
重庆警方否认被围殴致死吸毒者曾
11:00:25.0*
美国一名外交官辞职抗议美对阿富
11:00:02.0*
埃及交通部长因致18死火车相撞事
10:59:38.0*
无姚时代如何关注内线比拼 新赛季中锋PK五岳崛起 10:59:07.0**
火箭揭幕战是试金石摸底测验 五号位二选一有玄机 10:58:36.0*
时过境迁火箭优势变劣势 对抗双塔阿帅只一计可施 10:58:11.0*
无姚新赛季落寞油然而生 周遭一种改变正悄悄开始 10:57:49.0*
美媒体称小布乃火箭新核心 一大缺陷令阿帅很担心 10:57:11.0*
皮特车祸之后仍然开朗 轻松改驾四轮车(图) 10:56:43.0**
8名美军士兵在阿富汗遭路边炸弹袭击身亡 10:55:38.0*
与基地有关组织宣称对巴格达连环爆炸负责 10:55:14.0*
伊朗将于30日前就核燃料供应方案作出答复 10:54:54.0当前页数:[1/2]
下一页 末页*幻想中穿越时空*width="249" alt="" />国庆多变的发型*新技术照亮都市*群星闪耀红地毯[合作伙伴]中国政府网中国政府网中国政府网中国政府网中国政府网中国政府网中国政府网24小时客户服务热线：010-常见问题解答
新闻热线：010-文明办网文明上网举报电话：010-
举报邮箱： jubao@.cnCopyright (C)
News China gov, All Right Reserver新闻中国 版权所有四．实训总结：最终完成的效果图如下：在整个实训的过程中，我们花了将近1周的时间顺利完成了此次实训任务，在实践的过程中，旨在让我们将之前学到的网页制作知识融合到了一起，对本学期学到的html内容做了一个总结：1) 将边框，内容以及图片融合在同一个页面中，完成对网页的布局。2) 将Html,Css和Javascript紧密结合在一起运用到网页中去。3) 对文字或段落的超链接，整体与部分的排版。4) Position的定位和float的浮动效果以及div+css样式。5) 对文字的颜色以及其他相关HTML格式的设定。6) 同学们，我相信你们一定能学好网页制作的，加油！
范文四：网页设计与制作实训报告班
名：孙建武学
号：指导老师：郭建明实训时间：G
5.9——5.22甘肃机电职业技术学院日一、实训目的：1、进一步熟悉和掌握网站建设的基本流程和技术规范；2、 巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；5、具备独立撰写实训报告基本能力；6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础。、二、实训项目——星空间街舞俱乐部网站设计1、网站主题我的网站的主旨在于从各个方面全面的介绍星空间街舞俱乐部，包括它的团队、环境和课程。另外，网站里还包括我的资料，建立了一个展示自我形象的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和蓝色搭配，用以展示星空间街舞俱乐部个性的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。2、网站材料主要在网站上搜集所要的网页信息，包括图片、文字。同时，查询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。3、网站规划我的网站共有7个主页面：首页、介绍、团队、环境、课程、联系我们和关于我。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用CSS设计一个样式，以保证随时、准确的调用。4、网站的制作工具做网页时主要使用的是Deamweaver。另外，为了处理网页中的其他元素，还使用了Photoshop等软件。5、制作网站的网页素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点“093501”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“img”文件夹来存放图片。网页中的CSS 样式文件也应统一管理，做到有条不紊，我设计的网站的首页如下图：导航栏下面插入了一个flash，用以给浏览者好的视觉享受。左上方插入了一个图片滚动效果，左侧有关于街舞的一些教程，是相关链接的菜单栏，一方面为了布局合理，弥补右边的空缺，另一方面给浏览者提供放便的导航。另外，右边插入的是表格，表格中的背景是蓝色的。用以体现网站的主题色彩，左边加入了图片滚动特效。当鼠标停在图片上时，图片停止滚动。特效代码如下：向左无缝滚动然后利用模板制作了关于街舞种类介绍的链接，它分为Breaking、Poppin、Hip-hop、New style、Jazz.从而进行了全面的介绍，当点击任意一个舞种按钮，都会在右下版块出现对应浏览文字版块。如下图：创建模板时，我在右侧建立了关于街舞教程的导航，这样可以让整个界面显得整洁、有序。与介绍街舞类型的主页面采用了相同的背景，相同的布局。使页面连接清晰。最后就是制作个人简介,也就是导航栏中的关于我，包含我的姓名、性别、年龄、爱好、学校、班级、学号和家庭住址等。简历的左侧，插入了一张代表中国街舞爱好者的标志图，为达到亮眼的效果。加入了滚动图片特效。增加页面的可看性。6、上传测试网站网页制作完毕以后，要进行反复的测试，保存后在IE浏览器上反复运行自己的网站，用以发现设计中的缺陷并及时改正。三、实训中遇到的问题和解决方法1、在制作网页的过程中，经常遇到CSS样式的运用和网页特效的添加，由于对CSS样式的不熟悉和网页特效代码的不了解，导致在做网页时遇到很多的麻烦，但是最后经过老师和同学们的帮助，最终解决了CSS样式和网页特效添加的问题。2、创建了模板，但是运用模板制作网页时，发现全部不可编辑，这就需要在模板中添加可编辑区域。这样就可以利用模板制作其它的网页。3、表格的应用，当每次插入表格，对其插入内容，就会影响到整个页面的大小，经过再三的思考，发现要在表格里插入图片，就要先插入表格再插入图片，这样就不会影响到整个网站的布局。四、心得体会我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实训的过程中，搜集了大量的素材和网页设计的技术，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。掌握文档排版标记的熟练使用及其属性设置。熟练使用超级链接，合理使用列表；掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。学生：孙建武班级：G093501日
范文五：计算机网络(1)
张丽娜()网页制作实训报告一：实验工具Adobe Dreamweaver CS3
photoshop二：实验目的《网页制作技术》是计算机网络专业的一门重要的专业必修课程，也是该专业的一门重点建设课程。随着网络的迅速发展，网站的建设也越来越重要。目前很多企业都在上网，开展网络营销活动，设计并制作企业自己的商务网站则是企业实现网络化经营的重要手段。因此，作为计算机网络专业的学生，学习网页的设计与制作是十分必要的。通过课程设计的训练，使每位学生在掌握理论知识基础上，通过身体力行的实践具备网页设计与制作的相关技术及网页制作的操作技能，能独立设计小型WEB站点。三：实验内容为某一茶企业设计一个网站设计的网站要求完成以下内容：至少有一页用到表格布局至少有一页使用框架布局，至少有一页使用div为该网站设计一个调研问卷(表单)使用图片，并把所有的图片放在一个文件夹下使用CSS方法定义格式网站不少于10页四：参考书实验教材：《网页制作与开发教程》，张强，高建华，温谦编著，人民邮电出版社，2008年参 考 书：《网页制作教程(第3版)》，赵丰年编著，人民邮电出版社，2006年《Dreamweaver 8 网页设计与网站建设》，易枚根编著，机械工业出版社，2007年《Dreamweaver 8入门与提高实例教程》，张培编著，机械工业出版社，2007年《网页制作与网站开发：从入门到精通》，耿跃鹰编著，清华大学出版社，2008年五：实验步骤1 网站主题我的网站主要介绍茶叶以及其发展.同时,网站里的每一个网页都有统一的风格,每一个网页的主题色都是浅绿色.2 网站材料主要在网站上搜集的网页信息,包括图片,文字,相关的新闻. 3 网站规划我的网站共有6个主页面:首页,茶叶信息,网上商城,茶网话茶,绿茶节,调查问卷.每一个页面都有统一的颜色,以保证网站统一的页面风格.网页布局主要用框架和表格,用DIV定部分区块. 4 制作网站的页面素材/风格/模板都设计好以后,下一步就是具体的制作网页.制作网页时,首先要做的就是站点的规划,建立一个本站点”mysite”,建立的各个页面都应该放在本地站点中,在网页制作是所需要的各个元素都进行了统一的管理,建立统一的文件夹放同一类型的文件,我在制作是建立了”inage”文件夹存放图片.4.1首页:使用在本站首页显示最新商品,共浏览者浏览,以及快速进入想要浏览页面.另有用户登陆页面,可以进行购买等.4.2茶叶信息使用框架集,在本页中展示一些茶叶的最新动态.4.3 网上商城使用表格和框架.提供一些最新商品信息,用户可以添加到购物车中,可以对购物车中的商品进行天添加和删除等.4.4 茶网话茶使用表格设计.主要有茶叶文化和种类两大模块.4.5 绿茶节4.6 使用表格设计4.7 问卷调查使用表单和表格.用户可以产品提出建议等.4.8 留言板使用DIV和表单.用户可以进行留言.六:数据库设计6.1 使用sqlserver实现数据库设计6.2 用户基本信息表商品信息表6.3 连接数据库在上面,已经创建了一个数据库,在这里,我们来用ASP把程序和数据库连接起来.代码如下:Class.forname(“com.microsoft.jdbc.sqlserver.SQLServerDriver”).newInstance();Stringurl=”jdbc:Microsoft:sqlserver://localhost:1433;DatabaseName=数据库名”;Connectionconn=DriverManager.getconnection(url,user,password);七:代码设计7.1
首页注册代码脚本如下:功能:应用脚本语言弥补了HTML语言的不足,大大增强了客户端页面的动态性和交互性,也可以利用脚本语言在客户端进行基本的输入数据的正确性检查,提高客户端与服务器端数据传输的效率和正确性.7.2
应用表单用户名：,,,,,,,,,,,,width=图如下:功能:表单的组合可以实现一个交互界面,最终将用户的信息提交给服务器进行处理.是为服务器获取客户端的信息,为后继的信息处理提供了一种途径.7.3
应用CSS样式:图如下会员登陆:功能:使得页面效果更加丰富,表现效果更加灵活,更具有动态性.同时可使样式定义和HTML文件分离,使得页面开发及维护工作更容易进行.7.4 运用表格.代码如下:,,,,,,,,,,图如下7.5
应用div定义◎ 绿茶精品,,,,,,,,,,◎其它图如下:width=7.6
应用框架集7.7
CSS样式图如下八:网站实现与调试安装IIS:把IIS装上，在控制面板->添加删除程序->添加windows组件里面装上(要一张系统盘)，然后将默认网站下的主目录设为你动网论坛整站程序那个目录，然后再浏览器里输入127.0.0.1就可以测试了调试的步骤如：??1.请点击这里搜索：/search?hl=zh-CN&q=ASP+%E8%AE%BA%E5%9D%9B&lr=。??2.安装IIS或PWS，??3.把压缩包解压缩在本地任意的一个目录里，然后给这个目录设置虚拟目录，别名为zp。。??4.用http://localhost/zp即可在本地浏览你的论坛了。??5.一切顺利之后，可直接上传到你的ASP空间。然后用CuteFTP直接上传，如果不能运行，一是可能你下载的这套程序中有错误，比如它的数据路径不对；二是可能IIS或虚拟目录有问题。如果要用自己的电脑做服务器，注意不要在WinXP下。九:网站的维护9.1 保持同步9.1.1 与FTP主机连接成功后,选择站点︱同步站点范围命令,打开同步文件对话框.9.1.2 在同步下拉列表中选择要更新的站点,在方向列表中选择放置较新的文档到远程,单击预览按钮后开始在本地计算机与服务器端的文件进行比较,比较结束后,结果发现文件不完全一样,将在列表中罗列出需要上传的文件名称.9.1.3 单击确定按纽,系统便自动更新远端服务器的文件,如果文件没有改变,将出现确定对话框.十:实验心得在这次开发制作过程,我从中学习了对静态页面的处理风格,色彩搭配,页面导航方面有一定了解.对用JAVASCRIPT语言制作动态效果也有一定的认识.学会了如何使用SQL SERVER建立数据库.我感受最深的是:要做好一个网站,素材和技能都十分重要.好的素材需要多方查找资料,好的技能需要不断的实践.
范文六：————————————————网 页 制 作 与 实 训姓
指 导 教 师:
设 计 时 间：
录一. 实训设计目的 ....................................................... 2 二. 实训设计题目描述和要求 ......................................... 42.1 实训设计题目描述 ........................................ 4 2.2 实训要求 .................................................... 4 2.3 设计思路 .................................................... 5 三.实训设计报告内容 ................................................... 53.1 设计方案 .................................................... 5 3.2 设计过程 .................................................... 5 3.3 设计结果 .................................................... 9 四. 结论与心得 .......................................................... 9一.实训设计目的本次实训是运用网页制作的知识，在掌握理论的基础上再加以实践，进一步提高，根据我们自己的兴趣，设计一个动静态结合的网站，围绕一个主题体现出自己的个性，可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。我的主页我做主这一题材涉及范围广，主要通过运用静态和动态的结合来完成的。静态包含了运用表格和层布局，模板的套用，背景音乐的插入以及Flash的插入等。动态主要是主页和留言板。通过这些的制作能使我们能很好掌握Dreamweaver各个功能的运用。同时通过这一网页也显示出了我个人的个性。在制作这一网页前第一要做的就是要准备网页素材，然后制作主页，再通过主页扩展主分页再又通过主分页扩展出子分页。动态网页的制作是通过静态网页主页链接出来的这样就可以通过动静态结合和好的显示出该网页的美观，功能总的来说，希望通过此次试训，能够将网页制作的课程理论与实践联合起来，通过我们以自己搜索书籍，网站等方式来收集文字资料，图像资料，动画及页面效果等。从而来培养自己独立动手的工作能力。二.实训设计题目描述和要求2.1 实训设计题目描述本次实训是自选主题，并围绕所选主题制作一个动静相结合的网站。所以我根据自己的喜爱，选做了的是个人网站，算是一个个人主页的小型网站。关于名字的来源：苹果树下做为网站的名字，是因为个人比较偏爱吃苹果，没有主题，没有目的。取这个站名，是做了网站的大概构思后才取的，觉得，这个名字与网站的图片、背景都很相符。个人网站，一般都会包括首页、日志、相册、关于我、心愿、留言板，一些个人喜欢的文字、FLASH动画加图片，我的个人主页也不例外，包括首页（个人喜欢的的文章、FLASH动画加图片），我的日志（里面有一些转载的日志、测试笑话等等），相册（里面有些自己喜欢的图片），关于我（里面有我的个人简介、心情、日记。杂文），心愿（里面是插入一些FLASH动画），留言表（可以在里面留下你的足迹）。2.2 实训要求1．站点结构与命名站点文件夹为班级学号姓名(如：信管507 肖南)
站点文件夹中所包含文件夹：Images （存放图片文件）
Templates（存放模版文件）
_notes（存放网页文件）其余视文件夹需要而添加，全部用英文命名。站点文件夹中所包含文件： index （首页）其文件余视需要而添加，全部用英文命名。
并且要求画出网站结构图。2．网站题材选择内容，题材不限，可以选择你所感兴趣的内容和专题，内容充实、健康。网站标题自拟。3．网站技术要求页面布局合理，色彩和谐，链接正确，图文并茂。2.3 设计思路三.实训设计报告内容3.1 设计方案主页用表格布局，以两个小精灵在树下捡苹果为背景，突出主题，在主页中放置了FLASH动画、图片、超链接、一个登陆框、日志列表。先是主页然后是通过主页内容链接到各个分主页，最后通过分主页内容链接到到分页。从而层层深化使网页结构清楚，内容更丰富。格调统一，色彩搭配协调。3.2 设计过程1、建立站点，规划主页2、制作分栏目录3、制作模板4、利用模板生成分页面分页之一5、制作动态留言板管理员登陆页面提交留言页面3.3 设计结果网站设计完成，静态网站能够实现主页与分页之间的链接，背景音乐、背景图片、页面动画效果等显示正确。通过打开开场动画进入主页，点击主页导航条里的链接能横好的连接到分页面，Flash动画，字幕的滚动，特别是动态网页的心愿模块，使得整个网站协调，突出主题。四.结论与心得近一周的实训转瞬即逝，在这短暂的时间里，在老师的指导和帮助下，第一个完整版的自制网站圆满完成，同时，也让我们对于网页设计与制作有了进一步的了解。整个网站设计中，我能把散乱的网页链接成框架体系，使平时学习的知识点由散到整，并且能够合理的在实训中进行实践。在本次实训的过程中，我搜集了大量的素材，也看了很多网页设计技巧方面的材料，增加了知识面，给我以后能够制作出更好的网页打下了基础。最后让我感触最深的是：想要做好一个网站，好的素材和技能是十分重要的。整个网站设计由动静态网站综合组成。静态网站组成了整个网站的框架结构，由一个主页面然后链接到其他分页面。在静态网站中，设置了移动字幕、背景音乐、背景图片等一系列效果。增加网站的美观度和色彩协调度。动态网站主要根据数据库来完成，总共制作了几个动态页面：开始动画、主页、相册、心愿总体上说整个网站设计还是比较成功的这次网页设计与制作我们是利用Dreamweaver 8来完成设计的，在计算机上面操作，这次实训不仅让我们将课本上的理论知识得到了实践，更重要的是让我们知道学习是一个步步渐进的过程，需要认真，细心，努力的去完成。————————————————网 页 制 作 与 实 训姓
指 导 教 师:
设 计 时 间：
录一. 实训设计目的 ....................................................... 2 二. 实训设计题目描述和要求 ......................................... 42.1 实训设计题目描述 ........................................ 4 2.2 实训要求 .................................................... 4 2.3 设计思路 .................................................... 5 三.实训设计报告内容 ................................................... 53.1 设计方案 .................................................... 5 3.2 设计过程 .................................................... 5 3.3 设计结果 .................................................... 9 四. 结论与心得 .......................................................... 9一.实训设计目的本次实训是运用网页制作的知识，在掌握理论的基础上再加以实践，进一步提高，根据我们自己的兴趣，设计一个动静态结合的网站，围绕一个主题体现出自己的个性，可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。我的主页我做主这一题材涉及范围广，主要通过运用静态和动态的结合来完成的。静态包含了运用表格和层布局，模板的套用，背景音乐的插入以及Flash的插入等。动态主要是主页和留言板。通过这些的制作能使我们能很好掌握Dreamweaver各个功能的运用。同时通过这一网页也显示出了我个人的个性。在制作这一网页前第一要做的就是要准备网页素材，然后制作主页，再通过主页扩展主分页再又通过主分页扩展出子分页。动态网页的制作是通过静态网页主页链接出来的这样就可以通过动静态结合和好的显示出该网页的美观，功能总的来说，希望通过此次试训，能够将网页制作的课程理论与实践联合起来，通过我们以自己搜索书籍，网站等方式来收集文字资料，图像资料，动画及页面效果等。从而来培养自己独立动手的工作能力。二.实训设计题目描述和要求2.1 实训设计题目描述本次实训是自选主题，并围绕所选主题制作一个动静相结合的网站。所以我根据自己的喜爱，选做了的是个人网站，算是一个个人主页的小型网站。关于名字的来源：苹果树下做为网站的名字，是因为个人比较偏爱吃苹果，没有主题，没有目的。取这个站名，是做了网站的大概构思后才取的，觉得，这个名字与网站的图片、背景都很相符。个人网站，一般都会包括首页、日志、相册、关于我、心愿、留言板，一些个人喜欢的文字、FLASH动画加图片，我的个人主页也不例外，包括首页（个人喜欢的的文章、FLASH动画加图片），我的日志（里面有一些转载的日志、测试笑话等等），相册（里面有些自己喜欢的图片），关于我（里面有我的个人简介、心情、日记。杂文），心愿（里面是插入一些FLASH动画），留言表（可以在里面留下你的足迹）。2.2 实训要求1．站点结构与命名站点文件夹为班级学号姓名(如：信管507 肖南)
站点文件夹中所包含文件夹：Images （存放图片文件）
Templates（存放模版文件）
_notes（存放网页文件）其余视文件夹需要而添加，全部用英文命名。站点文件夹中所包含文件： index （首页）其文件余视需要而添加，全部用英文命名。
并且要求画出网站结构图。2．网站题材选择内容，题材不限，可以选择你所感兴趣的内容和专题，内容充实、健康。网站标题自拟。3．网站技术要求页面布局合理，色彩和谐，链接正确，图文并茂。2.3 设计思路三.实训设计报告内容3.1 设计方案主页用表格布局，以两个小精灵在树下捡苹果为背景，突出主题，在主页中放置了FLASH动画、图片、超链接、一个登陆框、日志列表。先是主页然后是通过主页内容链接到各个分主页，最后通过分主页内容链接到到分页。从而层层深化使网页结构清楚，内容更丰富。格调统一，色彩搭配协调。3.2 设计过程1、建立站点，规划主页2、制作分栏目录3、制作模板4、利用模板生成分页面分页之一5、制作动态留言板管理员登陆页面提交留言页面3.3 设计结果网站设计完成，静态网站能够实现主页与分页之间的链接，背景音乐、背景图片、页面动画效果等显示正确。通过打开开场动画进入主页，点击主页导航条里的链接能横好的连接到分页面，Flash动画，字幕的滚动，特别是动态网页的心愿模块，使得整个网站协调，突出主题。四.结论与心得近一周的实训转瞬即逝，在这短暂的时间里，在老师的指导和帮助下，第一个完整版的自制网站圆满完成，同时，也让我们对于网页设计与制作有了进一步的了解。整个网站设计中，我能把散乱的网页链接成框架体系，使平时学习的知识点由散到整，并且能够合理的在实训中进行实践。在本次实训的过程中，我搜集了大量的素材，也看了很多网页设计技巧方面的材料，增加了知识面，给我以后能够制作出更好的网页打下了基础。最后让我感触最深的是：想要做好一个网站，好的素材和技能是十分重要的。整个网站设计由动静态网站综合组成。静态网站组成了整个网站的框架结构，由一个主页面然后链接到其他分页面。在静态网站中，设置了移动字幕、背景音乐、背景图片等一系列效果。增加网站的美观度和色彩协调度。动态网站主要根据数据库来完成，总共制作了几个动态页面：开始动画、主页、相册、心愿总体上说整个网站设计还是比较成功的这次网页设计与制作我们是利用Dreamweaver 8来完成设计的，在计算机上面操作，这次实训不仅让我们将课本上的理论知识得到了实践，更重要的是让我们知道学习是一个步步渐进的过程，需要认真，细心，努力的去完成。
范文七：南昌理工学院Nanchang Institute of Technology课程实训报告系 部：
计算机信息工程
电子商务班 级：
10级电子商务（1）班 实训课程：
Dreamweaver网页制作 实训项目名称：商业网站项目开发 指导教师：
关南宝 分组成员：
实训地点：
实验楼实训日期：
日～日目 录一、设计目的： ............................................................................................................... 1 二、实验（设计）仪器设备和材料清单：......................................................................... 1 三、设计内容： ............................................................................................................... 1 四、设计要求： ............................................................................................................... 2 五、设计步骤： ............................................................................................................... 21、系统分析： .......................................................................................................... 2 2、总体设计： .......................................................................................................... 3 3、设计目标 ............................................................................................................. 4 六、系统功能模块的实现过程 .......................................................................................... 51、个人首页功能模块功能的实现过程 ....................................................................... 6 2、个人资料功能模块的实现过程 .............................................................................. 8 3、个人相册功能模块的实现过程 .............................................................................. 9 4、聊天室功能模块的实现过程 ................................................................................. 9 七、设计心得................................................................................................................. 10一、设计目的：1、 通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。 1）掌握规划网站的内容结构，目录结构，链接结构的方法。 2）熟练掌握网页制作软件Dreamweaver的基本操作和使用技能。 3）掌握页面的整体控制和头部内容设置的方法。 4）熟练掌握网页页面布局的各种方法。5）熟练掌握在网页中输入，设置标题和正文文字的方法。 6） 熟练掌握在网页中插入图象，flash动画和背景音乐的方法。 7） 熟练建立各种形式的超级链接的方法。 8）掌握表单网页制作方法。 9） 掌握网页特效制作方法。 10）掌握网站测试的方法。2、训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。 3、培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。4、培养学生理论联系实际的工作作风，严肃认真的科学态度以及独立工作的能力，树立自信心。二、实验（设计）仪器设备和材料清单：1、硬件：PC机、能够上互联网的机房2、软件： 安装有Dreamweaver，Flash，PhotoShop软件 3、准备磁盘拷贝学生资料三、设计内容：1、确定网站主题，并搜集与主题相关的素材2、对所要制作的网站进行系统设计，规划网站基本结构，设计网站的目录结构图3、收集网页基本模型，设计网页的草图，制作网页的设计图，并练习图片的切片 4、在DreamWeaver中建立网站目录结果，并使用DIV+CSS进行网页初步布局 5、完成各页面的具体制作，并测试网页之间的链接 6、发布和维护自己的网站四、设计要求：1、使用Dreamweaver完成网页制作； 2、要求各页面设计符合网站开发规律； 3、网站内各页面之间要有链接； 4、网站内容符合主题；5、完成设计任务并书写课程设计报告。五、设计步骤：1、系统分析： 1）需求分析通过调查，要求网站需要有以下功能：? 现在市场饰品种类多，不容易进行选择。要求有明确的分类。 ? 买家不太重视对饰品的保养，增加对饰品的保养方法的介绍 ? 需要设立完善的售后服务，即使解决买家的疑问 ? 写明购买方式，商品服务说明等，以免引起误会? 增加新品推荐、热卖宝贝和近期的促销，方便买家进行选择? 对商品有详细的介绍，及图片等（并注名图片与实物可能存在的差别，以免引起误会） ? 对买家的需求要有合理及时的处理2）可行性分析 ? 经济性：饰品市场多且杂，缺少有特点，且有针对性的商品销售，现在无论男生女生、老少，都会要一件或几件适合自己的小饰品，市场很大，目前的饰品店很多。但东西大多毫无特色。你有我也有。没有特别优秀的东西出来。找好一个产品，专注的深入推广。 银饰，钛钢等材质饰品，价格适中，样式新颖，种类繁多，适合人群广。 ? 技术性：明确的商品分类，企业级的管理信息系统，在底层的工业生产自动化、物流自动化基础上，通过计算机软、硬件技术实现企业信息集成与功能集成，进一步使经营生产业务实现信息化管理。2、总体设计：1）项目规划饰品销售网站是以商品的推广及销售为主，兼有围绕销售产生的售后、饰品保养等，由宝贝展台、近期优惠、银饰保养、购物须知购成，规划网站功能模块如下： ? 宝贝展台模块该模块包括新品模块、热卖宝贝、精选推荐模块、戒指模块、项链模块、手链模块、耳环模块。? 近期优惠模块该模块包括戒指块、项链模块、手链模块、耳环模块。 ? 银饰保养模块该模块主要包括分类模块、保养方法模块 ? 购物须知该模块包括商品服务说明、邮资说明、联系方式、售后服务2）网站拓扑图构画：网站结构如图1所示。首饰品销售宝贝展示银饰分类保养近期优惠促销购物须知新 品热 卖 宝 贝精 选 推 荐戒 指项链手链耳 环银饰 分类保养方法戒指项链手链耳商邮资 售后服务环品说明服、联说明系方电 镀无电镀图1
网站结构图3、设计目标本网站是以进行饰品网上销售的要求进行设计的，主要实现如下目标：? ? ? ? ? ?方便买家选择自己喜爱的饰品。 明确介绍商品。使买家了解饰品的保养方法。 明确分类，方便选购明确的联系方式、商品服务说明及邮资说明。 对囤货、次货的减价、低价处理。?及时的售后服务六、系统功能模块的实现过程个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与连接实现了人机交互功能。下面是首页和目录页的设计图：1、个人首页功能模块功能的实现过程个人首页主要放置主人的最新动态，导航条菜单包括首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。给我留言，必须通过先登陆或先注册才能进行留言。底部插入个人网站的版权信息，同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。（1）个人首页导航功能实现介绍个人首页导航有六个链接分别是：我的首页、个人资料、我的日记、我的相册、友情链接、留言板。它们都采用“行为”中“交换图像”。如图3-1所示。图6-1首页导航（2）.个人首页公告栏功能实现过程公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。主要用于提示和建议如何进行合法访问和主人的一些个人小要求。如图3-2所示。图6-2 本站最新公告栏本站最新公告栏中的信息，当鼠标经过时就停止，当鼠标移开时又开始流动。其功能的实现主要是通过以下代码：,,,,（3）.留言板功能实现过程设计一个留言板作为和浏览者交流的纽带，这样可随时掌握浏览者的相关信息和最新动态。浏览者通过留言后提交到后台数据库中，然后管理用户可以通过后台进行对其留言的回复。留言薄的设计如图6-4所示这样就可以产生一个动态的留言薄交互平台。图6-4留言薄发表页面（4）.注册功能模块实现过程注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。当浏览者注册后的信息将自动提交到后台数据库中，以便下次要进行留言。注册页面的设计如图6-5所示。图6-5 注册页面2、个人资料功能模块的实现过程本模块是个人资料部分，每个个人网站都会有作者介绍。块分别是：个人简历列信息显示和个。在这页面主要的是静态的页面。在这个模块访客会了解到作者的一些基本信息，界面内容如图6-6所示。图6-6个人简历
页面3、个人相册功能模块的实现过程本模块是展示个人的相册，主要是借鉴影集的制作来完成个人相册的功能的实现。个人相册进行好归类后分成多个方面的相册所以首先进入是个人相册的目录。个人相册主中，浏览者可以看到我“我的相册”、“我的朋友”、“明星相册”，的相关照片。在进行相册查看时浏览者通过鼠标移动方式来浏览图片示在图片,如下图6-8所示。图6-8个人相册“面友情合影”页4、聊天室功能模块的实现过程聊天室是一个交友与娱乐的场所。在聊天室里，可以随意发表，与大家进行交流。目前聊天室已成为各网站一个标准服务，是吸引网民和提高人气的一种重要方式。（1）聊天室的总体设计使用聊天室的必须过行登入才能进入聊天室，但是对何种用户没有限制。聊天室室的主页面是一个框架文件，它主要包括在线用户统计页面，用户发表页面和显示页面。聊天室的总体设计如图6-16所示：5、课程设计中遇到的难点及解决办法难点：1、从整体布局看较为合理，但是从局部来讲存在一些技术上和严密性的不足。2、页面美观度不够高，Dreamewver CS4软件应用不够熟练，软件中所涉及得制作方法以及工具没有更好的应用。解决办法：1、配色原则：避免网页杂、乱，有时候单一色彩不为也是一种独特，用色柔和，减少视觉混乱，对比度强的色彩不能应用于一般网站。2、字体问题：字体是整个网页最醒目的部分，若字体不协调会给人一种枯燥的感觉，避免用黑色字体，减少压抑感。3、制作习惯：制作一个网页首要的是完美的构思，应该先构思好再动手制作，素材搜集完整，根据主题选材，不能脱离主题，确保所用材料与主题相关。最好不要一点一点添上去，只要布局素材准备充分，应该可以做到理想网页。4、.完整性：网站的基本格式完整，相关链接，友情链接必不可少，这也增加了网页的方便性。5、不可忽略的细节：对网站的感觉不好，不过又说不出，多半是细节处理问题，细心的处理网页的每一个象素，力求完美。七、设计心得1、在开始制作网站前，我已经在心中构思了一遍。在写每个页面时，也是先确定设计目标，然后再在绘制设计图。我发现这样可以令我在制作网页时保持清醒的头脑，在网页开发过程中避免错误，而遇到错误时对照设计草图也可以很快改正。2、经过这次课程设计，我体会到了开发网站的辛苦及乐趣。一个小小的链接错误，你可能要花半天甚至一个晚上才能调试出来；但是当发现了错误并把它排除后，那种成就感是不可言喻的。在这次设计中，我犯了几个逻辑错误，但靠着耐心的测试，我不仅一一排除了错误，更学到了不少东西。3、在确定网站设计目标时，我也遇到了问题。一开始不知道从何处下手，到后来在网上找到足够多的资料后，又发现什么都想做到网站中去。按照老师说的，先确定自己想做什么，然后根据想表达的思想再去查找材料，再根据材料确定网站的设计目标。不要过多也不要太少。4、通过本次课程设计我终于知道如何去设计一个合理的网站，原来制作网站就象小马过河一样，即不是那么轻而易举，也不是艰难险阻，而要靠一步一步，践踏实地的去完成才行。
范文八：《网页设计与制作》实习报告指导老师：实习地点：实习时间：实习班级：学生姓名：一、实习目的① 学会制作新闻发布系统。② 学会制作在线调查系统。③ 熟悉购物网站的主要功能和栏目。④ 学会购物网站数据库表的创建和数据库连接的创建。⑤ 学会购物系统前台页面制作和后台管理制作。二、实训内容1.创建数据库表① 启动Microsoft Access ，执行“文件”——“新建”命令，打开“新建文件”面板，在面板中单击“空数据库”。② 弹出“文件新建数据库”对话框，在对话框中选择数据库保存的路径，“文件名”文本框中输入shop。③ 单击“创建”按钮，在对话框中双击“使用设计器创建表”选项。④ 弹出“表1：表”对话框，在对话框中输入“字段名称”和字段所对应的“数据类型”，将shopID字段设置为主键。⑤ 执行“文件”——“保存”命令，弹出“另存为”对话框，在对话框的“表名称”文本框中输入products。⑥ 单击“确定”按钮，保存表。按以上步骤的方法，创建表fen和admin。2.创建数据库连接新建一个网页文件夹，打开IIS信息服务，创建IIS虚拟目录，在文件夹安全性把来宾用户的权限修改为完全控制，并导入数据库。3.制作购物网系统页面① 用index.html创建zhanshi.asp商品分类展示页，新建站点，导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字，创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域，创建记录集RS2并在左边的商品分类表格里绑定数据，在服务器行为里为左侧的表格添加重复区域和转到详细页，制作记录集导航条。② 用index.html创建xiangxi.asp商品详细信息页，首先创建记录集并制作左侧的商品分类表格，之后在中间区域插入表格，在表格中插入图片、文字，创建记录集RS2并将数据绑定在表格相应位置。③ 用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格，在中间区域插入表单，在表单里插入表格，在表格里插入文字、文本域、表单按钮，并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。④ 用index.html创建fenlei.asp添加商品分类页，插入表单，在表单里插入文字、文本域、表单按钮，创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字，并设置返回链接。⑤ 用index.html创建tianjia.asp添加商品页，创建记录集，用插入记录表单向导创建插入记录表单，在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字，并设置返回链接。⑥ 用index.html创建guanli.asp商品管理页，创建记录集并制作左侧的商品分类表格，在中间区域插入表格并插入文字，创建记录集RS2并在表格相应位置绑定数据，为该表格设置服务器行为的重复区域，制作修改和删除链接，制作记录集导航条。⑦ 用tianjia.asp创建xiugai.asp修改页面，创建记录集在对应的文本域中绑定数据，把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字，并设置返回链接。⑧ 用index.html创建shanchu.asp删除页面,插入表格并插入文字，建立记录集，在表格相应位置绑定数据，插入表单和表单按钮，创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字，并设置返回链接。三、疑难解惑① 网页不能正常打开，电脑用户权限没有修改，在文件夹安全性把来宾用户的权限修改为完全控制。② 创建重复区域时，总显示相同的内容，仔细阅读教材，发现创建重复区域时要选中表格，而不是文字内容。③ 登陆页面不能登陆，把表格放入表单后，重新登录，问题解决。④ 创建添加商品页面时，无法显示商品分类。在插入记录表单时，应将feileiID示为⑤ 修改页面点进去初始内容都一样 ，“唯一键列”下拉列表中应选择shpID。⑥ 商品分类点进去每个种类都一样，查找原因，发现记录集中筛选是shpID，把记录集中的筛选改为fenleiID解决。四、实训心得经过一周动态网页的实训，使我们对本学期的这门课进行了整体的汇总。在这汇总期间，也算是对自己本学期的一个考核，此次实训暴露出了许多我自身存在的问题，同时也对自身有了很大的提高。在这次实训中，我也有许多收获。首先，我体会到了作为一个计算机专业的人，不会用DW的痛苦和尴尬。在制作的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自制作动态网页，难免会遇到过各种各样的问题，同时在制作的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固。在此过程当中弥补了我许多知识上的缺陷，弄清的以前没有搞懂的知识点。经过多番的努力和辛酸，我成功地完成了这次过程艰辛的实训，而且我从中体会到了一种叫做‘成功的喜悦’的感觉，那种小有成就的兴奋是只有置身其中的人才能体会的。在实训过程中，我更体会到了基础知识的重要性，也许我们正在迷惘，我们是否学到了东西，但事实说明零零散散的知识，在项目开发当中起到了非常关键的作用，我们不缺少时间和工具，我们只是缺少经验和动手能力，如果我们以后能更好的在各方面增长自己的经验，相信我们能在长长的就业队伍中脱颖而出的！相信自己，相信未来。今后我将会更加努力的学习，不断提高自身素质，为我将来的就业打下良好的基础
范文九：学年
第学期实训报告书课程名称：
网页制作与网站建设系（部）：
信息工程系
专业班级：
计算机09-5班
学生姓名：
学生学号：山东科技大学泰山科技学院目录一、实训目的,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,1二、实训要求,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,1三、实训内容,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,11、网站设计的必要性,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,1 2、功能设计,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,1 3、系统设计,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,1 1) 首页,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,2 2) 班级简介页,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,2 3) 班级新闻页,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,3 4) 班级风采页,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,3 5) 学习园地页,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,4 6) 学校新闻页,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,4四、参考文献,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,5五、附录,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,6网页设计实训报告书一、实训目的：通过课程实训，每个学生在指导教师的指导下，完成一定的任务，受到一次综合运用所学知识、独立完成某项技术工作的训练，从而培养和提高其独立工作能力，主要有以下四个方面的业务能力：1．综合运用所学专业基本理论，提高查阅文献和资料的能力。 2．培养学生进行方案设计，分析比较和设计、计算的能力。 3．培养学生网站开发，和调试计算机程序的能力。 4．提高学生进行技术总结和撰写说明书的能力。二、实训要求：建立一个完整的网站，要做到：网站的目标定位准确；版面的总体设计和栏目设置（布局合理，使用表格进行布局）；提供的内容，信息准确、及时、信息量大小适度；网页的制作、页面的结构、色彩、导航合理；网站浏览的速度，交互设计是否合理、方便。在设计中利用CSS样式对字体整体样式进行修饰，要求格调一致。三、实训内容：1．网站设计的必要性：本次实训，建立一个班级网站。设计这个班级网站，是向大家介绍和展示一个班级，包括一个班级的基本介绍、最新新闻、先进事迹等。通过积极健康的内容体现班级个性特色、校园生活和学习。2．功能设计：班级网站主要实现的功能是，浏览者打开主页后，通过点击链接可浏览对于一个班级各方面的介绍。使用记事本和Dreamweaver完成设计。布局合理，便于查看，给浏览者以好的欣赏感受。首页：整体布局；班级简介：介绍班级基本情况；班级新闻：展示班级最新新闻；班级风采：展示班级相册；学习园地：课外知识及诗词鉴赏；学校新闻：展示学校最新新闻。3．系统设计：班级网站主要有6个主页面：主要使用记事本和Dreamweaver完成布局设计，美工设计通过内部样式和链接外部css样式表完成，班级相册的制作用到Flash和Photoshop软件。网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是蓝色和绿色，代表同学们积极向上的生活和学习态度，以及对未来生活的憧憬和希望。 班级网站系统设计主要模块：1) 首页布局：设计思想：首页主要实现对班级的整体介绍，导航栏可以让浏览者有目的的浏览对班级的某一项介绍，班级相册首页展示。班级公告文字滚动显示班级动态，学校最近新闻可以让浏览者及时了解和学校有关动态，最下方模块为版权所有。整体使用表格布局。设计内容：主页上方标题栏有学校校徽，加上班级图片，整体背景使用浅蓝色，中间部分使用绿色调，给人清新自然的感觉。主页中还插入了背景音乐，音乐名为“卡农”，这首音乐为.mp3音乐，占用内存小，音乐清脆悦耳，愉悦活泼，适合做背景音乐。功能实现：点击导航中的各项以及点击各个模块都会链接到单个网页，并且是在新窗口中打开。整体布局使用表格实现。具体展示如下图：2）班级简介页：设计思想：班级简介网页用文字及表格形式介绍班级特色，其中包括：班级简介、班级成员以及班级课程表。功能实现：左侧的班级简介导航，单击单项标题，会在右侧出现相应信息。如图：3）班级新闻页：设计思想：浏览班级最新动态新闻，班级同学可通过此页及时了解到班级最近活动。重点是条理清晰，方便同学们阅读。功能实现：当点击导航栏的“班级新闻”，会在新窗口打开班级新闻页，以条例的形式列出班级最新的5条新闻。如图：4）班级风采页：设计思想：显示班级集体活动或者个人照片。功能实现：当点击导航栏的“班级风采”或者首页中间的班级相册照片，会在新窗口打开班级风采页，浏览同学们的照片。在此页中使用标记实现了文字和图片的动态效果，文字左右滚动，图片各方向滚动。如图：5）学习园地页：设计思想：增加一些课外知识的内容，扩展同学们的视野。功能实现：当点击导航栏的“学习园地”或者首页右下方的学习园地内容链接，会在新窗口打开学习原地页，同学们可对感兴趣的内容进行浏览。6）学校新闻页：设计思想：浏览者可在此页浏览有关学校的最新动态新闻。功能实现：当点击导航栏的“学校新闻”或者首页左下方的学校新闻内容链接，会在新窗口打开学校新闻页。点击左侧的新闻标题，可在右侧栏中查看新闻的具体内容。使用的框架结构实现。如图：四、参考文献：【1】
作者：郑娅峰
清华大学出版社
2011.3五、附录：主要源程序代码：计算机09-5班善于发现，勇于探索，开拓创新，创造未来。首页班级简介班级新闻班级风采学习园地学校主页班级相册班
告12月10日，第十四届CUBA山东省预赛决赛第二场比赛，将在我校体育馆举行。比赛时间分别为，下午13:30我校男篮对阵山东农业大学男篮，下午15:30我校女篮对阵山东师范大学女篮。届时，我校校园网公告栏将进行实时文字直播，晚上19:30山东卫视体育台将进行录播，欢迎大家观看。学校新闻信息工程系积极参与第三届“蓝桥杯”全国软件专业人才设计与创业大赛山东大学张承慧教授为校区（学院）学生作“电动汽车发展与规模;接入电网”专题报告省2011秋冬季高校毕业生旅游服务类就业市场在学院举行CUBA在我校比赛公告学习园地鉴赏作者作品鉴赏李清照《渔家傲》鉴赏李白《把酒问月》版权(C)——href="index.html">信息工程系-计算机09-5班——山东科技大学泰山科技学院
范文十：实 训 报 告 书2．白色部分为教师判分用3．本报告与学生实际作品相关联实 训 报 告 书说明：1．浅灰色部分由学生填写
2．白色部分为教师判分用3．本报告与学生实际作品相关联实 训 报 告 书2．白色部分为教师判分用
3．本报告与学生实际作品相关联实 训 报 告 书2．白色部分为教师判分用3．本报告与学生实际作品相关联实 训 报 告 书2．白色部分为教师判分用3．本报告与学生实际作品相关联实 训 报 告 书说明：1．浅灰色部分由学生填写2．白色部分为教师判分用3．本报告与学生实际作品相关联实 训 报 告 书说明：1．浅灰色部分由学生填写2．白色部分为教师判分用3．本报告与学生实际作品相关联