斜杠青年社交网站的设计与实现(附件)
现如今，人们对网络社交的需求急速增长，大多青年已不再满足目前的社交平台。基于这一需求，本课题实现了斜杠青年的社交网络平台。本网站基于Dreamweaver，页面设计工具为Photoshop，整体采用HTML5+CSS3技术，所具体实现的功能有斜杠青年的来源意义等；用户登录注册等页面；各类推荐。借助此平台，便于大家展示自我，深入交流。
目 录
一、引言 1
二、系统的概述 1
（一）系统开发的意义 1
（二）系统开发的目标 1
三、系统开发环境与相关技术的介绍 1
（一）Dreamweaver 介绍 1
（二）Hyper Text Markup Language 介绍 1
（三）Cascading Style Sheet 介绍 2
（四）Javascript 介绍 2
（五）Adobe Photoshop 介绍 2
四、需求分析 2
五、网站整体概述 2
六、网站设计的介绍 3
（一）网站页面布局 3
（二）网站首页页签的介绍 3
（三）网站LOGO的设计 4
（四）网站首页效果图 4
（五）网站子页效果图 8
（六）网站的特效亮点 11
总结 17
致谢 18
参考文献 19
一、引言
“斜杠”本意为电脑符号，现如今已被引申义为不专职于同一工作的社会成员。新世纪的到来，使得“专一的职业”已经不能满足现代年轻人的生活工作方式，越来越多的人们选择去尝试从事不同的职业，以此扩展自己的工作范围，拓宽自身的视野。但是这一生活态度似乎并没有广为所知，以至于家长不认同年轻人的做法，在我们的身边依然存在被工作牵绊，被家庭牵绊的烦恼，本网站以此为基础思想，全面的展示“斜杠青年”这一词语的含义，希望能够为大家、为他人理解并找到自己的人生方向。
本设计主要运用Dreamweaver搭建框架环境，以CSS、JS控制页面上各个控件的呈现效果或摆放位置，以Photoshop设计页面视觉效果，浏览者可以在网站上全面有效的了解到新兴词语“ *好棒文|www.hbsrm.com +Q: *351916072*
斜杠”的真正引申义。
二、系统的概述
（一）系统开发的意义
谷歌、百度的出现，让人们通过网络进行信息检索，获取到有效信息的途径更加丰富。从而拉近了人们的距离，丰富了人们沟通和交流。Internet的普及让越来越多的BBS论坛和博客的出现。繁多的信息进入眼帘，职业一词深入人心，为生活来源，为自身的物质财富和精神财富，但随着世纪发展，越来越多的年轻人已然不能从专一职业获得足够合理的报酬，从而出现“兼职”一现象。有一句话人永远不能满足于自身，社会也是不断发展的，兼职远不能为那些有理想生活远大抱负的人所接受，从而新兴起一类新词“斜杠青年”。现如今指的就是这样一群不满足于“专一职业”的生活方式，而选择拥有多重职业和身份的多元生活的人群。
（二）系统开发的目标
本课题制作的网站，以信息展示及各类举荐等使得浏览者在短时间内对“斜杠青年”有全面的了解，引起对这类新一类生活方式的兴趣，为人接受为人欢喜。借助这样一个平台可以让信息，便于大家的信息共享，相互交流，达到集思广义的效果。
三、系统开发环境与相关技术的介绍
（一）Dreamweaver 介绍
本网站采用美国MACROMEDIA公司研发的Dreamweaver软件，这是一个网站代码编辑器。它支持较多种脚本语言，比如html、xhtml、css、JS、JQ等。选择原因是这一款编辑器非常适用于初学者，可以直接引用本身已经固定的脚本语言，及常用的代码编辑快捷键，最大的优点是这一软件能够方便用户快速的预览到各个样式页面的效果，当然可以是静态或者动态的。
（二）Hyper Text Markup Language 介绍
HTML是一种超文本标记语言（Hyper Text Markup Language），是网站设计的过程中最常用的一种语言。它的文件包含了自身的专属标签及文本内容，大多浏览器（如GoogleChrome，Safari，Internet Explorer，Firefox）便可以直接读取这个标签内容，并将其作为网页的内容显示，其中可以包含文字、图像、声音等不同的表现形式。
（三）Cascading Style Sheet 介绍
CSS是一种层叠样式表（Cascading Style Sheet），可以简称作“样式表”的用来表示HTML的计算机语言，又名“级联样式表”。它的使用包括行内样式表、内嵌样式表、外部样式表三种方法。行内样式表是可以直接在标签中填入内容的，内嵌样式表则需要写在 之间，外部样式表是通过在页面外部建立一个CSS样式表，用标签链接过来的方法实现的。CSS 的规则由选择器和声明两个主要规则组成，通常我们就是在先选择器里面编辑 HTML元素的样式。使用CSS的好处就是它的代码简单精准，能够降低我们在设计过程的重构的难度，但是网页的访问速度不会减小。
（四）Javascript 介绍
Javascript是一种相对于HTML来说比较高级的编程语言，文件名称一般简写为“JS”。通常我们是用它来给静态 HTML 网站添加一些动态的视觉效果的，其中最简单的例子就是响应用户的登录注册等操作。使用这一款软件的优势之处是它可以让我们的网页更活灵活现，以及补助网页的相互之间的各种功能和穿插的实现。
目 录
一、引言 1
二、系统的概述 1
（一）系统开发的意义 1
（二）系统开发的目标 1
三、系统开发环境与相关技术的介绍 1
（一）Dreamweaver 介绍 1
（二）Hyper Text Markup Language 介绍 1
（三）Cascading Style Sheet 介绍 2
（四）Javascript 介绍 2
（五）Adobe Photoshop 介绍 2
四、需求分析 2
五、网站整体概述 2
六、网站设计的介绍 3
（一）网站页面布局 3
（二）网站首页页签的介绍 3
（三）网站LOGO的设计 4
（四）网站首页效果图 4
（五）网站子页效果图 8
（六）网站的特效亮点 11
总结 17
致谢 18
参考文献 19
一、引言
“斜杠”本意为电脑符号，现如今已被引申义为不专职于同一工作的社会成员。新世纪的到来，使得“专一的职业”已经不能满足现代年轻人的生活工作方式，越来越多的人们选择去尝试从事不同的职业，以此扩展自己的工作范围，拓宽自身的视野。但是这一生活态度似乎并没有广为所知，以至于家长不认同年轻人的做法，在我们的身边依然存在被工作牵绊，被家庭牵绊的烦恼，本网站以此为基础思想，全面的展示“斜杠青年”这一词语的含义，希望能够为大家、为他人理解并找到自己的人生方向。
本设计主要运用Dreamweaver搭建框架环境，以CSS、JS控制页面上各个控件的呈现效果或摆放位置，以Photoshop设计页面视觉效果，浏览者可以在网站上全面有效的了解到新兴词语“ *好棒文|www.hbsrm.com +Q: *351916072*
斜杠”的真正引申义。
二、系统的概述
（一）系统开发的意义
谷歌、百度的出现，让人们通过网络进行信息检索，获取到有效信息的途径更加丰富。从而拉近了人们的距离，丰富了人们沟通和交流。Internet的普及让越来越多的BBS论坛和博客的出现。繁多的信息进入眼帘，职业一词深入人心，为生活来源，为自身的物质财富和精神财富，但随着世纪发展，越来越多的年轻人已然不能从专一职业获得足够合理的报酬，从而出现“兼职”一现象。有一句话人永远不能满足于自身，社会也是不断发展的，兼职远不能为那些有理想生活远大抱负的人所接受，从而新兴起一类新词“斜杠青年”。现如今指的就是这样一群不满足于“专一职业”的生活方式，而选择拥有多重职业和身份的多元生活的人群。
（二）系统开发的目标
本课题制作的网站，以信息展示及各类举荐等使得浏览者在短时间内对“斜杠青年”有全面的了解，引起对这类新一类生活方式的兴趣，为人接受为人欢喜。借助这样一个平台可以让信息，便于大家的信息共享，相互交流，达到集思广义的效果。
三、系统开发环境与相关技术的介绍
（一）Dreamweaver 介绍
本网站采用美国MACROMEDIA公司研发的Dreamweaver软件，这是一个网站代码编辑器。它支持较多种脚本语言，比如html、xhtml、css、JS、JQ等。选择原因是这一款编辑器非常适用于初学者，可以直接引用本身已经固定的脚本语言，及常用的代码编辑快捷键，最大的优点是这一软件能够方便用户快速的预览到各个样式页面的效果，当然可以是静态或者动态的。
（二）Hyper Text Markup Language 介绍
HTML是一种超文本标记语言（Hyper Text Markup Language），是网站设计的过程中最常用的一种语言。它的文件包含了自身的专属标签及文本内容，大多浏览器（如GoogleChrome，Safari，Internet Explorer，Firefox）便可以直接读取这个标签内容，并将其作为网页的内容显示，其中可以包含文字、图像、声音等不同的表现形式。
（三）Cascading Style Sheet 介绍
CSS是一种层叠样式表（Cascading Style Sheet），可以简称作“样式表”的用来表示HTML的计算机语言，又名“级联样式表”。它的使用包括行内样式表、内嵌样式表、外部样式表三种方法。行内样式表是可以直接在标签中填入内容的，内嵌样式表则需要写在 之间，外部样式表是通过在页面外部建立一个CSS样式表，用标签链接过来的方法实现的。CSS 的规则由选择器和声明两个主要规则组成，通常我们就是在先选择器里面编辑 HTML元素的样式。使用CSS的好处就是它的代码简单精准，能够降低我们在设计过程的重构的难度，但是网页的访问速度不会减小。
（四）Javascript 介绍
Javascript是一种相对于HTML来说比较高级的编程语言，文件名称一般简写为“JS”。通常我们是用它来给静态 HTML 网站添加一些动态的视觉效果的，其中最简单的例子就是响应用户的登录注册等操作。使用这一款软件的优势之处是它可以让我们的网页更活灵活现，以及补助网页的相互之间的各种功能和穿插的实现。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/1205.html
