宿迁门户网站制作
目录
一、前言 ４
二、网站设计工具及技术 ５
（一）网页形式介绍 ５
（二）网站设计工具介绍 ５
1. Dreamweaver CS6 ５
2.Photoshop CS6 ５
3.Flash CS6 ５
（三）运用技术 ６
1.HTML ６
2.CSS ６
3.JavaScript ６
三、网站设计开始 ６
（一）网站的整体构架 ６
（二）网站详细设计 ６
四、网站展示 ７
（一）首页 ８
（二）走进宿迁 ９
（三）基本信息 １０
（四）公共服务 １１
（五）宿迁景点1 １２
（六）与我联系 １３
（七）、新闻 １４
五、特效 １４
六、总结 １５
致谢 １６
主要参考文献 １６
附件： １７
一、前言
随着社会的不断发展，现在互联网技术在人群中的认知度不断提升，人类再也离不开网络，在网上大家可以很轻松的了解到很远地方的信息。
而对于网络的载体之一就是网站，所以网站的建设在很大的一部分上也就影响着网络的运行，一个关于城市的网站可以设置着许多的页面，从多个层面上详细的介绍着一座城市，比如从城市的地理位置，城市的环境，以及人文和风土文化，城市的风景及美食也是吸引人眼球的重要利器之一，一个网站通过各个不同的页面，详细的深层次的介绍就可以使人更加清楚明白，从而博得别人的欣赏。同时还可以通过留下电子邮件地址的方式，更好的实现读者和网站设计者的联系，使读者更加透彻的了解 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
。
如何去规划好一个合格的网站，对于大多数开发者其实都是一件头疼的事情。首先你要有明确的思路和构化理念，能够让计划有条不紊的进行。还有就是对于网站的美化、格式、版图的设计方面，这就要求本人们要有一定的硬件实力，比如dreamweaver、flash、Photoshop等软件熟练使用。
互联网（Internet）的影响着人类生活的各个层面，对于网站的建设又是至关重要的，所以本人一定要抓住时代发展的尾巴，紧紧的跟上他发展的步伐，这样才不会被时代所抛弃。
二、网站设计工具及技术
（一）网页形式介绍
对于网站中的网页，简单的来分有两种不同的形式，一种是静态网页，而另一种就是动态网页。对于静态网页一般来说是比较好制作的，基本上就是文字、图片等等的排版。而动态网页则需要运用到复杂的JavaScript代码的编写，设计起来还是比较复杂的，但是他后期制作完的效果相对于静态网页还是有比较好的效果的。
（二）网站设计工具介绍
1. Dreamweaver CS6
Dreamweaver软件，在这款软件在这次制作中主要运用到的技术包括以下几项，运用到它对于网页的整体布局的排版设计，另外就是在本次设计完成后使用这款软件对已经做好的网站进行修复和更改。在Dreamweaver CS6软件中对于排版，应用到最多的是它的可视化设计下对网页进行操作。
2.Photoshop CS6
Photoshop软件，这次的网站制作中对其的运用也是比较多的，其中这次制作主要用到了这款软件对于图形图像的美化及修饰处理等方面，主要包括对于图像颜色模式的处理，为图像上添加一些修饰和介绍功能的文字。另外还有用到的就是对于图片的编辑、剪切、修改等方面的功能。
3.Flash CS6
Flash CS6对于这款软件来说，它是为本次制作的网站增添新意的一款软件，通过在这款软件中制作出来的好的动画效果，把其插入到本次制作的网站中，使网站的整体效果看起来更加的美观，本次制作对其的运用到以下几点，首先是在本次制作的first.html这个页面中的上翻字幕的制作就是通过这款软件中时间轴中帧的控制而实现的，另外就是主页中logo行的文字制作也是通过这种方法实现的。
（三）运用技术
1.HTML
HTML本次制作的运用主要就是让不同文字、图片以及媒体能够更好的加载和展示
2.CSS
CSS在本次设计的主要作用就是可以对网页进行非常有效的排版，使整体格局更加美观。
3.JavaScript
JavaScript语言是网站制作者在网页中使用较为广泛的一种脚本语言，使用这种脚本可以在本次制作的网页中呈现出动态效果，本次制作中也通过本次的不断查询运用到几种不同的JavaScript语句，从而使我的网页看起来更加多彩。
三、网站设计开始
（一）网站的整体构架
本次制作的网站主要包括首页、走进宿迁、基本信息、公共服务、宿迁景点、旅游线路、特色小吃、与本人联系八个模块，各个页面都会有不同的方式去进行排列，有文字也有图文混排。
（二）网站详细设计
网站的设计首先要从主页开始，因为对于一个网站，当人们浏览你的网站时首先看到的就是你的主页，如何做到留住浏览者的眼球是至关重要的，因此对于主页的设计就要花费大量的时间和精力，从而把它做的别具一格，能够让浏览者想要往下看。本人制作的主页主要是通过表格的形式把它分别排列到不同的板块，从而使浏览者能够更加清楚地找到本次想要欣赏的部分，而不至于让其摸不着头脑。主页的整体构架见（“表3-1”）
Logo
图片
导航条
图片格式
宿迁新闻及媒体聚焦
公示、公告
视频区
相关新闻
宿迁简介
旅游景区
宿迁地图
滚动条
版权区
表3-1
其次就是子页的设计，对于子页的设计大多是以采用相似的格式所构成，整体构架也是通过表格的排版对主页的继承，毕竟对于子页既要能够让浏览者清楚的浏览好本次想要知道的内容又要不失整体结构，所以子页的构架大多以如下格式。LOGO和其行的图片保持不变，下面为导航条，再者就是主体部分，主要设计子页的相关内容，然后是滚动条，最后是版权。其结构图见（“表3-2”）
导航条
子页设计主要内容
滚动条
版权区
（三）基本信息
基本信息这一页主要的设计样式是，顶部依然是LOGO、动态字、图片和背景图片，然后下面是导航栏，紧接着下面就是主体部分，首先是一段对于宿迁的整体简介描述其地理位置、以及一些外地人对它的美誉，再下面就是一个10行4列的表格，在其中介绍宿迁的基本信息，然后把表格的第一列和第三列的背景设置为暗灰色，这样就可以更清楚的看清主次内容介绍了。下面一样为滚动条和版权。见（“图4-3”）
一、前言 ４
二、网站设计工具及技术 ５
（一）网页形式介绍 ５
（二）网站设计工具介绍 ５
1. Dreamweaver CS6 ５
2.Photoshop CS6 ５
3.Flash CS6 ５
（三）运用技术 ６
1.HTML ６
2.CSS ６
3.JavaScript ６
三、网站设计开始 ６
（一）网站的整体构架 ６
（二）网站详细设计 ６
四、网站展示 ７
（一）首页 ８
（二）走进宿迁 ９
（三）基本信息 １０
（四）公共服务 １１
（五）宿迁景点1 １２
（六）与我联系 １３
（七）、新闻 １４
五、特效 １４
六、总结 １５
致谢 １６
主要参考文献 １６
附件： １７
一、前言
随着社会的不断发展，现在互联网技术在人群中的认知度不断提升，人类再也离不开网络，在网上大家可以很轻松的了解到很远地方的信息。
而对于网络的载体之一就是网站，所以网站的建设在很大的一部分上也就影响着网络的运行，一个关于城市的网站可以设置着许多的页面，从多个层面上详细的介绍着一座城市，比如从城市的地理位置，城市的环境，以及人文和风土文化，城市的风景及美食也是吸引人眼球的重要利器之一，一个网站通过各个不同的页面，详细的深层次的介绍就可以使人更加清楚明白，从而博得别人的欣赏。同时还可以通过留下电子邮件地址的方式，更好的实现读者和网站设计者的联系，使读者更加透彻的了解 *好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
。
如何去规划好一个合格的网站，对于大多数开发者其实都是一件头疼的事情。首先你要有明确的思路和构化理念，能够让计划有条不紊的进行。还有就是对于网站的美化、格式、版图的设计方面，这就要求本人们要有一定的硬件实力，比如dreamweaver、flash、Photoshop等软件熟练使用。
互联网（Internet）的影响着人类生活的各个层面，对于网站的建设又是至关重要的，所以本人一定要抓住时代发展的尾巴，紧紧的跟上他发展的步伐，这样才不会被时代所抛弃。
二、网站设计工具及技术
（一）网页形式介绍
对于网站中的网页，简单的来分有两种不同的形式，一种是静态网页，而另一种就是动态网页。对于静态网页一般来说是比较好制作的，基本上就是文字、图片等等的排版。而动态网页则需要运用到复杂的JavaScript代码的编写，设计起来还是比较复杂的，但是他后期制作完的效果相对于静态网页还是有比较好的效果的。
（二）网站设计工具介绍
1. Dreamweaver CS6
Dreamweaver软件，在这款软件在这次制作中主要运用到的技术包括以下几项，运用到它对于网页的整体布局的排版设计，另外就是在本次设计完成后使用这款软件对已经做好的网站进行修复和更改。在Dreamweaver CS6软件中对于排版，应用到最多的是它的可视化设计下对网页进行操作。
2.Photoshop CS6
Photoshop软件，这次的网站制作中对其的运用也是比较多的，其中这次制作主要用到了这款软件对于图形图像的美化及修饰处理等方面，主要包括对于图像颜色模式的处理，为图像上添加一些修饰和介绍功能的文字。另外还有用到的就是对于图片的编辑、剪切、修改等方面的功能。
3.Flash CS6
Flash CS6对于这款软件来说，它是为本次制作的网站增添新意的一款软件，通过在这款软件中制作出来的好的动画效果，把其插入到本次制作的网站中，使网站的整体效果看起来更加的美观，本次制作对其的运用到以下几点，首先是在本次制作的first.html这个页面中的上翻字幕的制作就是通过这款软件中时间轴中帧的控制而实现的，另外就是主页中logo行的文字制作也是通过这种方法实现的。
（三）运用技术
1.HTML
HTML本次制作的运用主要就是让不同文字、图片以及媒体能够更好的加载和展示
2.CSS
CSS在本次设计的主要作用就是可以对网页进行非常有效的排版，使整体格局更加美观。
3.JavaScript
JavaScript语言是网站制作者在网页中使用较为广泛的一种脚本语言，使用这种脚本可以在本次制作的网页中呈现出动态效果，本次制作中也通过本次的不断查询运用到几种不同的JavaScript语句，从而使我的网页看起来更加多彩。
三、网站设计开始
（一）网站的整体构架
本次制作的网站主要包括首页、走进宿迁、基本信息、公共服务、宿迁景点、旅游线路、特色小吃、与本人联系八个模块，各个页面都会有不同的方式去进行排列，有文字也有图文混排。
（二）网站详细设计
网站的设计首先要从主页开始，因为对于一个网站，当人们浏览你的网站时首先看到的就是你的主页，如何做到留住浏览者的眼球是至关重要的，因此对于主页的设计就要花费大量的时间和精力，从而把它做的别具一格，能够让浏览者想要往下看。本人制作的主页主要是通过表格的形式把它分别排列到不同的板块，从而使浏览者能够更加清楚地找到本次想要欣赏的部分，而不至于让其摸不着头脑。主页的整体构架见（“表3-1”）
Logo
图片
导航条
图片格式
宿迁新闻及媒体聚焦
公示、公告
视频区
相关新闻
宿迁简介
旅游景区
宿迁地图
滚动条
版权区
表3-1
其次就是子页的设计，对于子页的设计大多是以采用相似的格式所构成，整体构架也是通过表格的排版对主页的继承，毕竟对于子页既要能够让浏览者清楚的浏览好本次想要知道的内容又要不失整体结构，所以子页的构架大多以如下格式。LOGO和其行的图片保持不变，下面为导航条，再者就是主体部分，主要设计子页的相关内容，然后是滚动条，最后是版权。其结构图见（“表3-2”）
导航条
子页设计主要内容
滚动条
版权区
（三）基本信息
基本信息这一页主要的设计样式是，顶部依然是LOGO、动态字、图片和背景图片，然后下面是导航栏，紧接着下面就是主体部分，首先是一段对于宿迁的整体简介描述其地理位置、以及一些外地人对它的美誉，再下面就是一个10行4列的表格，在其中介绍宿迁的基本信息，然后把表格的第一列和第三列的背景设置为暗灰色，这样就可以更清楚的看清主次内容介绍了。下面一样为滚动条和版权。见（“图4-3”）
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1575.html
