免费静态网页模板下载

竭诚为您提供优质文档/双击可除免费静态网页模板下载

篇一：静态网站设计报告模板

学

部：课程名称：专业：学号：姓名：指导老师：

网页设计基础

网页设计报告

目录

一、网站简介................................................. ................................................... .. (1)

1.1网站介绍................................................. .......................................11.2制作工具................................................. .......................................21.3站点介

.......................................31.4文件夹摆放简介................................................. ...........................3二、布局简介................................................. ................................................... ....................42.1首页布局................................................. .......................................42.2个人中心布局工具................................................. .......................42.3朋友布局................................................. .......................................52.4作品布局................................................. .......................................52.5学校布局................................................. .......................................52.6相册布局................................................. ................................................... .................6三、网站内容介

................................................... .........8四、制作心得................................................. ................................................... ..................11五、参考文献................................................. ................................................... (12)

一、网站简介1.1网站介绍

我的网站是介绍自己的个人网站，总共15个页面，其中导航上有6个链接，包括首页、个人中心、朋友、作品、学校、相册。

首页部分：介绍了自己的一些简单的资料，其中有一份电子杂志，是平时的时候为了留作纪念做的，很想与老师和同学们分享。

个人中心：关于自己的一些详细的信息，以及在大学的一些变化，里面有两个子网页，通过图片链接进入，包括我的家乡和我的专业；我的家乡是介绍荆州和荆州公安的一些信息，而专业就是介绍的电子商务方面的一些信息。

朋友：包括三个子网页，介绍我的三个好朋友，李梦雪、陈丽婷和何立芝；好朋友有很多，只是因为时间原因，没有

多余的时间做更多的页面去介绍，在后期的完善过程，会一一加上，因为网站做好不仅仅是因为它是作业、是考试，还是自己在大学的知识的积累和美好的回忆。

作品：运用spay放置了自己的五篇随便，平时很喜欢写随便，一段时间不写，就觉得少了写什么。当然，还包括自己喜欢的一些作家，很喜欢张小娴，喜欢她的文字，很真实，因此也用了一个页面专门介绍张小娴。

学校：这一部分我仅仅介绍了大学和高中，因为资源有限，没有一些关于小学和初中

的照片，也就没办法详细介绍。相册这页，是花了最多心思去做的一个页面，其中的一个“鼠标经过图片移动”是在平时自学css的时候学到的知识，因为对制造网站有很大的兴趣，所以，在平时有时间的时候，会在网上下载一些视频和资料，用来自学。

相册：包含两个子网页，分别是班级相册和家人相册。在下面的介绍中，会仔细介绍。1.2制作工具

dreamweaver8.0

1.3站点介绍

1.4文件夹摆放简介

在文件夹20xx10178140刘琴里面分为6个子文件夹，命名如下图所示，为了让读者更快捷的进入我的网站，我将index页放在了外面。

二、布局简介

我的网站包括15个页面，八种布局，最主要的运用上下、左右布局，再细分。

2.1首页布局：首页布局采用的是左右结构，其中左分

为上、中、下三部分，分别添加下拉式、图片链接、日期三部分。右边是简单的背景加文字组成。大致布局如图1.1 图1.1

2.2个人中心布局：个人中心主要是上下结构，其中上

部分包括左中右，下部分包括四块，分别以左上、左下、右上、右下命名，这样的布局在感觉上很复杂，其实很简单，比如下部分的四个块状，它的代码是共同的。大致布局如图2.1

图2.1

2.3朋友布局：朋友部分的布局很简单，简单的上下结构，简单的利用图片的固定位置来构造成上部分的左右结构。在我的家乡页面简介中，也是运用的相同布局。其布局如

3.1 篇二：静态网页制做指南(学生)

综合实例——“宝贝爱网站”制做指南

2.1创建站点

在编辑网页之前，首先要定义一个站点，以下是高级模式的定义过程：

[1]启动dreamweavercs3软件，执行【站点】→【新建