网站制作实训

《网站制作实训》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

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

2、是列表页外，各栏目基本上都是单页类型的栏目。网页的设计比较常用的方法是首先在photoshop中作出效果图，然后再切片做成html网页。这里，我们用word表格来做设计。首页的设计:Banner800*150Menu800*30Flash800*400Foot800*30栏目和内容单页Banner800*150Menu800*30侧栏内容Foot800*30个人相册列表页Banner800*150Menu800*30侧栏相片相片相片相片相片相片相片相片相片Foot800*30布局知识介绍网页布局有两种

3、方法：1、div+css2、用table标签布局。本文采用第2种方法，这也早期的网站常用的布局方式。特点是简单易学。缺点是代码冗余,不易于修改。table标签的用法首先我们来看一个九宫格的代码。1234

4、56789123456789

5、用table布局的方法：1、单个table,行列合并2、table的嵌套用table的嵌套操作方法，易于修改和维护。布局1:方法1：创建一个6行3列的table,然后合并3、4、5行的第1列，合并1、2、6行的所有列，合并第5行的2、3列。代码如下：  

6、 ；v/td>      方法2：创

7、建4行1列的表格，然后在第3行嵌入1个1行2列的表格，在这个表格的第列嵌入一个3行2列的表格，并合并其第3行。vtd> vtd> ；v/td> 

8、topnxtablewidth二TOO%”border=°1n>      

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