动态网页设计课程设计.zip

## 动态网页设计 ## 1 **主要内容** 主要是第一部分一个层级菜单在就是在点击父菜单的时候，子菜单 display 从隐藏状态变为显示状态，实现层级菜单显示隐藏效果。并且我的开始动画是，欢迎来到我的主页。  我的第二部分内容是一个景色介绍墙，风别展示了动漫风光 ，并且实现了在鼠标移动上去图片放大效果。  第三部分是我做了一个复选框的一个增加删除效果，并且成功实现了新增和删除功能,  第四部分我是设计了一个表单，并实现了提交功能，上诉就是我设计的四个效果部分。   ## 2 **详细设计** 第一部分层级菜单的详细设计为 ui <li 别且设置了 position 定位让他浮动  欢迎来到我的个人主页动画部分 HTML  CSS  JavaScript  层级菜单部分  CSS 代码部分  Js 代码部分  第二部分，图片墙效果部分  HTML 代码部分  CSS 部分  Js 部分  第三部分：复选框部分    HTML 部分    CSS 部分  JavaScript 部分  第四部分：表单提交部分   HTML 部分    CSS 部分  JavaScript 部分  ## 3 **课程小结** 从新学期开始接触网页设计这门课程以来，己将近学习了一个学期。经过这么长时间的学习，从起初对网页设计的- 知半解，到如今已基本掌握网页制作的基本技能，可谓获益良多。作为一门新接触的学科，之前并没有太多的了解，只知道在计算机迅猛发展的今天，网页已成为网络世界中必不可少的一环， 网民对于网页的要求也越来越高，因此，学好网页设计这门技术，对于生活在日后计算机主导的世界来说，显得更加重要了。 大作业展示中的网页作品主题明确、布局合理、页面设计得当，方便浏览的人找到想获取的信息。任何一个优秀的网站都有其明确的主题.网站主题的确立应根据网站的用途而定。整个网站需要围绕这个主题,也就是说，在网页设计之前， 我们要明确这个网站的建立目的,用来做什么，围绕着这个主题和内容来制作网站所有的页面。明确对网页的制作有着很重要的作用。 作品网站“web"中合理运用了网站制作的几个基本技术来构建。首先使用了 DIV 标签来布局网页，简单方便。DIV 标签可以设置一个规定的属性，用于设定表格、画、字规格大小或摆放位置，在网页制作中使用，可以大大减少我们对表格、画、字等的设定工作量，大大提高我们制作网页的效率。同时，也方便我们在完成网页后对部分细节的修改。 作品中的网站外观简洁大方，界面友好易懂，是网页制作初学者的优秀模版。例如网页的布局，素材的管理，代码的简化等等，都可以从中得到许多启发和借鉴意义。目前通过这学期以来老师的悉心教导和学习，已基本掌握网页制作的基础知识。而有关网页内容的设计与编排，还有待更多的实践操作来提高。总的来说，已对网页的制作有一定的认识和基本的了解。从目前学习的进度来看，个人认为老师还可以教授我们“行为的应用”和“基础动态网页”等知识，拓展我们制作网页的知识。在个人的网站建设中，希望加入运用更多更高级的技术来呈现和表达自己网站的主题和内容。例如设计网页中的一些动作和事件， 以此来达到更好的表达效果。