酒店网站制作.doc

网页制作

作业（五）
学院：教育科学与技术学院
班级：10级教本三班
姓名：袁锦霞
学号：100401041332
日期：2012年6月29日

综合网站的开发及其设计方案

一、确定网站主题及风格创意

(1)网站的主题是关于某星级宾馆的网站。
(2)网站的用户是广大群众，通过本网站可以通过对本网站宾馆首页，宾馆简介，宾馆动态，宾馆的设施如客房设施与餐饮设施的浏览大概了解本宾馆，从而进行选择。并且可以通过本网站在网上预定本宾馆，还可以通过本网站对本宾馆进行留言或者评价。
(3)网站的风格是以艳丽的红色与黄色为主色调，使得本网站比较具有温馨的感觉，也暗示了宾馆服务的人性化与宾馆的温馨感觉。这样容易吸引宾客的注意力，也会不同程度的提高本宾馆的注意力与关注力，从而提高本宾馆的入住量，达到本网站的目的。
网站的排版是通过表格与Div+Css进行排版的，适当的运用了模板，网站的总体感觉比较单调，大众化。使得人们容易接受。
二、网站功能模块规划
（1）画出站点地图，如下图：
宾馆网站

宾馆首页

宾馆简介

宾馆动态

客房设施

餐饮设施

宾馆图片

宾客留言

在线预订

宾馆简介

企
业
文
化

地
理
位
置

交
通
指
引

宾
馆
简
介
宾馆图片

宾
馆
图
片

荣
誉
资
质

宾馆动态
客房设施

宾馆动态

促销活动
高级双人房
标准单人房

（2）画出链接结构图

一级目录
二级目录
三级目录
对应资源/链接/说明

宾馆首页
宾馆简介
宾馆简介
(1) 运用模板1，在菜单栏中可以连接到其它的子页面。
(2) 在页面下面是FLASH动画。
(3) 在最下面运用表单面板下的Spry折叠式，从而使可以在本页面内跳转到其它的内容。
(4) 运用表格与Div+Css进行页面的排版。

企业文化
地理位置

交通指引

宾馆动态

宾馆动态
(1) 运用模板2，在菜单栏中进行连接到其它子页面。
(2) 在页面的左半部分，有宾馆动态与促销活动的连接，可以链接到相关的子页。
(3) 添加，设置表格的背景图片，明确子页内容。
(4) 正确运用Div设置其底边框为虚线，设置显示样式。

促销活动

客房设施

高级双人房

标准单人房

餐饮设施

餐饮设施
（1） 运用模板1，链接到网站的其他子页。
（2） 运用表格排版，正确的插入FLASH动画。设置图片的合理大小，使页面显得整齐。

宾馆图片

宾馆图片
（1） 运用模板1，链接到网站的其他子页。
（2） 正确使用Spry呈现折叠式的形式来显示宾馆的图片内容。
（3） 改变软件所给的固定的Spry模板，使得页面更加和谐，不会突兀。
（4） 运用部分js，制作滚动图片展示的效果。

荣誉资质

宾客留言

宾客留言
(1) 运用模板2,链接网站的其他子页。
(2) 使用表单菜单下的文本字段，制作普通的可输入文本框。
(3) 使用表单下的Spry验证文本域，制作具有限制的文本框，如：输入电话号码。
(4) 使用表单下的按钮，制作提交按钮。
(5) 使用表单下的单选按钮，制作选择心情图片。

在线预订

在线预订

（3） 阐述各模块的布局特点及技术实现
① 宾馆首页的设计如下图：

l 布局技术
（1） 使用Div+Css确定位置，然后插入所需要的FLASH动画。
（2） 利用表格排版下面的与菜单栏。通过代码的改变来设置<td>的背景，进行网页标题的排版。
（3） 通过设置图片的属性align的值，来进行图文混排，排版出想要的任何效果。
l 各静态模块的功能特点及内容呈现
单调的呈现，宾馆的有关信息，利用图片或文字将其呈现出来。使用户明确的看到相关的信息。
② 宾馆简介的设计如下图：

l 布局技术
（1） 运用模板1,减少许多大量的代码编写。
（2） 运用Spry选择卡式面板，实现下面部分的排版。实现在同一页面内所要填加的内容的跳转。
（3） 利用表格排版实现下面部分的整体排版。
l 各静态模块的功能特点及内容呈现
（1） 在本页面内，呈现有关宾馆简介的较为详细的相关信息。
（2） 在页面内可以实现跳转，查看不同的信息内容。
③客房设施页面的设计如下图：

l 布局技术
（1） 运用模板2，利用Div+Css实现页面的排版。
（2） 运用显示-隐藏元素行为来实现动画。
l 各静态模块的功能特点及内容呈现
（1） 在本页面内除了可以使用菜单栏链接到其它的页面，还可以通过页面左半部分的链接来实现链接。
（2） 在页面内呈现客房设施的相关图片。
④宾客留言的页面设计如下图：

l 布局技术
（1） 运用模板2，利用Div+Css与表格实现页面的排版。
（2） 运用Spry验证文本域，文本字段，单选按钮，按钮实现页面的排版。
l 各静态模块的功能特点及内容呈现
在本页面内可以对宾馆进行留言，在留言过程中可以通过单选按钮来实现当前心情的选择。
⑤宾馆图片的设计如下图：

l 布局技术
（1） 运用模板1，利用Div+Css实现页面的排版。
（2） 运用Spry折叠式实现页面的排版。
（3） 运用js实现滚动图片的展示。
l 各静态模块的功能特点及内容呈现
（1） 在页面内可以实现荣誉资质与宾馆图片的展示，进一步的了解本宾馆。
（2） 可以使用Spry折叠式实现荣誉资质与宾馆图片两内容之间的跳转。
三、综合性布局设计（编写故事板）

（1） 宾馆首页，故事版001：

网站标题：星级宾馆
故事版标号：001
日期：2012年6月25号
作者：
具体描述项目的细节

宾馆首页
版权所有
标题
滚动图片展示，使用js语言
标题
图文混排
FLASH动画
Logo 联系方式
菜单栏，链接到网站中的其他子页
标题
标题
图片展示
具体详细的动态
背景
导航部分
宾馆简介
进入故事板002
宾馆动态
进入故事板003
客房设施
进入故事板004
餐饮设施
进入故事板005
宾馆图片
进入故事板006
宾客留言
进入故事板007
在线预订
进入故事版008
文本
字体：宋体 大小：9pt 颜色：#9C9C4E 字间距：20pt
图片
11.jpg 12.gif 13.gif 14.jpg 15.gif 16.gif 17.gif

（2）宾馆简介，故事版002：

网站标题：星级宾馆
故事版标号：002
日期：2012年6月25号
作者：
具体描述项目的细节

宾馆简介
版权所有
Logo 联系电话
菜单栏
FLASH展示
标题
链接菜单

链接详细内容

导航部分
宾馆首页
进入故事版001
宾馆简介

进入各资源
企业文化
地理位置
交通指引
客房设施
进入故事板003
餐饮设施
进入故事板004
宾馆图片
进入故事板005
宾客留言
进入故事板006
在线预订
进入故事板007
文本
字体：字体 大小：11pt 颜色：#9C9C4E 字间距：20pt
图片

（3）宾馆动态，故事版003：

网站标题：星级宾馆
故事版标号：003
日期：2012年6月25号
作者：
具体描述项目的细节

宾馆简介

版权所有
Logo 联系电话
菜单栏
标题
标题

链接

主要显示内容

导航部分
宾馆简介
进入故事板002
宾馆动态
进入各资源
促销活动
客房设施
进入故事板004
餐饮设施
进入故事板005
宾馆图片
进入故事板006
宾客留言
进入故事板007
在线预订
进入故事版008
文本
字体：宋体 大小：11pt 颜色：#9C9C4E 字间距：20pt
图片

（4）客房设施，故事版004：

网站标题：星级宾馆
故事版标号：004
日期：2012年6月25号
作者：
具体描述项目的细节

客房设施
Logo 联系电话
菜单栏
标题
标题

链接

图片展示，利用显示——隐藏元素行为
版权所有

导航部分
宾馆简介
进入故事板002
宾馆动态
进入故事板003
高级双人房
进入各资源
标准单人房
餐饮设施
进入故事板005
宾馆图片
进入故事板006
宾客留言
进入故事板007
在线预订
进入故事版008

文本
字体：宋体 大小：11pt 颜色：#9C9C4E 字间距：20pt
图片
高级双人房.jpg 标准单人房.jpg

（5）餐饮设施，故事版005：

网站标题：星级宾馆
故事版标号：005
日期：2012年6月25号
作者：
具体描述项目的细节

餐饮设施
Logo 联系电话
菜单栏
FLASH展示
标题
图片展示

文字简介
FLASH展示
版权所有

导航部分
宾馆简介
进入故事板002
宾馆动态
进入故事板003
客房设施
进入故事板004
餐饮设施
进入各资源
宾馆图片
进入故事板006
宾客留言
进入故事板007
在线预订
进入故事版008
文本
字体：宋体 大小：11pt 颜色：#9C9C4E 字间距：20pt
图片
2012281009562.jpg 20111114112227566.jpg 20122194646500.jpg

（6）宾馆图片，故事版006：

网站标题：星级网站
故事版标号：006
日期：2012年6月25号
作者：
具体描述项目的细节

宾馆图片
Logo 联系电话
菜单栏
FLASH展示
标题
版权所有

利用Spry折叠式来制作，进行荣誉资质，宾馆图片的展示

导航部分
宾馆简介
进入故事板002
宾馆动态
进入故事板003
客房设施
进入故事板004
餐饮设施
进入故事板005
宾馆图片
进入各资源
荣誉资质
宾客留言
进入故事板007
在线预订
进入故事版008

文本
字体：宋体 大小：11pt 颜色：#9C9C4E 字间距：20pt
图片
高级技术企业协会.gif 快餐专业委员会.gif 资质证书.gif 资质证书1.gif

（7）宾客留言，故事版007：

网站标题：:星级宾馆
故事版标号：007
日期：2012年6月25号
作者：
具体描述项目的细节

宾客留言
Logo 联系电话
菜单栏
标题

宾馆部分图片

留言的详细内容
版权所有

导航部分
宾馆简介
进入故事板002
宾馆动态
进入故事板003
客房设施
进入故事板004
餐饮设施
进入故事板005
宾馆图片
进入故事板006
宾客留言
进入留言
在线预订
进入故事版008
文本
字体：宋体 大小：11pt 颜色：#9C9C4E 字间距：20pt
图片
快餐专业委员会.gif 高级双人房.jpg

（8）在线预订，故事版008：

网站标题：星级宾馆
故事版标号：008
日期：2012年6月25号
作者：
具体描述项目的细节

在线预订
Logo 联系电话
菜单栏
标题

图片

预订
版权所有

导航部分
宾馆简介
进入故事板002
宾馆动态
进入故事板003
客房设施
进入故事板004
餐饮设施
进入故事板005
宾馆图片
进入故事板006
宾客留言
进入故事版007
在线预订
进入预订
文本
字体：宋体 大小：11pt 颜色：#9C9C4E 字间距：20pt
图片
05df01f4a6a75aae.gif
四、总结
通过本次制作本网站学会了使用模板，并且很好的利用了表单（文本字段，单选按钮，按钮，Spry验证文本域，列表/菜单）、媒体、网页中的行为。充分的利用表格与Div+Css进行排版，做出自己想要的效果。将学习的理论知识运用到制作网页的过程中，使的理论知识更加具体化，也更加深刻的理解了所学的知识。合同管理制度

1 范围
本标准规定了龙腾公司合同管理工作的管理机构、职责、合同的授权委托、洽谈、承办、会签、订阅、履行和变更、终止及争议处理和合同管理的处罚、奖励；
本标准适用于龙腾公司项目建设期间的各类合同管理工作，厂内各类合同的管理，厂内所属各具法人资格的部门，参照本标准执行。
2 规范性引用
《中华人民共和国合同法》
《龙腾公司合同管理办法》
3 定义、符号、缩略语
无
4 职责
4.1 总经理：龙腾公司经营管理的法定代表人。负责对厂内各类合同管理工作实行统一领导。以法人代表名义或授权委托他人签订各类合法合同，并对电厂负责。
4.2 工程部：是发电厂建设施工安装等工程合同签订管理部门；负责签订管理基建、安装、人工技术的工程合同。
4.3 经营部：是合同签订管理部门，负责管理设备、材料、物资的订购合同。
4.5 合同管理部门履行以下职责：
4.5.1 建立健全合同管理办法并逐步完善规范；
4.5.2 参与合同的洽谈、起草、审查、签约、变更、解除以及合同的签证、公证、调解、诉讼等活动，全程跟踪和检查合同的履行质量；
4.5.3 审查、登记合同对方单位代表资格及单位资质，包括营业执照、经营范围、技术装备、信誉、越区域经营许可等证件及履约能力（必要时要求对方提供担保），检查合同的履行情况；
4.5.4 保管法人代表授权委托书、合同专用章，并按编号归口使用；
4.5.5 建立合同管理台帐，对合同文本资料进行编号统计管理；
4.5.6 组织对法规、制度的学习和贯彻执行，定期向有关领导和部门报告工作；
4.5.7 在总经理领导下，做好合同管理的其他工作，
4.6 工程技术部：专职合同管理员及材料、燃料供应部兼职合同管理员履行以下职责：
4.6.1 在主任领导下，做好本部门负责的各项合同的管理工作，负责保管“法人授权委托书”；
4.6.2 签订合同时，检查对方的有关证件，对合同文本内容依照法规进行检查，检查合同标的数量、金额、日期、地点、质量要求、安全责任、违约责任是否明确，并提出补充及修改意见。重大问题应及时向有关领导报告，提出解决方案；
4.6.3 对专业对口的合同统一编号、登记、建立台帐，分类整理归档。对合同承办部门提供相关法规咨询和日常协作服务工作；
4.6.4 工程技术部专职合同管理员负责收集整理各类合同，建立合同统计台帐，并负责