单反数码产品网站的设计与制作
目 录
一、引言 2
(一)开发背景 2
(二)选题意义 2
二、需求分析 2
（一） 功能分析 2
（二） 网站模块分析 3
三、开发工具的选择 3
四、主体设计 4
（一） 功能结构图 4
（二） 网站LOGO设计 4
（三） 网页布局设计 5
1. 一级页面 5
2. 二级页面 5
3. 网站的布局 6
五、网站实现 6
（一）一级页面 6
（二）二级页面 7
1. 产品简介 7
2. 产品展示 8
3. 热销产品 9
4. 产品特点 9
（三）JQuery特效的运用 10
参考文献 13
单反数码产品网站的设计与制作
SLR digital products website design and product
【 abstract 】
With the continuous development of The Times, the pursuit of people is not satisfied with food and clothing, more and more people enjoy the spiritual pursuit, to enrich their own life, now the Internet into the door to door, people can see through the network, which fills the world *好棒文|www.hbsrm.com +Q: ￥351916072￥
through this topic design at the same time, we can know more clear and simple digital information that can help us learn more knowledge of digital.
Subject mainly at the front of SLR digital products website design, using DIV + CSS layout form to complete the body of the website design. The main function of this web site have a product introduction, new products, product application service and communication platform of the interface design, provides visitors with all-round understanding of digital product information, and further play the role of publicity for products.
【 key words 】 SLR digital products, DIV + CSS layout, camera
一、引言
(一)开发背景
当今时代，随着人民生活水平的日益提高和科学技术的发展，城市建设步伐不断的加快，居民楼、写字楼、宾馆拔地而起。家用电器进入寻常百姓家，这些品种与数量越来越多，这些家用电器有的能减轻人们的家务，有的能丰富人们的文娱生活，有的则能提高人们的生活质量。
相机的出现让我们的生活更加的精彩，它能把我们开心或者不开心的时光记载，给很多很多人，不能经常见面的人一些安慰，看着照片就像家人还在身边一样，给我们念想，而且能让时光停留，那是一种回忆，从相机里你可以看到另一个世界，你可以感受到相机的奇妙。随着互联网的发展，越来越多的人喜欢上网，如看视频，聊天，购物等等，网络以成为人们生活的一部分，其中购物深受广大群的喜爱，通过网络来宣传数码相机是一条非常好的途径，不出门就可以全面了解产品，大大的提高了效率。
（二）选题意义
随着信息的迅猛发展，越来越的多人们通过Web来获取所需要的信息，越来越多的企业建立了自己的WWW网站，也有许多人也制做了自己的个人网站。由于人们生活水平日益提高，网络技术发展迅速，通过网络可以快速的宣传产品，同时通过这一主题的设计，我们可以更加简单明了的知道数码的相关信息可以帮助我们了解更多数码知识。通过这个网站让一些对单反数码相机有兴趣的人有用到专卖店就可以了解一些单反数码相机的性能，一些知名品牌的最新动态，让更多的人们体会到单反数码相机的好处。
二、需求分析
功能分析
本网站的主要功能有产品的介绍、最新产品、产品的应用服务等方面的设计，为浏览者提供了全方位的对数码产品信息的理解，并进一步起到对产品宣传的作用。本课题采用了DIV+CSS布局网站的方法实现了单反数码产品网站的制作。
为了使网站更加具有吸引力，在制作网站开始之前就要收集相关资料，进行前期的相关策划和准备，一些关于单反数码产品的相关知识，人群的需求，网站建设的相关知识进行一系列的查询，贯通专业知识及通过查阅书籍和互联网再进行撰写，以及单反数码产品网站实施的需求分析、总体的进度规划、前期的计划方案的制定、网站的宣传与实施以及推广、最后网站后期的维护等。
网站模块分析
网站模块分析是讲整个网站按照模块划分，然后对每个模块需求的分析，具体的分析如图2-1所示。
图2-1模块分析图
三、开发工具的选择
本网站选择了EditPlus，以及Photoshop、jQuery等作为网站的开发工具。选择什么样的工具并不会影响你设计网页的结果，然而功能强大、使用简单的软件通常可以起到事半功倍的效果。在EditPlus中运用HTML、DIV层、CSS样式、应用行为布局设计网站，对文字字体等特殊效果的实现、网站中所使用的图片处理软件主要有Photoshop。使用Photoshop可以美化网站使用到的图片，并且可以将图片处理成我们所需要的样子，利用一些简单的jQuery特效以及纯CSS的特效增添网站的生动性，最后用EditPlus进行网站的布局，用CSS样式编辑网站中所运用的样式，使整个网站看起来更加简洁、美观。而运用表格来布局网站，使得网站变得冗长复杂且不好维护，表格的层层嵌套，网站的打开速度变慢。但是使用DIV+CSS布局网站的方法的发展，便解决了这些问题。
EditPlus它提供许多强悍的功能，可以充分的替换记事本，它可以支持多种语法的颜色显示，包括HTML、C/C++、CSS、JAVA等等，它还可以无限制的重做与撤消，能同时编辑多个文件，能自动换行、搜寻代替等，还可以自动粘贴文字，让你省去粘贴的步骤！
利用DIV+CSS布局网站的整体界面，同时使用HTML代码参与网站设计，将整个志愿者的网站整体都呈现出来，整个网站的版式结构简洁明了。
五、网站实现
（一）一级页面
一、引言 2
(一)开发背景 2
(二)选题意义 2
二、需求分析 2
（一） 功能分析 2
（二） 网站模块分析 3
三、开发工具的选择 3
四、主体设计 4
（一） 功能结构图 4
（二） 网站LOGO设计 4
（三） 网页布局设计 5
1. 一级页面 5
2. 二级页面 5
3. 网站的布局 6
五、网站实现 6
（一）一级页面 6
（二）二级页面 7
1. 产品简介 7
2. 产品展示 8
3. 热销产品 9
4. 产品特点 9
（三）JQuery特效的运用 10
参考文献 13
单反数码产品网站的设计与制作
SLR digital products website design and product
【 abstract 】
With the continuous development of The Times, the pursuit of people is not satisfied with food and clothing, more and more people enjoy the spiritual pursuit, to enrich their own life, now the Internet into the door to door, people can see through the network, which fills the world *好棒文|www.hbsrm.com +Q: ￥351916072￥
through this topic design at the same time, we can know more clear and simple digital information that can help us learn more knowledge of digital.
Subject mainly at the front of SLR digital products website design, using DIV + CSS layout form to complete the body of the website design. The main function of this web site have a product introduction, new products, product application service and communication platform of the interface design, provides visitors with all-round understanding of digital product information, and further play the role of publicity for products.
【 key words 】 SLR digital products, DIV + CSS layout, camera
一、引言
(一)开发背景
当今时代，随着人民生活水平的日益提高和科学技术的发展，城市建设步伐不断的加快，居民楼、写字楼、宾馆拔地而起。家用电器进入寻常百姓家，这些品种与数量越来越多，这些家用电器有的能减轻人们的家务，有的能丰富人们的文娱生活，有的则能提高人们的生活质量。
相机的出现让我们的生活更加的精彩，它能把我们开心或者不开心的时光记载，给很多很多人，不能经常见面的人一些安慰，看着照片就像家人还在身边一样，给我们念想，而且能让时光停留，那是一种回忆，从相机里你可以看到另一个世界，你可以感受到相机的奇妙。随着互联网的发展，越来越多的人喜欢上网，如看视频，聊天，购物等等，网络以成为人们生活的一部分，其中购物深受广大群的喜爱，通过网络来宣传数码相机是一条非常好的途径，不出门就可以全面了解产品，大大的提高了效率。
（二）选题意义
随着信息的迅猛发展，越来越的多人们通过Web来获取所需要的信息，越来越多的企业建立了自己的WWW网站，也有许多人也制做了自己的个人网站。由于人们生活水平日益提高，网络技术发展迅速，通过网络可以快速的宣传产品，同时通过这一主题的设计，我们可以更加简单明了的知道数码的相关信息可以帮助我们了解更多数码知识。通过这个网站让一些对单反数码相机有兴趣的人有用到专卖店就可以了解一些单反数码相机的性能，一些知名品牌的最新动态，让更多的人们体会到单反数码相机的好处。
二、需求分析
功能分析
本网站的主要功能有产品的介绍、最新产品、产品的应用服务等方面的设计，为浏览者提供了全方位的对数码产品信息的理解，并进一步起到对产品宣传的作用。本课题采用了DIV+CSS布局网站的方法实现了单反数码产品网站的制作。
为了使网站更加具有吸引力，在制作网站开始之前就要收集相关资料，进行前期的相关策划和准备，一些关于单反数码产品的相关知识，人群的需求，网站建设的相关知识进行一系列的查询，贯通专业知识及通过查阅书籍和互联网再进行撰写，以及单反数码产品网站实施的需求分析、总体的进度规划、前期的计划方案的制定、网站的宣传与实施以及推广、最后网站后期的维护等。
网站模块分析
网站模块分析是讲整个网站按照模块划分，然后对每个模块需求的分析，具体的分析如图2-1所示。
图2-1模块分析图
三、开发工具的选择
本网站选择了EditPlus，以及Photoshop、jQuery等作为网站的开发工具。选择什么样的工具并不会影响你设计网页的结果，然而功能强大、使用简单的软件通常可以起到事半功倍的效果。在EditPlus中运用HTML、DIV层、CSS样式、应用行为布局设计网站，对文字字体等特殊效果的实现、网站中所使用的图片处理软件主要有Photoshop。使用Photoshop可以美化网站使用到的图片，并且可以将图片处理成我们所需要的样子，利用一些简单的jQuery特效以及纯CSS的特效增添网站的生动性，最后用EditPlus进行网站的布局，用CSS样式编辑网站中所运用的样式，使整个网站看起来更加简洁、美观。而运用表格来布局网站，使得网站变得冗长复杂且不好维护，表格的层层嵌套，网站的打开速度变慢。但是使用DIV+CSS布局网站的方法的发展，便解决了这些问题。
EditPlus它提供许多强悍的功能，可以充分的替换记事本，它可以支持多种语法的颜色显示，包括HTML、C/C++、CSS、JAVA等等，它还可以无限制的重做与撤消，能同时编辑多个文件，能自动换行、搜寻代替等，还可以自动粘贴文字，让你省去粘贴的步骤！
利用DIV+CSS布局网站的整体界面，同时使用HTML代码参与网站设计，将整个志愿者的网站整体都呈现出来，整个网站的版式结构简洁明了。
五、网站实现
（一）一级页面
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1681.html
