个人网站设计实例

《个人网站设计实例》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、1内容：设计并制作一个个人网站。栏目设置：因为时间的原因，仅包括以下几个栏目1、个人简介介绍个人的基本情况，年龄、学历、学位、毕业院校、所学专业、身高、体重等等。2、成长经历介绍个人的成长经历，从初中起学习、社会实践和获得荣誉情况。3、兴趣爱好介绍个人的兴趣爱好。4、个人特长介绍个人的特长，文字+图片+视频。5、个人相册版面设置一般来说网站的结构为倒树的结构网站栏目1栏目2栏目3栏目3.1栏目3.2网页的类型可分为：首页、栏目页、内容页三种。其中栏目页又可分为单页和列表页两种。对于个人网站，除了个人相册是列表页外，各栏目基本上都是单页类型的栏目

2、。网页的设计比较常用的方法是首先在photoshop中作出效果图，然后再切片做成html网页。这里，我们用word表格来做设计。首页的设计：Banner800*150Menu800*30Flash800*600Foot800*30栏目和内容单页Banner800*150Menu800*30侧栏内容Foot800*30个人相册列表页Banner800*150Menu800*30侧栏相片相片相片相片相片相片相片相片相片Foot800*30布局知识介绍网页布局有两种方法：1、div+css2、用table标签布局。本文采用第2种方法，这也早期的网站常

3、用的布局方式。特点是简单易学。缺点是代码冗余，不易于修改。table标签的用法首先我们来看一个九宫格的代码。123456789用table布局的方法：1、单个table，行列合并2、table的嵌套用table的嵌套操作方法，易于修改和维护。布局1：方法1：创建

4、一个6行3列的table，然后合并3、4、5行的第1列，合并1、2、6行的所有列，合并第5行的2、3列。代码如下：     

5、;    方法2：创建4行1列的表格，然后在第3行嵌入1个1行2列的表格，在这个表格的第列嵌入一个3行2列的表格，并合并其第3行。 &nbs

6、p;     

7、  2、网页制作步骤及要点2.1首页（1）banner的设计与制作（2）菜单确定各栏目页的文件名和站点主页的文件名。栏目名称文件名首页index.html个人简介grjj..html成长经历czjl..html兴趣爱好xqah.html个人特长grtc.html相册xc.html菜单为一级栏目导航，点击对应项可

8、跳转到对应栏目首页。代码：