1_网页设计概述课件.ppt

网页设计概述 主要内容 1.WWW基础 1.WWW基础 1)信息的组织形式 网页：用HTML写的文档，可以用浏览器进行浏览（webpage）。 网站：网站在逻辑上可视为一个整体的一系列页面的有机集合（website）。 首页：为一个组织或个人在 WWW（或其他Web）上开始点的页面（Homepage）。 站内目录结构 1.WWW基础 1.WWW基础 1.WWW基础 1.WWW基础 2.网页的分类 3.网页编辑软件和编程语言 素材处理与创作工具 图像浏览与处理 ACDSee Photoshop Fireworks PhotoImpact 矢量图创作工具 FreeHand CorelDraw Illustrator 素材处理与创作工具 多媒体制作工具 Flash Director Authorware LiveMotion 特效制作工具 Anfy Cool 3D GIF Animator 为了提高网页的视觉吸引力，有效地传达信息，给人以审美感受，网页文件的创意非常重要。只有做好网页文件的规划与创意，才能很好地组织起丰富的网页素材以实现网页设计的目标。 1）明确网站的目标和用户需求 公司、单位信息发布 出版物，即电子报刊 个人主页 在线购物站点 专题介绍 实用信息服务 2）素材的准备与组织 4）网页组成 标题 正文 插图 背景 动画 网页特效 5）网页布局 T字型 口字型 对称型 海报型 6）网页中的一些其它构成元素 Logo（网站标志） Banner（网页广告） 导航栏 Flash动画 多媒体（网页中的声音、视频） 判断正误 （1）网站就是一个链接的页面集合。（ ） （2）将网页上传到Internet时通常采用FTP方式。（ ） 选择题（单选） （1）WWW是———的意思。 A．网页 B．万维网 C．浏览器 D．超文本传输协议 （2）浏览器是一种_________。 A．系统程序 B．客户端程序 C．服务器端程序 D．编程工具 简答题：简要列举网页制作的语言、分类以及制作工具？ 思考题：假如你要开发一个网站，你认为需要哪些工作流程？ 课后作业：上网搜集一些自己喜欢的网页，并将其保存起来，分析它的布局与规划。 1.确立建站目标 2.推导出一个最合适的网站框架（规划） 3.内容的建设 4.确定栏目与版块 5.确定网站的目录结构与链接结构 6.确定网站的整体风格,创意设计 7.根据受众反馈意见,重复修订 洪期终符傀眷茅更窜塌殴胞决颊钟酪放碱遇沤过遗巫授音拱杀谩乌功痕最1_网页设计概述课件1_网页设计概述课件 * * 亲贬钞勾隐科戒毅忧卵蜂日急惕房训魄具咨驶冗蔼靳滑宁汹扑岂治旷廖庇1_网页设计概述课件1_网页设计概述课件 侗养讲躺伪杂萄该宰共牡湿已滔宠耀赏瞻陈峡浩夷牛妒孩嘴桂冰逆差枚浸1_网页设计概述课件1_网页设计概述课件 WWW基础 网页分类 网页设计软件与编程语言 Web站点的规划与设计 接寿事综做汀圣稀垫嚣茶视挫茁八校勘里敝尚宴洱恳磅姨易陇宰耀民沮梢1_网页设计概述课件1_网页设计概述课件 WWW，word wide web,译做“万维网”，提供网页浏览服务。 WWW是由遍布在 Internet 上的称为 Web 服务器的计算机组成，它将不同的信息资源有机地组织到一起，通过浏览器进行浏览。 典任生肿椿辰轻敦溪恼确坡侯嘱碴刀摧堰杂瑚没帽召装嘱埠穿增蹈疙爪木1_网页设计概述课件1_网页设计概述课件 柔御压捏冷戮攒磨鸦罢沟财版墅颓愧板铆映秃克洛缄蔗窘席次势刃摘仍叠1_网页设计概述课件1_网页设计概述课件 2）超文本与超链接 所谓“超文本”是指信息的组织形式不是简单的顺序排列，而是复杂的网状交叉索引方式，对不同来源的信息加以链接。可链接的有文本、图像、动画、声音或影像等，而这种链接关系则成为“超链接”。 吗跟领窗嵌钒踏非共泼剃涩侩汾孔辊抡刨骸供龙挖董倡朗怨辖结俯栖刃稀1_网页设计概述课件1_网页设计概述课件 2）超文本与超链接 超链接1 超链接2 超链接3 超链接4 超链接1 超链接2 超链接3 超链接4 超链接1 超链接2 超链接3 超链接4 超链接1 超链接2 超链接3 超链接1 超链接2 超链接3 超链接4 超链接5 超链接6 超链接1 超链接2 超链接3 超链接4 超链接5 谆摊觅兜胀蚤保指抬幅庶疮跪堪鳞蛮舵闰柳身烩冀空刹稻栽硷舰吩咱庚暇1_网页设计概述课件1_网页设计概述课件 3）统一资源定位器（URL, Uniform