玉雕工作室”网站设计与制作
Keywords: Jade studio; store; publicity 目 录
一、引言 1
（一）开发背景 1
（二）选题内容 1
1.课题的总体介绍 1
2.指导思想及技术路线 1
二、软件平台和技术相关介绍 1
（一）Macromedia Dreamweaver 8 1
（二）JavaScript 1
（三）JQuery 2
（四）Photoshop 2
（五）html+css 2
三、网站内容模块介绍 3
（一）整体介绍 3
（二）具体介绍 3
四、网站页面设计 4
（一）首页设计 4
（二）子页设计 6
五、详细制作 8
(一)首页制作 8
1.头部部分制作 9
2.中部内容制作 12
（二）子页制作 14
1.第一类布局 14
2.第二类布局 15
3.第三类布局 16
总结 18
致谢 19
参考文献 20
一、引言
（一）开发背景
网络的发展日新月异，网络把越来越多的人联系到了一起，传统的交易方式也受到网络的影响，人们会经常的在网上寻找一些自己感兴趣的商品，这也影响的一些宣传的方式，网上的一些宣传方式往往能比某些传统的宣传方式更有效果，而且网上的宣传也往往更方便简单且不受时间空间限制，因此网上的宣传也是实体店进行宣传的重要方式。
（二）选题内容
1.课题的总体介绍
玉雕工作室多数都是加工和销售一体的店铺，往往都没有什么宣传手段，基本上都是顾客的口口相传，宣传效率极低，网店的兴起也影响了宣传方式的改变，网上的宣传越来越多也更有效果。玉雕工作室本身也很注重宣传，与网上的宣传也十分相适应，通过网上的宣传能最好的向人们展示作品，通过网上的宣传能更大范围的找到对本工作室有兴趣的人，通过网上的宣传能让更多的知道本工作室的状况和地址，对工作室来说，网上的宣传必不可少。这个网站是受一家玉雕工
*好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
加工和销售一体的店铺，往往都没有什么宣传手段，基本上都是顾客的口口相传，宣传效率极低，网店的兴起也影响了宣传方式的改变，网上的宣传越来越多也更有效果。玉雕工作室本身也很注重宣传，与网上的宣传也十分相适应，通过网上的宣传能最好的向人们展示作品，通过网上的宣传能更大范围的找到对本工作室有兴趣的人，通过网上的宣传能让更多的知道本工作室的状况和地址，对工作室来说，网上的宣传必不可少。这个网站是受一家玉雕工作室的委托进行制作的，该工作室位于相王路，红玺玉雕工作室。
2.指导思想及技术路线
通过Adobe Photoshop CS6软件平台进行日志编辑与网页切片完成网页设计，通过Macromedia Dreamweaver 8软件平台，运用HTML+CSS代码开发完成静态页面制作，运用jQuery对页面做简单特效。
二、软件平台和技术相关介绍
（一）Macromedia Dreamweaver 8
Adobe?Dreamweaver(前称Macromedia?Dreamweaver) ，中文名称：梦想编织者，是Adobe公司的著名网站开发工具。原本由Macromedia公司所开发。Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。
（二）JavaScript
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。
（三）JQuery
JQuery，也就是JavaScript和查询（Query），辅助JavaScript开发的JavaScript库。JQuery是继Prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
用JQuery的前提,首先要引用一个有JQuery的文件。如下：
这个是JQuery官方最新的地址。可用在自己网站里加这个，就能使用JQuery了。 但仍需要先下载到本地服务器中。
（四）Photoshop
Adobe Photoshop，简称“PS”，是由Adobo Systems开发和发行的图像处理软件。PS主要是处理以像素所构成的数字图像。使用它更多的编修与绘图工具，可以有效的进行图片编辑工作。它有很多的功能，在图像、图形、文字、视频、出版等各方面都有涉及。Adobe它支持Windows操作系统，安卓系统与Mac OS，但是LINUX操作系统用户可以通过使用Wine来运行ps。
（五）html+css
html是超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英文：head）、和“主体”部分（英语：Body），其中“头”部提供光宇网页的信息，“主体”部分提供网页的具体内容。html的特点是简易性、可扩展性、平台无关性、通用性。
css是层叠样式表，它是一种用来表现html或者是xml等文件样式的计算机语言。css目前最新版本是css3，它是能够真正的做到网页与内容分离的一种演示设计语言。css3有很大的优越性，能够对网页中的对象的位置排版进行像素级的精确控制，并且介乎支持所有的字体字号样式，有对网页对象和模型样式编辑的能力，而且能够进行初
一、引言 1
（一）开发背景 1
（二）选题内容 1
1.课题的总体介绍 1
2.指导思想及技术路线 1
二、软件平台和技术相关介绍 1
（一）Macromedia Dreamweaver 8 1
（二）JavaScript 1
（三）JQuery 2
（四）Photoshop 2
（五）html+css 2
三、网站内容模块介绍 3
（一）整体介绍 3
（二）具体介绍 3
四、网站页面设计 4
（一）首页设计 4
（二）子页设计 6
五、详细制作 8
(一)首页制作 8
1.头部部分制作 9
2.中部内容制作 12
（二）子页制作 14
1.第一类布局 14
2.第二类布局 15
3.第三类布局 16
总结 18
致谢 19
参考文献 20
一、引言
（一）开发背景
网络的发展日新月异，网络把越来越多的人联系到了一起，传统的交易方式也受到网络的影响，人们会经常的在网上寻找一些自己感兴趣的商品，这也影响的一些宣传的方式，网上的一些宣传方式往往能比某些传统的宣传方式更有效果，而且网上的宣传也往往更方便简单且不受时间空间限制，因此网上的宣传也是实体店进行宣传的重要方式。
（二）选题内容
1.课题的总体介绍
玉雕工作室多数都是加工和销售一体的店铺，往往都没有什么宣传手段，基本上都是顾客的口口相传，宣传效率极低，网店的兴起也影响了宣传方式的改变，网上的宣传越来越多也更有效果。玉雕工作室本身也很注重宣传，与网上的宣传也十分相适应，通过网上的宣传能最好的向人们展示作品，通过网上的宣传能更大范围的找到对本工作室有兴趣的人，通过网上的宣传能让更多的知道本工作室的状况和地址，对工作室来说，网上的宣传必不可少。这个网站是受一家玉雕工
*好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
加工和销售一体的店铺，往往都没有什么宣传手段，基本上都是顾客的口口相传，宣传效率极低，网店的兴起也影响了宣传方式的改变，网上的宣传越来越多也更有效果。玉雕工作室本身也很注重宣传，与网上的宣传也十分相适应，通过网上的宣传能最好的向人们展示作品，通过网上的宣传能更大范围的找到对本工作室有兴趣的人，通过网上的宣传能让更多的知道本工作室的状况和地址，对工作室来说，网上的宣传必不可少。这个网站是受一家玉雕工作室的委托进行制作的，该工作室位于相王路，红玺玉雕工作室。
2.指导思想及技术路线
通过Adobe Photoshop CS6软件平台进行日志编辑与网页切片完成网页设计，通过Macromedia Dreamweaver 8软件平台，运用HTML+CSS代码开发完成静态页面制作，运用jQuery对页面做简单特效。
二、软件平台和技术相关介绍
（一）Macromedia Dreamweaver 8
Adobe?Dreamweaver(前称Macromedia?Dreamweaver) ，中文名称：梦想编织者，是Adobe公司的著名网站开发工具。原本由Macromedia公司所开发。Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。
（二）JavaScript
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。
（三）JQuery
JQuery，也就是JavaScript和查询（Query），辅助JavaScript开发的JavaScript库。JQuery是继Prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
用JQuery的前提,首先要引用一个有JQuery的文件。如下：
这个是JQuery官方最新的地址。可用在自己网站里加这个，就能使用JQuery了。 但仍需要先下载到本地服务器中。
（四）Photoshop
Adobe Photoshop，简称“PS”，是由Adobo Systems开发和发行的图像处理软件。PS主要是处理以像素所构成的数字图像。使用它更多的编修与绘图工具，可以有效的进行图片编辑工作。它有很多的功能，在图像、图形、文字、视频、出版等各方面都有涉及。Adobe它支持Windows操作系统，安卓系统与Mac OS，但是LINUX操作系统用户可以通过使用Wine来运行ps。
（五）html+css
html是超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英文：head）、和“主体”部分（英语：Body），其中“头”部提供光宇网页的信息，“主体”部分提供网页的具体内容。html的特点是简易性、可扩展性、平台无关性、通用性。
css是层叠样式表，它是一种用来表现html或者是xml等文件样式的计算机语言。css目前最新版本是css3，它是能够真正的做到网页与内容分离的一种演示设计语言。css3有很大的优越性，能够对网页中的对象的位置排版进行像素级的精确控制，并且介乎支持所有的字体字号样式，有对网页对象和模型样式编辑的能力，而且能够进行初
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2465.html
