软件1301-html实践报告

1、课程：B080103301HTML 与 JavaScript 技术实践学号20134639班级软工 1301指导教师王蓓蕾开 设 学 期201 4 - 201 5 第 一 学 期开 设 时 间第 6 周 第 11 周日 期2014/1/17东学学院评 定 成 绩评定人评定日期一、实践要求用 HTML 与 JavaScript 技术写一个个人介绍的，并且可实现交互。二、概述1、界面设计1）、Home（主页）跑一些我喜欢的风格的并且配有flas。底部的导航栏分别可到Home（主页）About（关于我）Catoon（我喜欢的动漫）roduce（用配文字介绍我自己）Contact（）。2）、About

2、左半部分是基本信息，点击后可进入介绍，有墙，每张可连接到都配有文字，是关注。一些关于介绍；右半部分是3）、Catoon介绍一些我最喜欢的动漫，用 iframe 实现。4）、roduce类似于墙的设计，点击后可查看大图并配有文字介绍。5）、Contact一个联系界面，如果有谁想和我做朋友则可以输入名字，和留言发送给我。2、内容设计个人介绍一段文字如果没有里没有太多的文字，大多数的设计都是用力的话就不会有很多人去认真的读，而完成的。因为我觉得在很多情况下可以让大多数人有很棒的视觉体验并且可以去感受中所传达的感情，所以我注重来表达，并且配有少量的文字介绍。整体内容对于我个人基本信息的介绍不是很多，大

3、多数情况下都是我对我所喜欢的一些卡通，风景等的配图和简短文字的说明（心得体会）。我觉得，如果有人可以看到，那么他们可以通过来了解。，如果他们也喜欢这种方式的话，我相信，这就是一个成功的个人介绍3、开发工具及环境Dreamwaver CS5PSE-draweclipse三、界面实现1）、主页（整体）2）、主页(部分)3）、About点击 traveling 可进入如下页面：点击可查看大图：点击樱花后可进入墙，点击墙第一张可回到主页：4）、Catoon5）、roduce点击后可查看大图：6）、Contact7）、页脚四、实现1、界面：整体：部分：2、关键代码：public class Label

4、extends HttpServletpublicvoiddot(HttpServletRequestparamHttpServletRequest,HttpServletResponse paramHttpServletResponse)throws ServletException, IOExceptionparamHttpServletResponse.setContentType(text/html);PrWriter localPrWriter = paramHttpServletResponse.getWriter();String str1 = paramHttpServletR

5、equest.getParameter(SenderName);String str2 = paramHttpServletRequest.getParameter(Sender);String str3 = paramHttpServletRequest.getParameter(SenderMessage);.注意：在编写时要手动导入 javax.servlet.jar 包。在时要将 action 属性写为action=/servlet/Label五、实践总结1、在实践过程中我合理利用了网络资源在网络中查找了很多设计很好的 JS 和 CSS并且对于其中的一部分进行了合理的利用，这些在个人介绍中起了很大的作用。2、在实践过程中使用了 PS使用的熟练度。做了几张图用在了里，提高了我对该3、对 Dreamweaver对 CSS 的编写。的使用也更得心应手，了解了不少的 HTML的使用以及4、提高了创新和设计能力。成绩评定表考核标准得分能够按时出勤，不、不早退（5%）能够在团队长发挥自己的作用（5%）能够熟练的利用网络、书籍等媒介查找并选择与实践相关的技术、方法和信息（10%）实践答辩过程中能清楚的阐述自己的工作内