




已阅读5页,还剩55页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
网页版面布局设计 信息技术学院郑义 网站内容的规划与脚本编写 目前 全世界的网站总数已经超过了6000万个 如何使自己的网站能够在众多的网站中脱颖而出 令人刮目相看 关键是提升网站的知名度和访问率 而对网站内容进行详细的规划和注重网络应用则是提高网站访问率的重要因素 从最新的网络统计分析报告中得知 网站访问率的78 来自于搜索引擎 而网站在搜索引擎中的排名与网站的内容有很大的关系 网站内容规划是进行网页设计的第一步 写好内容脚本是十分关键的 下面我们分别对 com net edu gov 为后缀的网站进行分析 学会网站脚本的编写 教育科研网站的规划 教育科研网站是指那些针对特定的人群 围绕特定的学习主题 教科研主题 学习素材类事物主题 完成特定信息的搜索和提供 组织与发布 或者提供互动学习平台的教育类网站 其最高层域名一般为 edu 教育科研网站的内容主要是围绕教学和科研来进行的 突出教师和学生的地位 据此画出具体的信息结构图 政府网站的规划 政府网站是指以政府机构为主体构建的网站 主要为政府税收和政府公共服务提供网络化的交流平台 并且通过网络增加政府与百姓交流的渠道 听取百姓的心声和意见 提高政府机关的办事效率 其最高层域名一般为 gov 政府机关网站的内容主要从省市概况 政府管理 政府监督 便民服务等几个方面来进行设计 据此画出具体的信息结构图脚本 企业机构网站的规划 企业机构网站是指以企业单位为主体而构建的网站 其目的是为了利用网络宣传企业形象 展示企业文化 推销企业产品 拓宽企业的营销渠道 其最高层域名一般为 com 企业机构网站的内容一般从企业介绍 产品展示 售后服务等方面来进行设计 参照若干企业网站画出企业网站的内容结构图 服务机构网站的规划 服务机构网站是指以服务机构为主体构建的网站 包括商业服务机构网站 金融服务机构网站 邮政通信服务机构网站 家政服务机构网站 休闲娱乐服务机构网站 行业机构网站等 其最高层域名一般为 net 少数为 com 服务机构网站的内容主要从ISP因特网内容接入服务 ICP因特网内容提供服务 ASP因特网内容应用服务这三个方面来进行设计 据此画出具体的信息结构图脚本 网页版面布局设计 版面指的是从浏览器看到的完整的一个页面 可以包含框架和层 由于不同的浏览者所拥有的显示器的分辨率不一致 所以在设计网页的时候要考虑到浏览者的实际情况 目前常见的网页所采用的分辨率有 640 480像素 800 600像素 1024 768像素等 网页布局 以最适合浏览的方式将图片和文字摆放在页面的不同位置 网页布局的基本原理是共通的 只要领会要点 就能够举一反三 创作阶段 打草稿 新建的页面就像一张白纸 没有任何表格 框架和约定俗成的东西 我们可以任意发挥自己的想象力 把想到的 景象 画上去 建议用一张白纸和一支铅笔 当然用图像处理软件FireworksMX等也可以 这属于创作阶段 不讲究细腻工整 不必考虑细节功能 只以粗略的线条勾画出创意的轮廓即可 尽可能多画几张 最后选定一个满意的作为继续创作的脚本 布局的草稿 粗略布局 在草稿的基础上将确定需要放置的功能模块安排到页面上 遵循突出重点 平衡谐调的原则 将网站标志 主菜单等最重要的模块放在最显眼 最突出的位置上 然后再考虑次要模块的排放 一般情况下 将网站的LOGO 导航条等元素放在屏幕左边显眼的位置上 访问者在浏览网页时可以对网站内容一目了然 星火网 首页的粗略布局图 最终定案 将粗略布局精细化 具体化 凭借智慧和经验 多方联想 才能做出具有创意的布局 星火网 首页的最终定案图 网页版面布局的原则 1 正常平衡 亦称 匀称 多指左右 上下对照形式 主要强调秩序 能达到安定诚实 信赖的效果 2 异常平衡 即非对照形式 但也要平衡和韵律 当然都是不均整的 此种布局能达到强调性 不安性 高注目性的效果 网页版面布局的原则 3 对比 所谓对比 不仅利用色彩 色调等技巧来进行表现 在内容上也可涉及古与今 新与旧 贫与富等对比 4 凝视 所谓凝视是利用页面中人物视线 使浏览者仿照跟随的心理 以达到注视页面的效果 一般多用明星凝视状 网页版面布局的原则 5 空白 空白有两种作用 一方面对其他网站表示突出卓越 另一方面也表示网页品位的优越感 这种表现方法对体现网页的格调十分有效 6 尽量用图片解说 此方法对不能用语言说服 或用语言无法表达的情感 特别有效 图片解说的内容 可以传达给浏览者更多的信息 网页版面布局的样式 就像传统的报刊杂志一样 我们可以将页面看作一张报纸或一本杂志中的一页来进行排版布局 设计版面时要把文字 图片 空白当作一个整体来看待 采用平面分割的方式 调动全部面积来构建这个版面 下面我们来探讨一下页面布局的样式 左右对齐方式布局 左右对齐方式满载着文字信息 没有浪费空间的感觉 是最适合传递商业性信息的样式 全景式布局 全景式分散排列多张图片 看起来就像在瞭望台上看全景画 访问者可以自由 闲庭信步地参与进来 全景式布局 包围式布局 包围式布局的基本思路是页面四周用色块或图案包围起来 以便产生一个被限定的世界 如果色块或图案是深重的颜色 则表示这个范围拒绝他人入侵 如果是浅色调 则表示这是一个柔和的世界 包围式布局 对称式布局 对称式布局的基本思路是以中心线为基准 左右对称 是一种格调高雅的安定型版式 单侧对齐式布局 单侧对齐式布局的基本思路是以左则对齐为基调 将右侧散开 一般用在追求理智和自由感适当的平衡场合 既暗示了页面的格调 也传达了自由的气氛 卫星式布局 卫星式以指太阳为中心的卫星环绕型 传递出家庭的印象 让访问者沉浸在可以自由参与的开放感中 散开式布局 散开式具有山
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 物资搬迁协议合同书模板
- 班班通安装劳务合同范本
- 精准扶贫房改造合同范本
- 销售店集体买车合同范本
- 牛肉面合作协议合同范本
- 物业消防水维修合同范本
- 燃气供货合同协议书模板
- 苗木移栽合同协议书样本
- 网签合同撤销协议书范本
- 甲状旁腺切除手术协议书
- 校园文化设计合同范本
- 违规宴请饮酒试题及答案
- 2025科级干部政治理论必考题库与答案
- 2025年河南省南阳市方城县多校中考二模 化学试题(含答案)
- 私人教练健身训练风险免责协议
- JT-T 600-2025 公路用防腐蚀粉末涂料及涂层
- 广西餐安考试试题及答案
- 2025-2030中国先进陶瓷材料行业市场发展趋势与前景展望战略研究报告
- 集采药品培训
- 化工设备操作规程
- 超市生鲜管理制度流程
评论
0/150
提交评论