网站建设校友网
目录
一、引言 3
（一）网页设计的目的 3
（二）网站开发的意义 3
（三） 网站的制作流程 3
（四）网站制作的工具 3
1.Photoshop 3
2.Dreamweaver 3
二、网站规划 4
（一）校友网设计背景 4
（二）网站内容 4
1.网站结构 4
2.主页设计 5
3.子页设计 6
三、总结 15
致谢 16
参考文献 17
网站建设-校友网
Abstract
We?are from?different regions,?have different habits,?personalities and?their?characteristics.But we were able to meet, know here.?This is?between us?the fate,?we should cherish this?fate,?dont?let timeerase?the?memory.This?website mainly?lets?the alumni of Suzhou Institute of Industrial Technology?have a?school?campus network?in addition to?their own?after graduation,?you can?have an understanding of?his alma mater,?real-time attention tohis?alma mater?platform.?And,? *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
also?can help each other?in life,?enhance?the friendship between?the alumni.?After all,?we are able to?learn and grow,?under the same sky,?more?should cherish?this?beautiful land.?You?will use the Photoshop?website design?renderings?show,?after the?site layout?and?display?in the website?using Dreamweaver.Using this approach to?finally make?a?beautiful?and harmonious?site.
Keywords:?DIV+CSS;?Jiangsu?Institute of Technology?Alumni. 一、引言
（一）网页设计的目的
计算机自1946年诞生以来，至今已有60多年的历史。起初，计算机只是单纯用于军事、科学，用以大规模的计算使用。但是时代在进步，计算机也发展到变成了人们日常生活中比不可少的用具。随着现在已经进入了Internet时代，新一代的我们更加依赖于互联网平台。因此，我想制作出一个可以使我们在未来怀念自己的母校时可以有一个校友之间相互联系、交流的平台。
（二）网站开发的意义
随着科学技术的不断进步，计算机也进入了互联网时代，电脑也已经走进千家万户。作为未来社会主力的我们必然会与互联网交集。在纷扰的社会中闯荡，需要我们以更加认真的态度去面对每一次挑战。因此，我希望未来的我们在社会中闯荡中感觉累了、倦了，怀念自己大学时代生活时，可以有一个和当初在同一片天空下学习、生活的校友们联系、交流的平台，给自己保留一份美好的记忆。
网站的制作流程
1、先利用在校时间收集和整理网页制作时所需要的图片等信息，继而筛选自己需要的信息
2、利用Photoshop将自己得到的图片进行加工整理，使得网页制作时更加美观。
3、使用Dreamweaver完成网站的建设，用css样式化网站，从而完成网站的构建。
4、最后测试，修改自己网站的各个元素。
（四）网站制作的工具
1.Photoshop
Photoshop，简称“PS”，是一款图像设计和制作工具软件。图像的设计就是对已经存在的图像进行加工处理以及添加一些特殊效果。Photoshop的重点在于图像的加工处理，在网页制作的过程中需要使用一些图片对网站进行加工处理使得网页更加美化，通过在校学习掌握的PS技术让我可以很好的使用这个软件。
2.Dreamweaver
Dreamwaver,简称“DW”，这是一款由美国公司开发的网页制作和网页管理的编辑器，是一套专门针对网页制作的开发工具。通过在校学习我掌握了Dreamweaver的简单操作，它有HTML编辑的功能，适用于Mac和Windows系统，Dreamweaver具有灵活编写网页的优点，将设计和代码编辑器合二为一，并且精确了源代码，更方便使用。
二、网站规划
（一）校友网设计背景
1.Internet时代
随着科技的不断发展，计算机已经进入了千家万户，基本上中国现在大部分人都会使用网络。并且随着科技的不断进步，互联网以其方便、快捷迅速占领了人们的主要生活：交友，娱乐，购物因此，互联网必定会是未来生活中必不可少的一部分。本次网站设计也是为了可以让未来在纷扰生活中的广大校友们也可以在互联网上有一个属于我们自己的互动平台。
2.校友网的必要
随着互联网时代的到来，越来越多的人使用互联网来看外面的世界，我们可以通过网络交友，娱乐，购物，学校等。所以，也必须建立一个属于我们校友之间的互动额平台，让我们可以在将来繁琐的事物中暂时解放出来，洗净铅华，回忆起当初青涩时期的自己以及那些美好的回忆。并且在这之中还可以与当初在同一片天空下学习生活的校友聊天，互动。
（二）网站内容
1.网站结构
网站的结构如图2-1-1所示
图2-1-1
2.主页设计
网站首页上有一个校友网的LOGO，旁边则是网页的导航条，在这下方插入了用Photoshop处理之后的图片来装饰网站，图片采用了翻页的效果，让网站可以看起来可以更加美观。
创建一个大的名为nav-holder的div层，在层中将导航显示出来具体代码如下：
#
一、引言 3
（一）网页设计的目的 3
（二）网站开发的意义 3
（三） 网站的制作流程 3
（四）网站制作的工具 3
1.Photoshop 3
2.Dreamweaver 3
二、网站规划 4
（一）校友网设计背景 4
（二）网站内容 4
1.网站结构 4
2.主页设计 5
3.子页设计 6
三、总结 15
致谢 16
参考文献 17
网站建设-校友网
Abstract
We?are from?different regions,?have different habits,?personalities and?their?characteristics.But we were able to meet, know here.?This is?between us?the fate,?we should cherish this?fate,?dont?let timeerase?the?memory.This?website mainly?lets?the alumni of Suzhou Institute of Industrial Technology?have a?school?campus network?in addition to?their own?after graduation,?you can?have an understanding of?his alma mater,?real-time attention tohis?alma mater?platform.?And,? *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
also?can help each other?in life,?enhance?the friendship between?the alumni.?After all,?we are able to?learn and grow,?under the same sky,?more?should cherish?this?beautiful land.?You?will use the Photoshop?website design?renderings?show,?after the?site layout?and?display?in the website?using Dreamweaver.Using this approach to?finally make?a?beautiful?and harmonious?site.
Keywords:?DIV+CSS;?Jiangsu?Institute of Technology?Alumni. 一、引言
（一）网页设计的目的
计算机自1946年诞生以来，至今已有60多年的历史。起初，计算机只是单纯用于军事、科学，用以大规模的计算使用。但是时代在进步，计算机也发展到变成了人们日常生活中比不可少的用具。随着现在已经进入了Internet时代，新一代的我们更加依赖于互联网平台。因此，我想制作出一个可以使我们在未来怀念自己的母校时可以有一个校友之间相互联系、交流的平台。
（二）网站开发的意义
随着科学技术的不断进步，计算机也进入了互联网时代，电脑也已经走进千家万户。作为未来社会主力的我们必然会与互联网交集。在纷扰的社会中闯荡，需要我们以更加认真的态度去面对每一次挑战。因此，我希望未来的我们在社会中闯荡中感觉累了、倦了，怀念自己大学时代生活时，可以有一个和当初在同一片天空下学习、生活的校友们联系、交流的平台，给自己保留一份美好的记忆。
网站的制作流程
1、先利用在校时间收集和整理网页制作时所需要的图片等信息，继而筛选自己需要的信息
2、利用Photoshop将自己得到的图片进行加工整理，使得网页制作时更加美观。
3、使用Dreamweaver完成网站的建设，用css样式化网站，从而完成网站的构建。
4、最后测试，修改自己网站的各个元素。
（四）网站制作的工具
1.Photoshop
Photoshop，简称“PS”，是一款图像设计和制作工具软件。图像的设计就是对已经存在的图像进行加工处理以及添加一些特殊效果。Photoshop的重点在于图像的加工处理，在网页制作的过程中需要使用一些图片对网站进行加工处理使得网页更加美化，通过在校学习掌握的PS技术让我可以很好的使用这个软件。
2.Dreamweaver
Dreamwaver,简称“DW”，这是一款由美国公司开发的网页制作和网页管理的编辑器，是一套专门针对网页制作的开发工具。通过在校学习我掌握了Dreamweaver的简单操作，它有HTML编辑的功能，适用于Mac和Windows系统，Dreamweaver具有灵活编写网页的优点，将设计和代码编辑器合二为一，并且精确了源代码，更方便使用。
二、网站规划
（一）校友网设计背景
1.Internet时代
随着科技的不断发展，计算机已经进入了千家万户，基本上中国现在大部分人都会使用网络。并且随着科技的不断进步，互联网以其方便、快捷迅速占领了人们的主要生活：交友，娱乐，购物因此，互联网必定会是未来生活中必不可少的一部分。本次网站设计也是为了可以让未来在纷扰生活中的广大校友们也可以在互联网上有一个属于我们自己的互动平台。
2.校友网的必要
随着互联网时代的到来，越来越多的人使用互联网来看外面的世界，我们可以通过网络交友，娱乐，购物，学校等。所以，也必须建立一个属于我们校友之间的互动额平台，让我们可以在将来繁琐的事物中暂时解放出来，洗净铅华，回忆起当初青涩时期的自己以及那些美好的回忆。并且在这之中还可以与当初在同一片天空下学习生活的校友聊天，互动。
（二）网站内容
1.网站结构
网站的结构如图2-1-1所示
图2-1-1
2.主页设计
网站首页上有一个校友网的LOGO，旁边则是网页的导航条，在这下方插入了用Photoshop处理之后的图片来装饰网站，图片采用了翻页的效果，让网站可以看起来可以更加美观。
创建一个大的名为nav-holder的div层，在层中将导航显示出来具体代码如下：
- #
具体代码如下：
