个人网站设计实例

个人网站设计实例

ID:39590947

大小:66.02 KB

页数:8页

时间:2019-07-06

个人网站设计实例_第1页
个人网站设计实例_第2页
个人网站设计实例_第3页
个人网站设计实例_第4页
个人网站设计实例_第5页
资源描述:

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

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、跳转到对应栏目首页。代码:

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。