资源描述：
《ASP项目教程 -》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、项目教程20140306网页设计的框架网页设计是有规律可寻的,掌握如下几个框架,并根据网站的信息内容套用,框架搭建起来,剩下的填充,丰富,精致我们为什么要用框架:为了能够让浏览者更清楚,便捷地理解网站所要传达的信息内容 网页的布局以导航拦位置为界,大致可分为:1.1上下结构式为一种上下框架结构式,通常上方为导航条,或者动态的公司企业形象,广告区域.下方为正文,内容部分,此类结构在内容较少的企业网站或者个人网站较常出现,有时只在首页使用,二级页面换相应结构.1.2左右结构式左右结构式又称为二分栏式,清晰的分列两旁框架结构,一般左侧是导航条,有时最上方会有一个小的标题或标志,右侧是正文内容部分
2、或者公司企业形象展示,不少企业网站较喜欢采用这类结构 注:由于网站内容较少,因此多数企业网站都使用上下结构和左右结构为框架,展示区域添加大的图片作为公司形象,新产品的展示,以提升公司的整体形象.分析:上下结构式左右结构式并不是严格的区分往往我们会这样的认为那就是死板了,同时注意这种特点有利于 展示内容叫少的网站,很大块我们会选择用图片去填充.1.3上左右结构样式这是大中型企业喜欢用的框架式,通常上方为主要菜单导航条,左侧为点击出现的细分栏目导航条,下方为较主要的栏目及小广告,右则为内容区域,有不少企业网站喜欢首页使用不同的结构式,上左右结构使用在二级页面.同上左右框架稍有区别的是中间部分为内
3、容部分,右侧则是该网站较重要的内容导航区域,或是登陆,搜索区域,小广告等.分析:随着网站内容的增多,框架结构的逐渐细分,上左右结构式也更多地应用于跨类别的各类网站1.4上左中右结构式又称三级分栏式,是大型企业,电子企业,电子商务,政府网站,教育机构较喜欢的框架式,也是较常见的结构式.1.5综合结构式这种类型网站较为复杂,特点是功能模块多,信息分类详细,因此根据需要采用区域结构较为合适.甚至有可能我统一个页面里柝分出几个不同的框架类型1.6不规则的结构式不规则的结构式有别于上面的框架结构式例子,相对来说,页面的信息量少,通常一张形象广告图片下来,重在渲染这个网站的 气氛,类似于封面类型,有点击
4、进入下页的入口,无规则的框架风格较为随意自由,凸现网站个性意图,给浏览者带来较强的视觉冲击,使以产品宣传目的的企业和个人网站的爱好者,都热忠于此种框架式.1.7少见的结构式通常使用这类结构样式的网站有两种情况,一是放置更多的信息栏目和内容的网站,二是追求个性的企业,组织或者个人的网站 这类结构可以形容另一种风格特色网页设计的布局概念2.1.1页头 在习惯术语中,页头也称之为页眉,页头的作用是定义页面的主题,一般站点的名字多数都是显示在页头里,通常展示的标志以及其网站的标题,旗帜广告,页头也是整个页面设计的重要组成部分. 2.1.2文本 文本是这个网站信息内容的重要组成部分,在页面中多数以行
5、或者块(段落)出现,通常相较于导航条区域,有自己的文字区域位置,在整个页面视觉节奏上,形成反差对比感2.1.3页脚 页脚和页头能使用页面更完整,页头是在页面的顶部位置,放置站点主题,而页脚放置的是副导航菜单标题,制作者或公司信息,版权日期.网页设计的布局概念2.1.4图片 所谓图形并茂,相得益彰,文字和图片具有一种相互补充的视觉关系,最理想的效果是文字图片的密切配合,既能活跃页面,又能使主页有丰富的内容,图片和文本是丰富网页的两大构成元素,图片为点缀增加文本的可读性,趣味性,文本为阐述信息内容.分析:对于这个我体会比较深我觉得在设计页的时候,很多时候如果我们加了图片进去了就效果大不同了,比如
6、看那些韩式风格的网站很多就是用的这种风格.2.1.5多煤体 网站要吸引浏览者注意,页面的内容可以是三维动画,Flash等技术来表现,让声音,动画,视频等其他媒体更多的出现在人们的视野里,丰富网页多层次的视觉视听效果,更贴近于生活,由于网络带宽的客管限制,在使用多煤体的形式表现内容时,应考虑的客户端的访问速度.分析:这个也很重要我觉得有了一些多煤体,往往会有意想不到的效果 分析:上面这些从页头一直到多煤体我的总体感觉是首先我们要内容认清页面的这些元素,当我们认清以后,我们就要对这些元素 定义他的特点,一般放置那些东西,这样我们在设计的时候我们也就是把框加和造型定义好以后,我们就应该考虑页里应
7、该放置那些东西了.网页设计的主要视觉元素3.2.1导航样式 其实它就是一组超链接,是整个网站的提纲,好处很多,也是十分必要的.导航的样式很多有弹出的,移动的等等很多.导航的位置结构:可以细分为左文右导航栏,左导航栏右文,左右导航中间栏,推荐使用第一种.分析:我觉得不管使用那一种,总之目的一个,起导航的作用我们可以使它更加美观更加有特色.比如说有位置变化的导航,图标修饰的导航,于网站内容相关的流程图表为导航,构
