栏目简介网页设计 第1篇
网站草图在Photoshop结合下，专心钻研及努力下修改，制作得以完美实。
（1）“首页”页面的栏目设计与排版布局的草图，详情如图。
（2） “零陵概况”页面的栏目设计与排版布局的草图，详情如图。
（3） “资讯信息”页面的栏目设计与排版布局的草图，详情如图。
（4） “人文零陵”页面的栏目设计与排版布局的草图，详情如图。
（5） “畅游零陵”页面的栏目设计与排版布局的草图，详情如图。
（6 ）“玩转零陵”页面的栏目设计与排版布局的草图，详情如图。
（7） “主题线路”页面的栏目设计与排版布局的草图，详情如图。
（8） “旅游攻略”页面的栏目设计与排版布局的草图，详情如图。
（9） “出行服务”页面的栏目设计与排版布局的草图，详情如图。
（10） “视频欣赏”页面的栏目设计与排版布局的草图，详情如图。
（11）“柳文化”详情页面的栏目设计与排版布局的草图，详情如图。
（12）“旅游攻略”详情页面的栏目设计与排版布局的草图，详情如图。
栏目简介网页设计 第2篇
在刻苦钻研的修改下，最后确定了现在使用的整体设计布局、样式排版和布局，网站整体式简洁美观，网站头部栏目采用div标签，伴随着着鼠标滚动而滚动，进而使用户在浏览页面导航更方便快捷。由“首页”，“零陵概况”，“资讯信息”，“人文零陵”，“畅游零陵”，“玩转零陵”，“主题线路”，“旅游攻略”、“出行服务”、“视频欣赏”十个栏目作为网站的栏目导航，详情如图。
栏目简介网页设计 第3篇
这次毕业设计的过程坎坷，也很累，但也让我更加独立，学习与动手能力得到锻炼与提升。不但课上的知识加以巩固、积累，而且还学到许多课外的知识，比如如何将色调更美感，色彩搭配，明暗度及图片柔和等；颜色五彩缤纷，如何合理运用色彩搭配带来美好的视觉效果，给浏览者更好的体验；比如将一个网页HTML链接多个CSS3或JavaScript脚本使之分类，使网页开发起来更井然有序开发者更方便、快捷、少工作量等。正所谓“实践是检验真理的唯一标准”，经过这一次毕业设计的实践令我受益匪浅。
毕业设计过程中需要大量、繁琐且乏味地收集文案和图片素材及视频、制图、修
图、代码编写，也正如此才能创新出自我的价值和知识。联系当代实际生活意义也是本次学习生涯的一次考点，脱离当代实际生活意义那相当于无稽之谈，毕业设计等同于与实际工作的接轨，课中所学及课外所学的知识融入到毕业设计。当中我们还要对各种软件(Photoshop，HBuilder等专业相关的)理解与活用，融会贯通。学习是长期性的，日积月累，哪能一朝一夕就可以学会，毕业设计可以是磨练我们的一股动力、一种毅力、一个心魔，恒心是立足之根本，“铁柱磨成针”“滴水穿石”就是社会竞争“适者生存”有力的力量。
栏目简介网页设计 第4篇
（3） HBuilder中插入图片(或背景)源代码，详情如图。
（1）HBuilder中美化页面，设置边距、字体大小、颜色及背景等源代码，详情如图。
（2）HBuilder中嵌入字体大小、宽高，详情如图。
（ 3）HBuilder中CSS3动画效果源代码，详情如图。
（4） HBuilder中CSS3悬浮效果源代码，详情如图。
（1）HBuilder中“首页”页面轮播效果源代码，详情如图。
（2）HBuilder中JavaScript美化(动画)效果源代码，详情如图。
栏目简介网页设计 第5篇
本次设计主要通过零陵的家乡文化为主要宣传内容，把logo设计和图片设计应用在网站产品上，使其具有浓浓家乡风味的独特宣传风格。为了将设计作品更好呈现出来，还使用了别具匠心的的布局、优美的形式等。
网站的简单、交互动态感强的布局栏目设计，使网页看起来一目了然，无繁琐的布局设计和操作，浏览者准确便捷的获取所需要的内容。网页的交互动态感丰富，浏览者浏览网页时不会乏味，网页看起来也不会太过于死板，从而使浏览者更有心情浏览网页。
网页整体风格设计以简洁为宗旨，姜黄色为主打色调，黑色和白色为配色，突显出整个网站浓浓的家乡文化底蕴，韵味十足。借此，帮助想来零陵旅游的人呈现当地人文文化、美食文化、旅游攻略等，给自己做一个难忘的旅游计划及一次难忘的旅游经历。