Web开发综述

1.3网站名称
主页的 命名
• 名称要正。这个“正”其实就是要合法，和理，和情。学校名称。 • 名称要易记。除非特定需要，网站名称最好用中文名称，不要使用 英文或者中英文混合型名称。另外，网站名称的字数应该控制在六 个字（最好四个字）以内。 • • 名称要有特色。如果能体现一定的内涵，给浏览者更多的视觉冲击 和空间想象力，则为上品。
7.2创意的火花
创意(Idea)是网站生存的关键。一个新奇的 创意(Idea)是网站在网络世界脱颖而出的重 要因素，它可以使你的电子商务因网站的精 彩而锦上添花。一个好的网页设计师，脑子 应该经常闪耀着创意的火花，涌动着创作的 冲动，酝酿着奇思妙想。
这里说的创意不是指网页的平面设计创意，而是指站 点的整体创意 (因为这个创意而产生这个站点，或者 相同的内容，推出的创意不同)。
6.1确定网站的总体布局
• 网站的框架一般有回字结构、匡字结构、 同字结构等等，还可以有自己的独特结构。 主要看单位的性质和类型和个人的创意与 设计。 • 确定布局时一定要考虑到页面的可扩充性。 随着网站信息的变化，随时修改网站布局。
6. 2规划网站栏目和板块
如何组织内容吸引网友浏览网站，充分发 挥网站的作用呢？ 这就需要 确定网站的栏目和板块，通过各 个栏目将网站的主要内容表达出来。
6.2.2版块设置
版块比栏目的概念要大一些，每个版块都有自己的栏目。
设置版块应该注意 • 各版块要有相对独立性 • 各版块要有相互关联 • 版块的内容要围绕站点主题。
导航条
有些站点的内容庞大，分类很细，往往有三、四级甚至 更多级数的目录页面，为帮助浏览者明确自己所处的位 置，网站设计师往往在页面里显示导航条。
– 信息互补，是信息空间的补充、完善
• 内容连续性
– 吸引“回头客”，确立固定访客群 – 信息的连贯性，步步深入，步步更新
• 专题栏目 • 周边资源
• 对于一个学校来说，就是搜集整理学校资 料，包括学校总体介绍，如学校历史、规 模、学校部门、文化、办学理念、荣誉、 和发展。学校资料不仅包含文字资料（不 宜过多），也包含一些图片资料和数据资 源，如学校建筑，员工图片，教学，实验 等图片。可以学校提供，也可以自己设计。
字母 “ E ‖ 的变形
字母 “ E ‖ 的变形
字母 “ E ‖ 的变形
创意思考的途径－－联想
1. 把它颠倒 2. 把它缩小 3. 把颜色换一下 4. 使它更长 5. 使它闪动 6. 把它放进音乐里 7. 结合文字音乐图画 8. 使它成为年轻的 9. 使它重复 10. 使它变成立体 11. 参加竞赛 12. 参加打赌 13. 变更一部分 14. 分裂它 15. 使它罗曼蒂克 16. 使它速度加快 17. 增加香味 18. 使它看起来流行 19. 使它对称 20. 将它向儿童诉求 21. 价格更低 22. 给它起个绰号 23. 把它打包 24. 免费提供 25. 以上各项延伸组合 -------------(转载自樊志育《广告制作》)
• 内容性很强的网站最好是用其内容来命名
• 个性化极强主页，可以根据个人喜好来定名字
1.4栏目的名称
• 名称要有规律，最好字数相同。 • 栏目名称的命名类似网站名称命名，最好使用以 内容来命名。 • 若同类站点很多，同类站点相仿栏目很多，那么 最好起大家都用的栏目名称。 • 若不属于专一内容的网站，那么内容设置，可能 跳跃很大。此类站点，不容易精致。则可以考虑 分出大类，把它们明了化，使得网站内容明确清 晰，再根据区域编排的框架来设计 。
可以从这 几方面来理 清思路
可以通过以下方式加强网站风格
• 将标志logo尽可能的出现在每一个页面上 （页眉、页脚、背景） • 突出标准色彩（文字的链接、图片的主色 彩、背景色、边框等采用与标准色彩一致 的色彩） • 突出标准字体（标题、菜单、图片） • 选择一个易记的标语。 • 统一的图片处理效果。 • 自己设计个性的图片或点缀。
传统艺术站点可以用篆字、隶书，以此衬托出深厚的文化底蕴；
邻近色的应用
对比色的应用
5.1设计网站的字体
• 标准字体主要用于标志、标题、主菜单的特有字体。一般 网页默认的字体是宋体。为了体现网站的不同风格，可以 根据需要选择一些特别的字体。 • 粗仿宋表达的是专业 • 广告体表达的是设计精美 • 手写体表达的是亲切随意。
– “太滥”是指到处可见，人人都有的题材； “目标太 高”是指在这一题材上已经有非常优秀，知名度很高 的站点，你要超过它是很困难的。
1.2网站的内容制作
• 建立网站第一步就是收集网站资料。 • 内容定位
– 搜集资料要全面，要有特点 – 信息筛选要明确，不可杂、乱 – 存储信息要条理分明
• 内容互补性
6.2.1细致地划分主要内容栏目
将主要内容信息按一定的方法分类，并为它们设立专门的栏目。主题栏目 个数在总栏目中占绝对优势，这样的网站专业主题突出，容易给人留下深 刻印象，并且过目不忘 。
设置搜索引擎，并且设置本站指南栏目，可以帮助初访者快速找到他 们想要的内容。
所谓交流栏目，是指论坛、留言本、邮件列表等，可以让浏览者有机会 发表他们的意见，参与网站的活动。
• 一般来说，一个网站的标准色彩不超过三 种，否则看者就眼花缭乱。标准色彩主要 用于网站的标志，标题，主菜单和主色块， 给人整洁统一的感觉。其他色彩只是点缀 和衬托。 • 适合网页的标准色有：蓝、黄/橙色，黑/灰/ 白色三大色系。 • 灰色是万能色，可以和任何彩色搭配，也 可以帮助两种对立的色彩和谐过度
• 第10类：生活 / 时尚
一些常见的题材
古典音乐 科幻小说 国画画廊 陶艺园地 中华佛义 流行情报 电影世界 影视偶像 Midi金曲 游戏天堂 PS王国 集邮 骇客资讯 网上教室 免费软件 金庸客栈 象棋世家 漫画天地 幽默轻松 电子贺卡 软件宝库 天文星空 少年园地 儿歌专集 健康资讯 天天花店 免费大全 超频天堂 红楼梦 美容美发 能吃是福 中国足球 体育博览 旅游天地 国旗大展 爱情占星 宠物猫 热带鱼 女性主义 破解资源 Java小屋 股市信息 古今佳句名言 游戏排行榜 GIF动画库 摄影俱乐部 中国古典诗词 Windows技巧 网页研习室 电脑杂志 武器博物馆 硬件开讲 媒体大师 影像合成 病毒字典 超级图书馆
蓝色灰色常常用于工业高科技企业如奥迪公司的网页大量使用灰色 显得十分高贵
奔驰汽车公司的主页简约而华贵十分耐看
我国著名的IT 企业联想集团以蓝色为标准色，它的网站也突出了蓝色色调。
Intel公司用蔚蓝色作本企业的标准色。蔚蓝色是海洋的颜色，富 于现代气息，其网站以蓝色为主色调
可口可乐公司用红色作本企业的标准色，可口可乐公司的红色是与徽标同时出现的， 早已为大众熟知。标准色也成为公司的无形资产本。
色彩设计哲学——色彩象徵
• 红—是一种激奋的色彩。使人产生冲动、愤怒、热情、活力的感 觉。 • 绿—介于冷暖之间的色彩，显得和睦、宁静、健康、安全的感觉。 和金黄、淡白搭配，产生优雅舒适的气氛。 • 橙—令人激奋的色彩，具有轻快、热烈、温馨时尚的效果。 晚霞、秋叶、温情、积极 • 黄—给人快乐、希望、智慧和轻快的个性。明度最高。 黄金、黄菊、注意、光明 • 蓝—凉爽清新专业的色彩。和白色混合体现柔顺、淡雅、浪漫的 气氛。 海洋、蓝天、沉静、忧郁、理性 • 紫—高贵、神秘、优雅 • 白—洁白、明快、纯洁、纯真、神圣 • 黑—深沉、神秘、寂静、悲哀、压抑的感觉 • 灰－中庸、平凡、温和、谦让、中立、高雅的感觉
2.1设计网站的标志（logo）
和商标一样，logo是一个站点特色和内涵的 集中体现，看见logo就能让大家联想起站点。 标志图形的设计创意来自网站的名称和内容， 标志可以是中文英文字母，可以是符号图案， 可以是动物或者人物等等。 一般,对于学校来说就是学校的校徽。
2.2网站标志设计创意
• 选用有代表性 的人物、动物、 花草。可以用 它们作为设计 的蓝本，加以 卡通化和艺术 化。
济南大学“信控在线”网站升华论 坛
设置信息下载和咨询服务栏目
• 设置一个资料下载栏目，会大大方便用户使用信息的需求,得到用户的好评。
设置信息下载和咨询服务栏目
• 设立一个咨询服务栏目，将一些大家都关心的、有代表性的问题汇编起来，既方 便了网民，也可以及时得到有关信息的反馈意见。
方便实用的网 站指南
题材选择的建议
• 主题要小而精。
–定位要小，内容要精。最大特点就是内容新和更新速 度快,特别是新闻和重要事件,内容和速度一定要跟上, 当然这业需要一个有责任心的管理员维护这个网站。
• 题材最好是你自己擅长或者喜爱的内容。
–兴趣是制作网站的动力，没有热情，很难设计制作出 杰出的作品。
• 题材不要太滥或者目标太高。
WEB开发综述
1. 2. 3. 4. 5. 6. 7. 8.
一方面是纯网站本身的设 计，比如文字排版、图片 制作、平面设计、三维立 网站的主题、内容和名称定位 体设计、静态无声图文、 网站的形象设计与CI 栏目和版块 另一方面是网站的延伸设计， 网站的整体风格与创意设计 包括网站的主题定位和浏览群 版面布局与页面设计 的定位、智能交互、制作策划、 形象包装、宣传营销等等 色彩的搭配 网页中的字体、插图处理、动画与广告 考虑不同的浏览器和分辨率
关于字体的使用
• • • • 一般不超过3中以上的字体。 不要用太大的字体。 不要使用不停闪烁的字体。 一般标题字体较正文大，颜色也应有所区 别。
少年儿童站点可以用活泼的字体，看起来天真可爱。
5.2设计网站的宣传标语
• 它是网站的精神和目标，用一句话或词语 高度概括。如intel的“给你一颗奔腾的心” • 对于学校来说就是校训或者某著名人士的 题字等等。
7.1风格
• 风格（style）是抽象的。是指站点的整体 形象给浏览者的综合感受。是人性化的， 是独特的，是与众不同的。 • 从色彩、技术、交互方式让浏览者明确是 该网站所独有的