本论文为关于文字类电子商务客户关系管理论文,关于HTML5中利用“滑动门”技术制作精美导航相关毕业论文格式范文,可用于文字论文写作研究的大学硕士与本科毕业论文开题报告范文和优秀学术职称论文参考文献资料下载。免费教你怎么写文字及图像及技术方面论文范文。
摘 要:网页制作是中职学校电子商务、计算机网络应用等专业的必修课程,而网页导航条的制作一直都是网页制作课程的重点,方法种类繁多、效果各有不同.这里主要探讨和研究利用最新的“滑动门”技术来制作精美的导航条效果,
关于文字类论文范文集
关 键 词 :滑动门;HTML5+CSS3;网页制作;导航条;水晶按钮
中图分类号:TP393.092
随着互联网技术的发展,这门课程几乎每年都在发生变化.如今,网页制作方法已经由原来的table嵌套式布局完全转向了更加标准的HTML5+CSS3布局,这使网页制作方法有了翻天覆地的变化,各种新方法、新技术如雨后春笋般不断涌现.“滑动门”技术也在此时应运而生,它可以仅仅使用一张图片就完成各种宽度不同的圆角背景显示,自适应文字的宽度.这就大大减少了图像的应用和流量的浪费,加快了网页的浏览速度.因此,“滑动门”技术成为目前比较流行的网页制作方法之一,得到了广泛的应用.
本篇论文地址:http://www.sxsky.net/shangwu/445080.html
那么,什么是“滑动门”技术呢?
当在导航文字中设置鼠标滑过时显示圆角矩形框时,因为每个文字的长度不同,所以传统的方法是给每个导航文字各绘制一个单独长度的圆角矩形,每个导航显示不同的图像.这样做不仅复杂,而且造成图像使用多,访问流量增加.因此,技术的更新时必要的,那就是使用“滑动门”技术来制作.
首先分析下滑动门技术的核心原理:在每个导航文字的两边各利用一个标签来设置同一张圆角矩形背景图像,当两个相同的圆角矩形相向滑动时,它们会重叠一部分,当中间文字区域较大时,重叠就少一些;而中间文字区域较小时,重叠就多一些.两个图像在文字两边滑动,重叠的部分的宽度会根据中间区域自动调整,而由于标签设置内填充,所以两边的圆角始终显示,圆角矩形就像两扇推拉门一样,因此这种技术被称为“滑动门”.
有关论文范文主题研究: | 关于文字的论文范文数据库 | 大学生适用: | 自考论文、研究生论文 |
---|---|---|---|
相关参考文献下载数量: | 78 | 写作解决问题: | 写作参考 |
毕业论文开题报告: | 文献综述、论文总结 | 职称论文适用: | 杂志投稿、职称评副高 |
所属大学生专业类别: | 写作参考 | 论文题目推荐度: | 经典题目 |
分析了原理,通过一个实际案例详细了解滑动门技术的具体应用.那就是制作一个如图1所示的鼠标经过时显示圆角矩形的精美导航条效果.
图1
为了表现出立体的视觉效果,以及水晶按钮的质感,制作中必须借助图像才可以完成.分别使用如下图2所示的4个图像表现效果,其中nav_bg.png是作为整个导航的背景色平铺使用的,nav_left.gif和nav_right.gif是导航整体两侧的圆角.nav_hover.png则是当鼠标指针经过菜单项的时候显示出来的.它在这里就充当了滑动门的角色,只要在文字内容两边设置标签作为“钩子”把它“挂”起来就可以了.这里只使用这一张图像来制作所有导航文字的滑过效果,不过有一点要注意,那就是这张图片一定要比所有导航文字都要长,不能比任何导航文字短,而且最好要长至少1/3.
图2
思路清楚了就可以制作了,由于导航左右各有圆角组成,所以先编写相应的HTML代码.传统的制作方法使用table的嵌套,可以使用1行5列的表格制作.但是,为了更好的适应“滑动门”技术,这里使用HTML5+CSS3方法来做,这样可以更好的精简代码,也是大势所趋.具体代码如下:
如何写文字硕士学位论文
播放:34293次 评论:3760人
< nav>
HOME NEWS ABOUT US SERVICES CONTACT
关于文字类函授毕业论文范文,与HTML5中利用“滑动门”技术制作精美导航相关论文范文集参考文献:
如此“文博士生”
有人大代表提出的“中组部把这些博士官员都招来考一下”的建议,附和赞同者甚众. 如此“文博士生”参考属性评定 有关论。
关于“红烧肉”的博士文
现增加营养、避免增肥和促进社会和谐的作用. 关于“红烧肉”的博士文参考属性评定 有关论文范文主题研究: 关于文学作品的论文范本 大学生适用: 自考论文。
“文博士”不能成为卖***的通道
像全日制学生一样上课,只需要提交博士论文,通过严格的博士论文答辩,可获得博士学位. “文博士”不能成为卖文凭的通道参考属性评定 。
费孝通的博士文答辩“花天酒地”
张非常考究的学位审定书上签字,并再喝一杯酒祝论文答辩圆满结束. 费孝通的博士文答辩“花天酒地”参考属性评定 有关论文范文主题研究: 关于社会学的论文范文。
档案利用论文
等)指导毕业设计,论文的目录清单(格。海洋经济学论文拓展知识面,从而有利用管理经济学的学习经济与管理学院2016届经济类硕士研究生,学位论文答辩公告,时间:2016年5月27日15。
如何制作论文目录
题和正文中请勿出现作者及所在单位字样.,4.乙类论文提供论文复印件(并附发表刊物封面和目录页的复印件),统一用a4纸张单面复印,一式5份.,在论文申报书。论文封面制作说明,封面样。
毕业论文目录制作
广告设计毕业论文,广告设计与制作毕业论文作基础,广告摄影,影视广告制作,非线性编辑,专业实习,课程实习,毕业实习,毕业论文等,七.课程体系及学时学分比例,计划教学总学分共计:20。
论文目录制作
印,一式5份.,在论文申报书。论文封面制作说明,封面样式见附件二:抽检硕士学位论文封面式样,硕士学位论文,论文题目:,二级学科代码,二级学科名称,论文答辩日期,省编号:。广告设计毕。
怎么制作论文目录
印,一式5份.,在论文申报书。论文封面制作说明,封面样式见附件二:抽检硕士学位论文封面式样,硕士学位论文,论文题目:,二级学科代码,二级学科名称,论文答辩日期,省编号:。医学开题报。
论文封面制作
论文封面制作说明,封面样式见附件二:抽检硕士学位论文封面式样,硕士学位论文,论文题目:,二级学科代码,二级学科名称,论文答辩日期,省编号:。博士论文封面精装说明博士论文封面精装说。