酒店网站制作.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） 利用表格排版下面的与菜单栏。通过代码的改变来设置的背景，进行网页标题的排版。（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 工程技术部专职合同管理员负责收集整理各类合同，建立合同统计台帐，并负责