前言 网站内容呈献是网站开发的一项重点,它最直接影响到一个网站的受欢迎程度。最起码的要求,是用户必须能有效地使用网站和浏览网站的内容。

Slides:



Advertisements
Similar presentations
迪士尼公主裙衫变化记. 《白雪公主和七个小孩人》 《白雪公主和七个小矮人》,是世界电影史上第一部长动 画片,也是迪士尼的第一部。《白雪公主》不仅为迪斯尼 带来了第一尊奥斯卡小人,更是拯救迪斯尼于水火的贵 人 —— 在经济大萧条的 1937 年的美国,《白雪公主》为迪 斯尼赚到了 850 万美元,这约等于现在的数亿美元!
Advertisements

共建多媒体优质资源 提高图书馆教学服务 新东方多媒体学习库 创新 实用 互动 权威的学习平台. 图书馆资源收藏类型 图书馆的服务任务 多媒体资源市场现状及未来发展方向 新东方集团介绍 新东方在线介绍 新东方多媒体学习库之市场背景 新东方多媒体学习库介绍 新东方多媒体学习库优势 新东方多媒体学习库用户调查.
三 图 形 设 计 的 方 法 与 表 现. 本章节学习目的 : ( 1 )熟练把握图形设计的方法程序,注 重理论与实践性相结合; ( 2 )掌握图形的基本表现形式和语言元 素的运用能力; 重难点: 充分运用图形思维能力,并将图形设 计基础方法和表现应用在设计实践中,注 重在表达上具有趣味性和准确性。
LOGO 理 气 药理 气 药. 本章学习要求  ( 一 ) 概述部分 掌握行气药的功效、主治、性能特点、配伍应用及使 用注意。 了解行气药及有关功效术语的含义。 ( 二 ) 药物部分 掌握橘皮、枳实、木香、香附、川楝子的性能、功效、 应用、特殊用法及特殊使用注意。 熟悉青皮、乌药、沉香、薤白的功效、主治及特殊用.
LOGO 郑州市第二十六中学 张松晨 承斑斓梦想 铸精神乐园 -- 教师发展学校试点工作阶段性成果.
西南政法大学图书馆 江波 重庆. 传统图书馆自动化图书馆复合图书馆数字图书馆  图书馆为图书流通服务所制定的相关规则,包 括图书流通类型、读者类型、读者可借阅图书 数量、可借阅时间、可续借时间、可续借次数、 可预约数量等。
高雄市議會第 2 屆第 2 次定期大會 高雄市政府秘書處業務報告 報告人:處長陳瓊華 104 年 10 月 29 日.
LOGO 江苏省徐州财经高等职业技术学校:张峰 —— 心理问题揭秘. LOGO 说课内容 一、说教材 二、说学情 三、说教法与学法 四、说教学过程设计 五、说板书设计.
LOGO 中国旅游地理 学习情境三. 学习目标 了解中国旅游区划的各种不同方案 掌握中国旅游交通运输网络的组成 熟悉主要旅游区域的旅游交通运输 网点。
網站企劃 WD702 C 陳嘉麟 貓貓桌遊店. 網站介紹 網站名稱 : 中文 : 貓貓桌遊館 網站起源 : 推廣桌上遊戲,在資訊快速發展的時代,仍然有可以 增進人際互動的遊戲,不再是一個人坐在電腦前面,對著虛 擬世界;也不會一直成為低頭族的一員。
化学制药工艺学 沈阳药科大学 知识模块 1 绪论. 沈阳药科大学制药工程学院 LOGO 知识点 1 化学制药工艺学及其研究内容 知识点 2 世界制药工业的发展现状 知识点 3 我国医药工业的现状和发展前景 知识模块 1 绪论 国家级精品课程 沈阳药科大学制药工程学院.
現今社會,資訊科技發達,人類互 通信息非常方便;例如政務司司長許仕 仁在 2005 年十二月二十二日的政改方案 被否決之後隨即發表講話,而香港廣大 市民迅速得知此事,或者在第二天早上 在各份報章上得悉事件之經過;這些足 顯示信息流傳之靈通;當中,資訊的傳 播皆有賴「於傳媒」之傳播。
LOGO 《静态网页设计》课程整体设计 电子信息工程系 计算机专业 李超燕. LOGO 2 课程在专业课程体系中的定位 3 岗位分析 目 录 1 课程的基本信息 6 本课程的特色和效果 4 教学整体设计 5 教学基本条件.
教育部顧問室海洋教育先導型計畫 補助計畫課程 課程名稱:跟著鄭和下西洋
教育部「生技產業創新創業人才培育計畫」推動中心計畫簡報
科学评价观下的幼儿全面发展评价 湖北省武汉市青山区教科研中心 胡秀玲.
网页设计与制作 教师姓名: 职务:.
第七章 日治時期社會、文藝的新趨向 第一節日治時期的社會變遷
中 國 大 節 慶 陳淑貞.
    第三章:中国的自然资源    第二节  中国的土地资源.
论设备监理 在构建能源互联网中的重要作用 LOGO 华铁工程咨询有限责任公司 郑 旭 日 –--总监理工程师
釣魚台事件 屬於我們的保「釣」運動將持續進行!.
班級:四服ㄧB 座號:40 指導老師:范靜媛老師 姓名:郭曼姿
LOGO 毕业实习要求 数学计算机科学系 潘杨友.
案例:社區參與式活動規劃 前言:規劃活動要經常想到社造精神 因為‧ ‧‧ ‧ 所以‧ ‧‧ ‧ 83年從日本引進推動「社區總體營造」工程
黄石市富宏机械制造有限公司 融资计划书.
网站 网站建设 网站建设包括网站策划、网页设计、网站功能、网站优化技术、NNT流量、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。网站建设的前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研,这些确立后,再去注册域名、租用空间、网站风格设计、网站代码制作五个部分,这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。
Web与信息检索 LJ JUFE-SIT.
專題製作 許惠淑.
《网页设计与制作》 教学课件.
网页色彩设计 (三)页面各要素颜色搭配 1、 背景与文字
南台科技大學 報告人 萬金生 教授 中華民國一0二年七月二日
組別:第一組 組長: 蘇安琪 組員: 陳育德、賴威融、陳仕旂、林龍兒、陳映璇、鍾亞琪、魏君瑜
網路書法藝術與生活 主講人:陳忠建.
网页图像动画与脚本编程 主讲:熊丽华.
学习情境三:配置WEB服务器 服务器配置与管理.
郑州市惠济区第六中学 网站推介 姜茂方 2015年1月10日.
网页设计师职位需求.
教学网站设计与制作教程 第四周 主讲:黄光芳 TEL:
常见的视频格式和播放软件.
佛山科学技术学院 第8章 网页设计基础 Internet及多媒体应用.
制 四 造 川 商家入驻及操作教程.
风 波 鲁 迅 江南水乡风景.
世界地球日 北京市京源学校 侯小波.
珍惜时间 提高效率 初二1班
项目管理风险流程图 巴中市交通运输局.
LOGO 公 民 与 法 法务审计部 2014年8月22日.
第五章 网页设计 网页制作的语言和工具 网页制作步骤和原则 使用Dreamweaver工具制作网页 使用FrontPage工具制作网页
Ch1.認識全球資訊網 1.1 「網際網路」與「全球資訊網」 1.2 全球資訊網的基礎 – 網頁與超連結
第 3 章 網頁的基本設定與預覽.
中華技術學院 網頁設計研習會.
网页制作与设计 主编 耿 杰 科学出版社.
W3C标准网页制作 主讲教师:张 涛.
多媒體製作流程 May 吳怡蒨.
第一章 網站架設流程與空間申請 講授者:詹雅愔.
我參與,所以我分享更多 豐原高中 潘淑滿.
网页制作基础 授课老师: 黄露.
搜狐分类信息在网络营销中的作用 胡 宝 介 2006年7月15日 首页.
机械制图:绘制正五角星 徐霄宇.
网站优化的思想与方法 冯英健 2005年6月28日 北京 首页.
主題文字標題上架 Logo 180px X 60px 最新消息文字 封面圖片 訊息標題 簡述文字 可自行上架 作品區文字
廣告學程面試題目.
9.
百週年專刊.
第7章 Flash基础动画制作 本章主要内容: 逐帧动画 补间动画 形状补间动画.
ASP动态网页设计实用教程 主讲教师:贾海陶.
网络营销 网络广告基础.
2018年 4A 創意獎 《數位獎項評選表》.
项目商业计划书内容模板 — 说明 该模板仅为商业计划书内容模板,仅列举材料所应包含内容:封面、理论基础、技术来源、技术门槛、团队简介、创新突破、应用前景等。 模板中LOGO、标题、文本框及字号格式等并非大赛要求样式。大赛并未对商业计划书的背景、格式、各部分篇幅和顺序等方面提出具体要求,请各参赛队伍根据实际情况自行设计编写,整体篇幅不超过15页。尽量采用图文并茂的方式进行展现。
小腳ㄚ遊港都 製作人:葉睿恩、陳品潔、洪采襄.
Presentation transcript:

前言 网站内容呈献是网站开发的一项重点,它最直接影响到一个网站的受欢迎程度。最起码的要求,是用户必须能有效地使用网站和浏览网站的内容。   网站内容呈献是网站开发的一项重点,它最直接影响到一个网站的受欢迎程度。最起码的要求,是用户必须能有效地使用网站和浏览网站的内容。   内容呈献除了直接与网页的版面和图像设计有关之外,更深一层的是与网站的技术结构设计相联系的。尤其是目前静止网页的用途已降到次要位置,网页的内容均以交互方式呈现。交互方式代表的并不只是网页语言HTML的延伸,交互方式的实现需要网页背后网站服务器的大量软件支持。   网站用户代表的是一个以几何级数膨胀的群体。据统计,中国互联网用户每半年翻一翻。如何在保证网站高性能的前提下,不断满足越来越多用户的需求。这一问题从另一角度来理解,将牵涉到网站内部结构的规划、设计、扩展与系统维护。 World Wide Web (WWW) 的诞生在某种意义上,提供了一个低成本的内容发行渠道,但是 “低成本”却不能意味着“低质量”。恰恰相反,正因为互联网络使得信息内容的发行成本降低了,所以更应该在内容的呈献上花力气、花本钱,大做文章,做得更好。

网站的可使用性 网站必须设计得易于使用,网站不能只是信息的简单堆砌。这一要求最直接地与网站的版面设计和服务器的功能定义相关联。随着商业化网站的增加和发展,人们慢慢总结出一些网站可使用性方面的要求,但在很大程度上,人们对可使用性的了解仍处于启蒙阶段。所以,这里只能列出一些在网站设计中该做和不该做的

网站的可使用性 1)网站要有好的导航功能,以便读者游徊。  譬如,每一网页都应能链接到网站的主页,和逻辑上的前页后页、上页下页,当网站网页数目超过100页时,考虑提供搜索引擎服务。

(2)网站网页要有好的被检索设计。   上面提到,大型网站要提供检索功能,为了让检索出来的结果真切地反映网页内容的相关性,应该用简洁明了的文字来撰写网页的题目和标题。同时注意用好网页最前面的二三十个文字,以期最精华地反映网页的内容。因为,搜索引擎也将摘录网页的这部分再现给用户。   除此之外,应定义好网页的关键词,以增大被检索到的概率。

3) 网页要有可读性。   网页需要有结构,尤其是长篇的网页,可以考虑把长篇的网页分开成多幅,或者提供网页之内的捷径链接,使用户可以很快地跳跃过部分篇幅。有节制地使用网页上的动感画面和动感标题,因为过度使用将影响用户阅读。   注意图像编辑、色调、色彩与剪裁,使其与总体相称。   留意网页的下载速度。再好的网页,如果需要超过10秒钟下载时间,也将会失去观众。网页的下载速度将牵涉到下面要谈论的网站高性能问题,但在网站容量恒定的情况下,注意网页图像文件的多少和大小是控制网页下载速度最有效办法。

4)网站应能让用户达到其专门的使用目的。 这可以说是一个笼统的题目,其中包含了广泛的话题。譬如说,用户在使用网站的电子邮件功能,几方面将影响其使用效率。第一,用户界面的设计;第二,电子邮件服务器的响应时间和处理速度;第三,网络传送的速度;第四,网站和应用软件的可靠性。除了用户界面设计与以上讨论紧密联系之外,其他方面都将在以下具体讨论。这个例子说明,网站的可用性,其实牵动了网站技术结构的总体。

网站项目建设流程 一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。

二.需求分析 第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说明,仔细分析,挖掘出他潜在的,真正的需求。 配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点: 1.正确性:每个功能必须清楚描写交付的功能; 2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求; 3.必要性:功能是否必须交付,是否可以推迟实现;

三.系统分析

网站总体设计 同时需要写一份总体规划说明书,包括 1.网站的栏目和版块; 2.网站的功能和相应的程序; 3.网站的链接结构; 在做完需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案。总体设计是非常关键的一步。它主要确定 1.网站需要实现哪些功能; 2.网站开发使用什么软件,在什么样的硬件环境; 3.需要多少人,多少时间; 4.需要遵循的规则和标准有哪些 同时需要写一份总体规划说明书,包括 1.网站的栏目和版块; 2.网站的功能和相应的程序; 3.网站的链接结构; 4.如果有数据库,进行数据库的概念设计; 5.网站的交互性和用户友好设计。

网站建设方案 网站需要实现的目的和目标; 网站形象说明 网站的栏目版块和结构 网站内容的安排,相互链接关系 使用软件,硬件和技术分析说明 开发时间进度表 维护方案

四. 项目实施

整体形象设计 网页设计师开始设计网站的整体形象和首页。 整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner(旗帜广告板),菜单,标题,版权等模块设计。首页一般设计1-3个不同风格供选择。

开发制作 程序员和网页设计师同时进入全力开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力。项目经理需要经常了解项目进度,协调和沟通程序员与网页设计师的工作。

调试完善 在网站初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。 为什么要记录文档呢?其实本软件工程本身就是一个文档,是一个不断充实和完善的标准。通过不断的发现问题,解决问题,修改,补充文档,使这个标准越来越规范,越来越工业化。进而使得网站开发趋向规范,趋向合理。

宣传推广 宣传推广的基本方法有: 1.网页里设置适当的META标签; (meta标签是记录有关当前页面信息的head元素,这些信息有字符编码、作者、版权或关键字。这些标签还可用来给服务器提供信息,如页面的过期日期、刷新时间间隔和PICS分级。(PICS是Internet内容选择平台,它提供指定Web页面分级(如影片分级)的方法。) 2.各搜索引擎登录; 3.准备新闻稿件在各新闻公告板发表; 4.合理使用Email邮件列表; 5.广告条交换; 6.付费广告。 至此,网站项目建设完毕,将有关网址,使用操作说明文档等提交客户验收。如果需要维护,另行签定维护项目。

维护 网站成功推出后,长期的维护工作才刚刚开始,我们需要做到的是 1.及时响应客户反馈;例如可以采取Email自动回复功能,然后在1-3个工作日里解决问题,再次回复; 2.网站流量统计分析和相应对策; 3.尽量推广和使用您的网址; 4.网站内容的及时更新和维护。

五.遵循的规范 网站建设目录规范 1. 在网站根目录中开设images common temp 三个子目录,根据需要再开设media 子目录,images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等;common 子目录中放css、js,、php、include 等公共文件;temp 子目录放客户提供的各种文字图片等等原始资料;media 子目录中放flash, avi, quick time 等多媒体文件 。 2. 在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。 3. temp 目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供的资料归类整理。 4. 除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂,

遵循的规范 网站文件命名规范 1. 每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm 2. 件名称统一用小写的英文字母、数字和下划线的组合。 3. 命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作 。 4. 下面以“新闻”(包含“国内新闻”和“国际新闻”)这个栏目来说明html 文件的命名原则 : ☆ 在根目录下开设news目 录 ☆ 第一条缺省新闻取名index.htm ☆ 所有属于“国内新闻”的新闻依次取名为:china_1.htm, china_2.htm, … ☆ 所有属于“国际新闻”的新闻依次取名为:internation_1.htm, internation _2.htm, … ☆ 如果文件的数量是两位数,请将前九个文件命名为:china_01.htm, china_02.htm 以保证所有的文件能够在文件夹中正确排序。

遵循的规范 网站文件命名规范 5. 图片的命名原则遵循以下几条规范 : ☆ 名称分为头尾两两部分,用下划线隔开。 ☆ 头部分表示此图片的大类性质,例如广告、标志、菜单、按钮等等 。 ☆ 一般来说: 放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner 标志性的图片我们取名为:logo 在页面上位置不固定并且带有链接的小图片我们取名为button 在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu 装饰用的照片我们取名:pic 不带链接表示标题的图片我们取名:title 依照此原则类推。 ☆ 尾部分用来表示图片的具体含义。 ☆ 下面是几个样例,大家应该能够一眼看明白图片的意义: banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.

遵循的规范 3.网站建设尺寸规范 4.网站首页head区代码规范 5.网站连接结构规范