静态网页设计报告讲述.docVIP

静态网页设计 ——实训报告 系部: 计 算 机 系 班级: 13网络技术 教师: 王 若 贤网站简介 3 网站整体效果 3 网站概要介绍………………...…………………………………………………………………………………….………….4 网站设计 4 网站设计...............................................................................................................................4 网站内容 4 代码设计 5 分类菜单代码设计 5 搜索框代码设计 6 轮播图片代码设计 7 实训心得 9 天顺旅游概要介绍?? 旅游电子商务是指以网络为主体，以旅游信息库、电子化商务银行为基础，利用最先进的电子手段运作旅游业及其分销系统的商务体系。旅游电子商务就为广大旅游业同行提供了一个互联网的平台?? 旅游门市最为专业的旅游买卖交易场，汇聚了大量的游客客源，旅游企业及旅游相关行业企业，将旅游行业进行了细分，精致打造，为游客提供了专业的旅游服务。其强大的资源数据库、交易平台及多种游客出游必备的查询功能，成为客人出游的专业指导网站，每天巨大的客流，是在网上开店展示、宣传及销售的最佳窗口。?? ? 旅游大卖场一个免费的旅游广告发布场所，汇聚大量的旅游业同行和出游者，每天发布旅游咨询，询价信息，?线路报价信息，寻找合作伙伴，等旅游相关信息。?? 天顺旅游，驴友的?集结地，聚集所有出游者，上天入海任你游。? 网站设计介绍 网页以橙色暖色系为基调，网页头部包含导航、站点图标和信息条，尾部包括版权和友情链接。 网页主题部分分为两大块，第一块包括分类菜单和轮播展示图片以及网站客户服务信息，第二块包括酒店预订、旅行攻略、旅游新闻和网站帮助。 分类菜单代码设计 以国内游一级菜单为例： div class=select id=sele1 onmouseover=MM_showHideLayers(s2,,hide,s3,,hide,s4,,hide,s5,,hide,s6,,hide,s7,,hide,s1,,hide);MM_showHideLayers(s1,,show);MM_changeProp(sele1,,style.backgroundImage,url(pic/fangk.png),DIV);MM_changeProp(sele2,,style.backgroundImage,url(pic/fangk.png),DIV);MM_changeProp(sele3,,style.backgroundImage,url(pic/fangk.png),DIV);MM_changeProp(sele4,,style.backgroundImage,url(pic/fangk.png),DIV);MM_changeProp(sele5,,style.backgroundImage,url(pic/fangk.png),DIV);MM_changeProp(sele6,,style.backgroundImage,url(pic/fangk.png),DIV);MM_changeProp(sele7,,style.backgroundImage,url(pic/fangk.png),DIV);MM_changeProp(sele1,,style.backgroundImage,url(pic/fangkd.png),DIV)国内游/div 只使用了两类行为代码对层控制： 一个是显示隐藏层，用来绑定对应的二级菜单： onmouseover=MM_showHideLayers(s2,,hide,s3,,hide,s4,,hide,s5,,hide,s6,,hide,s7,,hide,s1,,hide); MM_showHideLayers(s1,,show); 对层控制，显示本类二级菜单，同时隐藏其它二级菜单。可以精简为一条 onmouseover=MM_showHideLayers(s2,,hide,s3,,hide,s4,,hide,s5,,hide,s6,,hide,s7,,hide,s1,,show); 另一个是改变层的背景属性： MM_changeProp(sele2,,style.backgroundImage,url(pic/fangk.png),DIV); 将选定之外的一级菜单背景改为默认的封口边框背景。 MM_changePro