网页设计基础-钢--霍珍珍.docxVIP

《网页设计基础》课程论文 2013-2014 第2学期 班级： 计应1班 学号： 411320010007 姓名： 霍珍珍 完成日期：2014年 7月5 日  目 录 1 概述 设计目的 页面的主题 2详细设计 页面运行效果图 页面中各个模块的作用和特点 页面设计中用到的主要知识点 相关的主要代码 3 总结 设计中遇到的实际问题 解决问题的过程 设计还存在的不足之处 对未来的展望 4参考文献 1 概述 设计目的 基于对网页设计的兴趣爱好，通过设计一个关于自己所学知识的一个精美网页，以达到个人推荐、展现自我的一个平台。个人网页为交流提供综合的网络环境，使访问本网页的人对作者的兴趣有个了解，同时也为个人的宣传，发展，提供了一个平台. 就我个人而言，对网页制作还缺少很多的理论与实际操作知识，只是做一些简单的个人主页，仅此而已。对通过此次网页设计，可以深入的学习，以提高自身的制作水平 页面的主题 首先进行框架的搭建，然后使用进行整体的页面设计，使用网页设计软件进行网页整体设计，加入一些动态的特效，最后完成一些主页相互之间的链接。以及其中添加一些动态图片、声效等链接。综合地完成网页的设计。网页主要实现了插入音乐、插入外部链接、建立表单、无序列表、CSS等功能。 2详细设计 页面运行效果图 主页，也称为首页，是设计的网页的入口，即浏览者登陆这个网页时看见的第一个网页。通过主页浏览者可以很快了解网页的性质和主要内容，并通过其上的链接浏览网站中的其他页面，下图为追梦之网网站首页。 下面是我所设计的一个网页的首页。主要使用了滚动文字和页面布局设计等所学知识点，展现了一幅春意美景图，有翩翩起舞的蝴蝶在丛中嬉戏。主页右侧为超链接其他四个网页。主页中利用所学知识插入了一段音乐，给主页增添了一些活力。 下面介绍的是首页中超链接到的其他四个网页。 这个网页主要运用了超链接知识点。 超链接在本质上属于一个网页的一部分，它是一种允许同其他网页或资源之间进行连接的元素，它使网络世界构成一个有机的整体。各个相关网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来创建超链接的对象，可以是一段文字或一个图片等。 超链接由源地址文件和目标地址文件构成，当访问者点击超链接时，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 网页代码如下： html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title style type=text/css !-- #Layer1 { position:absolute; width:361px; height:306px; z-index:1; left: 724px; top: 45px; } .STYLE4 {font-size: 18px} .STYLE7 {color: #33FF00} -- /style /head body background=8914897_200803035359_2.jpg div id=Layer1 p class=STYLE4nbsp;nbsp;nbsp;你希望命运给你机会，希望别人给你机会，在这之前，你是不是应该先以自己的付出给别人机会，接着，慢慢累积自己的？ p class=STYLE4nbsp;nbsp;nbsp;让我们都拥有梦想，勇敢地去追逐梦想吧！小小的心灵，大大的梦想，它会让你的人生变得充实而快乐！/p pnbsp;/p pnbsp; /p pnbsp; nbsp; span class=STYLE7nbsp;a href= HYPERLINK \t _blank span class=STYLE4追梦之网/span/aspan class=STYLE4/span/span/p /div /body /html 这个网页主要运用了无序列表知识点。 无序列表类似于Word中的项目符号，列表项排列没有顺序，只以项目符号作为分项标识。无序列表使用标记ul…/ul，其列表项使用标记li…/li。 在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。 网页设计代码如下： html xmlns=/1999/xhtml head met