DIV+CSS网站建设湖南特色蛇馆毕业设计说明书
目录
Abstract:
This paper is mainly used the DIV+CSS website construction, website design technology of DIV+CSS code, make a website with a snake, the snake house his name "Tanzhou taste Museum", through the website of the form of the snake Museum, displayed a series of photographs, hoping to bring customers a feeling of appetite. Its main function is to attract customers to the snake dining hall, so most of the site are introduced to make delicious food with meat. Making use of the Photoshop website in the website design, the first renderings show, and then use the DIV website layout will be produced, making and using the template to complete other pages, eventually forming a beautiful interface, reasonable layout, color coordination site.
The design specification desc *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
ribes the construction of the snake be concise and to the point on the website of Hunan characteristics of purpose, significance, background, main use of development tools, the main layout technology DIV+CSS, and describes the process of making the website briefly.
Keywords: DIV+CSS; layout; snake Museum
一、引言
（一）课题开发目的
随着信息技术的发展，人们不仅仅是通过电视、课本、新闻了解这个万新世界，更多的则被媒体，网络给替代，人们现在大部分都是通过网络了解一些新的事务和食物。随着互联网的高速发展，人们只要在网上简单的搜索几个简单的词汇就可以轻而易举的找到自己想要的东西，而商家也是投其所好，各式各样的网站就呈现在顾客的眼中。而且网站的宣传价格十分低廉但是效果确实十分的可观。现如今的社会健康的食物是越来越少，本课题秉承对客户负责的态度，通过网站的宣传，将我们的“健康吃蛇”的思想传递给大家，，将健康进行到底。
（二）需求分析
我们的生活水平在一点一点的进步，恩格尔系数也在一点点的下降，但是人们对于美食的热爱却是一直都是十分关注的，本来是好事，但是人们往往忽略了“健康”，身体是革命的本钱，我们不仅仅要吃的好吃，还要想到我们的健康。往往人们会忽略这一点，认为生病了就去医院看医生，然而不是这样，人体的健康许多因素都是和自己日常的饮食有关。本课题沿着“健康”为引线，将我们的蛇馆引出来。通过本网站介绍如何吃蛇吃的健康，吃的美味。
（三）课题内容
1、蛇馆的内容
本课题是以实体店为依据，并且查阅的大量的书籍，对蛇身上的各个部位对人体的用处以及功效都展现在我们的网站中，使人们不仅仅从吃蛇肉来了解蛇，来方便客户了解蛇肉对人体的好处，它的功效，健康。在网站的设计方面主要从网站的LOGO、LOGO的标语、首页、子页、色彩的搭配以及每个页面的布局，各个页面链接的设计等等，从而作出一个界面美观、布局合理、色彩搭配协调的网站，
2、首页内容
首页主要内容LOHO来插入,从首页、蛇馆简介，特色，便捷服务以及其他美食四个大标题，下方为两个模块，有今日热门，蛇的故事，以及美食速递，以及蛇馆的店面的照片也会体现在首页。
3、子页内容
子页的内容主要就是围绕首页的链接点击进去，就会出现顾客所点击的相关内容，大致包括了，蛇馆地点、店面的内部设计、吃蛇的由来、功效、特点、医用价值、蛇肉介绍、特色佳肴、提前订餐、优惠活动等等来具体介绍。
二、网站开发
（一）开发技术
1、HTML
HTML对于我来说并不陌生，在高中时代就接触了一点点，全名为HyperText Markup Language，中文译为超文本标记语言，现在对于HTML的认知更加了解，不仅仅局限于它的名字，它是用来创建WEB的文本语言，其页面元素是由特定的标记来确定的，这些标记告诉浏览器该如何显示这个页面，从而来实现我们设计页面的显示。所谓的超文本，就是一种含有指向其他文档链接的文本，即我们俗称的链接，它把计算机设计的文本关联在一起，点击我们设计的链接，从而实现从一个页面跳转到另一和页面的功能。我们在点击页面的时候不需要找我们设计的子页在那个页面只要点击鼠标，就轻而易举的找到我们想看的页面中去。本网站就运用了超文本的设计，将每个页面链接起来，融为一个，方便使用者。从上个世纪90年代起，HTML就成了信息表达的语言，每个代码把整个世界链接在一起，通过我们的电脑屏幕把页面呈现在我们眼前。
2、CSS
使用HTML虽然可以将页面的设计呈现在我们的眼前，将信息具体的内容、结构和格式都体现在一个WEB的文档中，但是随着科技的发疹人们发现只使用HTML是远远不够的，问题也相应出来了，第一个问题，将信息体现在同一个文档中，稍微变动一点点，那么在系统中体现出来的页面将会有很大的变动，不方便修改。第二个问题，在我们设计网页的过程中，一个庞大的网站是需要编写大量大代码的，篇幅的过大也会导致页面负担过大。因此CSS就引出来了，我们将格式化的编码交给CSS来完成。全称为Cascading Style Sheet（中文译为层叠样式表（也译作级联样式表））。是一系列的格式设计规则，主要的作用就是控制HTML代码在网站中的具体布局以及外观的式样。使WEB文档在结构上和表现形式上的脱离但是又能有效的控制，从而达到精准的页面布局。
导航的思想是看上去简洁大方，使导航方便快捷，在点击导航的时候字体变色，是使用者方便找到导航的内容，具体的代码如下：
Abstract:
This paper is mainly used the DIV+CSS website construction, website design technology of DIV+CSS code, make a website with a snake, the snake house his name "Tanzhou taste Museum", through the website of the form of the snake Museum, displayed a series of photographs, hoping to bring customers a feeling of appetite. Its main function is to attract customers to the snake dining hall, so most of the site are introduced to make delicious food with meat. Making use of the Photoshop website in the website design, the first renderings show, and then use the DIV website layout will be produced, making and using the template to complete other pages, eventually forming a beautiful interface, reasonable layout, color coordination site.
The design specification desc *好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
ribes the construction of the snake be concise and to the point on the website of Hunan characteristics of purpose, significance, background, main use of development tools, the main layout technology DIV+CSS, and describes the process of making the website briefly.
Keywords: DIV+CSS; layout; snake Museum
一、引言
（一）课题开发目的
随着信息技术的发展，人们不仅仅是通过电视、课本、新闻了解这个万新世界，更多的则被媒体，网络给替代，人们现在大部分都是通过网络了解一些新的事务和食物。随着互联网的高速发展，人们只要在网上简单的搜索几个简单的词汇就可以轻而易举的找到自己想要的东西，而商家也是投其所好，各式各样的网站就呈现在顾客的眼中。而且网站的宣传价格十分低廉但是效果确实十分的可观。现如今的社会健康的食物是越来越少，本课题秉承对客户负责的态度，通过网站的宣传，将我们的“健康吃蛇”的思想传递给大家，，将健康进行到底。
（二）需求分析
我们的生活水平在一点一点的进步，恩格尔系数也在一点点的下降，但是人们对于美食的热爱却是一直都是十分关注的，本来是好事，但是人们往往忽略了“健康”，身体是革命的本钱，我们不仅仅要吃的好吃，还要想到我们的健康。往往人们会忽略这一点，认为生病了就去医院看医生，然而不是这样，人体的健康许多因素都是和自己日常的饮食有关。本课题沿着“健康”为引线，将我们的蛇馆引出来。通过本网站介绍如何吃蛇吃的健康，吃的美味。
（三）课题内容
1、蛇馆的内容
本课题是以实体店为依据，并且查阅的大量的书籍，对蛇身上的各个部位对人体的用处以及功效都展现在我们的网站中，使人们不仅仅从吃蛇肉来了解蛇，来方便客户了解蛇肉对人体的好处，它的功效，健康。在网站的设计方面主要从网站的LOGO、LOGO的标语、首页、子页、色彩的搭配以及每个页面的布局，各个页面链接的设计等等，从而作出一个界面美观、布局合理、色彩搭配协调的网站，
2、首页内容
首页主要内容LOHO来插入,从首页、蛇馆简介，特色，便捷服务以及其他美食四个大标题，下方为两个模块，有今日热门，蛇的故事，以及美食速递，以及蛇馆的店面的照片也会体现在首页。
3、子页内容
子页的内容主要就是围绕首页的链接点击进去，就会出现顾客所点击的相关内容，大致包括了，蛇馆地点、店面的内部设计、吃蛇的由来、功效、特点、医用价值、蛇肉介绍、特色佳肴、提前订餐、优惠活动等等来具体介绍。
二、网站开发
（一）开发技术
1、HTML
HTML对于我来说并不陌生，在高中时代就接触了一点点，全名为HyperText Markup Language，中文译为超文本标记语言，现在对于HTML的认知更加了解，不仅仅局限于它的名字，它是用来创建WEB的文本语言，其页面元素是由特定的标记来确定的，这些标记告诉浏览器该如何显示这个页面，从而来实现我们设计页面的显示。所谓的超文本，就是一种含有指向其他文档链接的文本，即我们俗称的链接，它把计算机设计的文本关联在一起，点击我们设计的链接，从而实现从一个页面跳转到另一和页面的功能。我们在点击页面的时候不需要找我们设计的子页在那个页面只要点击鼠标，就轻而易举的找到我们想看的页面中去。本网站就运用了超文本的设计，将每个页面链接起来，融为一个，方便使用者。从上个世纪90年代起，HTML就成了信息表达的语言，每个代码把整个世界链接在一起，通过我们的电脑屏幕把页面呈现在我们眼前。
2、CSS
使用HTML虽然可以将页面的设计呈现在我们的眼前，将信息具体的内容、结构和格式都体现在一个WEB的文档中，但是随着科技的发疹人们发现只使用HTML是远远不够的，问题也相应出来了，第一个问题，将信息体现在同一个文档中，稍微变动一点点，那么在系统中体现出来的页面将会有很大的变动，不方便修改。第二个问题，在我们设计网页的过程中，一个庞大的网站是需要编写大量大代码的，篇幅的过大也会导致页面负担过大。因此CSS就引出来了，我们将格式化的编码交给CSS来完成。全称为Cascading Style Sheet（中文译为层叠样式表（也译作级联样式表））。是一系列的格式设计规则，主要的作用就是控制HTML代码在网站中的具体布局以及外观的式样。使WEB文档在结构上和表现形式上的脱离但是又能有效的控制，从而达到精准的页面布局。
导航的思想是看上去简洁大方，使导航方便快捷，在点击导航的时候字体变色，是使用者方便找到导航的内容，具体的代码如下：
