网页设计与制作实训报告_第1页
网页设计与制作实训报告_第2页
网页设计与制作实训报告_第3页
网页设计与制作实训报告_第4页
网页设计与制作实训报告_第5页
已阅读5页，还剩5页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页设计与制作实训报告班级：G093501姓名：孙建武学号：47指导老师：郭建明实训时间：5.9——5.22甘肃机电职业技术学院201一、实训目的：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，用以给浏览者好的视觉享受。左上方插入了一个图片滚动效果，左侧有关于街舞的一些教程，是相关链接的菜单栏，一方面为了布局合理，弥补右边的空缺，另一方面给浏览者提供放便的导航。另外，右边插入的是表格，表格中的背景是蓝色的。用以体现网站的主题色彩，左边加入了图片滚动特效。当鼠标停在图片上时，图片停止滚动。特效代码如下： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>向左无缝滚动</title><styletype="text/css">body,html,div,a{margin:0;padding:0}#demo{background:#FFF;overflow:hidden;border:1pxdashed#CCC;width:500px;}#demoimg{border:3pxsolid#F2F2F}#indemo{float:left;width:800%;}#demo1{float:left;}#demo2{float:left;margin-left:7px;}</style><scripttype="text/javascript">window.onload=function(){varspeed=10;//数字越大速度越慢vartab=document.getElementById("demo");vartab1=document.getElementById("demo1");vartab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;functionMarquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}varMyMar=setInterval(Marquee,speed);tab.onmouseover=function(){clearInterval(MyMar)};tab.onmouseout=function(){MyMar=setInterval(Marquee,speed)};}</script></head><body>向左无缝滚动<divid="demo"><divid="indemo"><divid="demo1"><ahref="#"><imgsrc="../img/11.jpg"border="0"/></a><ahref="#"><imgsrc="../img/12.jpg"border="0"/></a><ahref="#"><imgsrc="../img/13.jpg"border="0"/></a><ahref="#"><imgsrc="../img/14.jpg"border="0"/></a><ahref="#"><imgsrc="../img/15.jpg"border="0"/></a></div><divid="demo2"></div></div></div></body></html>然后利用模板制作了关于街舞种类介绍的链接，它分为Breaking、Poppin、Hip-hop、Newstyle、Jazz.从而进行了全面的介绍，当点击任意一个舞种按钮，都会在右下版块出现对应浏览文字版块。如下图：创建模板时，我在右侧建立了关于街舞教程的导航，这样可以让整个界面显得整洁、有序。与介绍街舞类型的主页面采用了相同的背景，相同的布局。使页面连接清晰。最后就是制作个人简介,也就是导航栏中的关于我，包含我的姓名、性别、年龄、爱好、学校、班级、学号和家庭住址等。简历的左侧，插入了一张代表中国街舞爱好者的标志图，为达到亮眼的效果。加入了滚动图片特效。增加页面的可看性。6、上传测试网站网页制作完毕以后，要进行反复的测试，保存后在IE浏览器上反复运行自己的网站，用以发现设计中的缺陷并及时改正。三、实训中遇到的问题和解决方法1、在制作网页的过程中，经常遇到CSS样式的运用和网页特效的添加，由于对CSS样式的不熟悉和网页特效代码的不了解，导致在做网页时遇到很多的麻烦，但是最后经过老师和同学们的帮助，最终解决了CSS样式和网页特效添加的问题。2、创建了模板，但是运用模板制作网页时，发现全部不可编辑，这就需要在模板中添加可编辑区域。这样就可以利用模板制作其它的网页。3、表格的应用，当每次插入表格，对其插入内容，就会影响到整个页面的大小，经过再三的思考，发现要在表格里插入图片，就要先插入表格再插入图片，这样就不会影响到整个网站的布局。四、心得体会我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实训的过程中，搜集了大量的素材和网页设计的技术，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。掌握文档排版标记的熟练使用及其属性设置。熟练使用超级链接，合理使用列表；掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。学生：孙建武班级：G0935012011年5月20日合同管理制度1范围本标准规定了龙腾公司合同管理工作的管理机构、职责、合同的授权委托、洽谈、承办、会签、订阅、履行和变更、终止及争议处理和合同管理的处罚、奖励；本标准适用于龙腾公司项目建设期间的各类合同管理工作，厂内各类合同的管理，厂内所属各具法人资格的部门，参照本标准执行。2规范性引用《中华人民共和国合同法》《龙腾公司合同管理办法》3定义、符号、缩略语无4职责4.1总经理：龙腾公司经营管理的法定代表人。负责对厂内各类合同管理工作实行统一领导。以法人代表名义或授权委托他人签订各类合法合同，并对电厂负责。4.2工程部：是发电厂建设施工安装等工程合同签订管理部门；负责签订管理基建、安装、人工技术的工程合同。4.3经营部：是合同签订管理部门，负责管理设备、材料、物资的订购合同。4.5合同管理部门履行以下职责：4.5.1建立健全合同管理办法并逐步完善规范；4.5.2参与合同的洽谈、起草、审查、签约、变更、解除以及合同的签证、公证、调解、诉讼等活动，全程跟踪和检查合同的履行质量；4.5.3审查、登记合同对方单位代表资格及单位资质，包括营业执照、经营范围、技术装备、信誉、越区域经营许可等证件及履约能力（必要时要求对方提供担保），检查合同的履行情况；4.5.4保管法人代表授权委托书、合同专用章，并按编号归口使用；4.5.5建立合同管理台帐，对合同文本资料进行编号统计管理；4.5.6组织对法规、制度的学习和贯彻执行，定期向有关领导和部门报告工作；4.5.7在总经理领导下，做好合同管理的其他工作，4.6工程技术部：专职合同管理员及材料、燃料供应部兼职合同管理员履行以下职责：4.6.1在主任领导下，

人人文库> 全部分类> 教育资料 > 课设设计

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论