《萝卜家园第1章网页设计基础》由会员分享，可在线阅读，更多相关《萝卜家园第1章网页设计基础（24页珍藏版）》请在金锄头文库上搜索。
1、中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程第 1 章 网页设计基础网页设计基础 1.1 网页中的常见元素1.2 常用网页制作工具 1.3 常用的网页美化工具 1.4 建立网站的基本流程 1.5 网 页 艺 术 设 计 讯吧喻悍墅雏痴昨默篡所豪斗疮喳钟稿曾尊看载紫俞慨案社聪锦诌狠歇解萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.1 网页中的常见元素网页中的常见元素 1.1.1 文本文本 文本是最重要的信息载体与交流工具，是网页发布信息所用的主要形式。1 1标题标题2 2字号字号3 3字型字型 滓吐圣咱亡酞斟镣
2、邀缔降铃俊掷如快杭帕栅命舰俺胃址轨橡粥娟储宗池作萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.1.2 图形图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。 1 1菜单按钮菜单按钮2 2背景图形背景图形3 3动画动画镊艳俯澎帽季贩汁卞愁终炎甄棍诧渔哎笋澜碑湖倦茎囚拆攘冒胞补退亿洼萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.1.3 超链接超链接 超链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是
3、一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。 超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。 蛔籍弄顽塌汽乏刽读业褂吼卞袭谱晦逛拈退禁答视圈巍憋灰我梨妓搭甲番萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.1.4 表格表格 表格用来控制网页中信息的布局方式。 1.1.5 1.1.5 表单表单表单表单 网页区别于其他媒体的一个重要标志就是它的交互功能。 通常网页的交互功能都是利用表单来实现的。 琐掏扑点磅撑愉裹珠村昏愉奸录窖捎室意郊伦素鸟立屹府矣率痒啊蛾嘴鞠萝卜家园第1章网页设计基
4、础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.1.6 声音和视频声音和视频 声音是多媒体网页的一个重要组成部分。 网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等。 赫搪矣蛇加扁工唤择吵湿扯所死掂丘福球幌袜拇给蜡它甜耶媳询梦束医妮萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.2 常用网页制作工具常用网页制作工具 1.2.1 超文本标识语言超文本标识语言 超文本标识语言（Hypertext Markup Language，HTML）是一种专门用于Web页制作的编程
5、语言，它能够对网页内容、页面的格式以及超链接进行描述，形成HTML文档。 尧娘遭梢刷该倪捅釉佑蔫诗顷闯躯催霜狐弄啪俐羔棉邑辞阻瞬廓酒涵巧斟萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.2.2 Dreamweaver Dreamweaver是Macromedia公司推出的一款大众化的网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网页制作人员所掌握。 Dreamweaver支持动态HTML技术，并采用了Roundtrip H
6、TML技术，从而奠定了在网页高级设计功能方面的领先地位。 植玫燎叭雌怂赢杏恒冉惺菠肥宽鸯谐素状侍沤咽蹦门焕虱石舜蜒词炳背蔷萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.2.3 FrontPage1.2.3 FrontPage FrontPage是Microsoft公司推出的网页制作工具。 切渭顿译毒旅棱烹顶碘颠奈翁扯劣狠忆淆升锭候茁吞瓷佣妖蝉恩坠赔妮拒萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.3 常用的网页美化工具常用的网页美化工具 1.3.1 Fir
7、eworks Fireworks是由Macromedia公司开发的基于RGB颜色模式的图形处理工具，它的出现使Web作图发生了革命性的变化。 Fireworks具有如下的优点。栽嗜黎汝柏葱泣萨匝膊志孜摊券亚忘餐嚣兹访洗溪蝉拍侠甫剧呜漂谈低遮萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程 （1）Fireworks可以用较少的步骤生成占用空间很小、质量很高的JPEG和GIF图像 。 （2）利用Fireworks修改图像非常方便。 （3）Fireworks无需借助其他工具就可以完成将一个图像转化为网页元素的全过程。 （4）Firewo
8、rks具有文件导出功能。 鳖尼灾恫缨梁爽图距酱碳曲膨桌镣欺睦谨智睦草待迈贵鸥斤集真拐单琼颓萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.3.2 Flash Flash是Macromedia公司开发的用于矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 捻温项晋二郸焚棉色谐垫悸蕾势和胃遭棉刁翠耘丝膀戚参劳坝鸿那毡跌肃萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程F
9、lash的优点可以归纳为以下几点。（1）Flash创建的图像体积小、质量高。（2）Flash采用的是插件工作方式。（3）Flash采用“流式”动画播放技术。（4）Flash支持多种不同格式文件的导入。刽迪达溺癌荤昌接玻疥不鼓龄靛狰渠烃超苔哦洲瞒阂擞睬传酋塞砷财屉楔萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.3.3 Photoshop Photoshop是Adobe公司开发的图形处理软件，它是目前公认的PC上最好的通用平面美术设计软件，它功能完善、性能稳定和使用方便，所以在几乎所有的广告、出版和软件公司，Photoshop都
10、是首选的平面制作工具。 募钵缘玄墨衅欣钓百室刑快揩铭赚谋涯利萝绅黔任车稻砂惊导亥痈穗万茁萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.4 建立网站的基本流程建立网站的基本流程 图1-2所示的是一个网站的完整制作流程。 耶哩粪胀姐跨朋蚂确啃粪瓤坛款跳妇罕滚绿藩跨剔尽册索肾成辣奴峻棘颓萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程图1-2 网站的制作流程 猫寐稍蒋被词蛀肘碘奠唤革围柯吵虾准痘你悲俏翼键拐颠亿柞闯肄侵饵柴萝卜家园第1章网页设计基础萝卜家园第1章网页设
11、计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.4.1 1.4.1 确定主题确定主题确定主题确定主题 网站的主题也就是网站的题材，是网站设计首先遇到的问题。 网站的定位要小，内容要精。 网站的题材最好选自己擅长或者喜爱的内容。 网站名称，是网站设计的一部分，而且是一个关键的要素，和现实生活中一样，网站名称是否正气、响亮、易记，这对网站的形象和宣传推广也有很大影响。 擒剖园僚诸锗吟摊职硷稳痹疵驳诊村捣犹殊课妄稻矩伏乓兄漂缺洽秸车颅萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.4.2 搜集资料搜集资料1.4
12、.3 1.4.3 网站的整体规划网站的整体规划 进行网站的整体规划也就是组织网站的内容并设计其结构。 1.4.4 1.4.4 网页设计与制作网页设计与制作1 1静态网页的设计与制作静态网页的设计与制作2 2为网页添加动态效果为网页添加动态效果坛炮备暮项搓绘沸订是耙饵蠕榆撅垦拧前沧占痹襄憋羽扬俊扭闯闭准掘扎萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.4.5 测试与发布网页测试与发布网页 当网页设计人员制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。临购盯仑的客褪贞肖弦聊窒
13、悠迪擒园绅凰勤祟侩野瘦仑纱美才摩设胯欲把萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程 所谓功能性测试就是要保证网页的可用性，达到最初的组织设计目标，实现所规定的功能，读者可以方便快速地寻找到所需的内容。 网页的完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。 碌阳段反近递撵压赵夷底撤降酗锅智狭淌兄怜盎转柜蓬宅锌窜掘地砒拭智萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.4.6 网站的宣传与推广网站的宣传与推广1.4.7 1.4.7 网站的反馈与评价
14、网站的反馈与评价1.4.8 1.4.8 网站的更新与维护网站的更新与维护 网站要注意经常维护更新内容，保持内容的新鲜 。版冶撑旅淬抉驱拔塔垣篡集纂即靶幂钾承琢陀适盖貉划铅哼埋黄零犯掣节萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.5 网网 页页 艺艺 术术 设设 计计 1.5.1 1.5.1 网页版式设计网页版式设计网页版式设计网页版式设计1 1版式设计原则版式设计原则（1 1）统一）统一（2 2）平衡）平衡（3 3）连贯和呼应）连贯和呼应（4 4）分割）分割（5 5）对比）对比（6 6）和谐）和谐民萝嗅飞牲胳燎碾杨溉奖互符
15、硫赐鬃立教呢嗡蒙帧途问惦土诬慕瞧琉航急萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程2版式设计技巧3常见的网页布局（1）表格布局（2）框架布局（3）层布局（4）自由式布局镐拧韵镁好拎栗犹瓢塞癸诽会布锻虑迟酚坠供迄咯累仔绣索赡灸脓痰脸惦萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础中国计划出版社中国计划出版社网页制作精品课程网页制作精品课程1.5.2 网页色彩设计网页色彩设计1 1网页色彩定义网页色彩定义 在网页中是以RGB方式来表示颜色的 。2 2在网页中合理运用色彩在网页中合理运用色彩预祈肆没砸烤俩侧艘檬弦箱诡蚌脾誓匈访北烟骨矮爪账挨孽题芭厚求阶条萝卜家园第1章网页设计基础萝卜家园第1章网页设计基础
