《网页设计与制作》课程教学资源（PPT课件讲稿）第1章 初识网站和网页

第1章初识网站和网页 网站和网页 。网页中的元素类型 #丛功能角度分析网页 。常用网站管理与制作软件 。网站建设流程

第1章 初识网站和网页  网站和网页  网页中的元素类型  从功能角度分析网页  常用网站管理与制作软件  网站建设流程

1.1 网站和网页 1.1.1网站、网页和主页 网站是网页的集合，网页是组成网站的元素。 文年更胸随香看阳衣席公工具中利面国 G腿·⊙1P除色共厨团 A性划装价 其它位置 网页 匀料上活 目a且a且目周 目目目思目目国 ☒ ☑☒☒凹

1.1 网站和网页 网站是网页的集合，网页是组成网站的元素。 1.1.1 网站、网页和主页 网页

一个小型网站可能只包含几个网页，而一个大型网 站则可能包含成千上万个网页。 小型网站 大型网站 事莲g用国充型西：H M线1内N对春 曰ni 常一 “ 堂 尝地 基容在有 管“ 合僧” 日恩息且a目 aB 色“ 目g息目目，自目 目@目目目0国 目@目，国①①园

大型网站 一个小型网站可能只包含几个网页，而一个大型网 站则可能包含成千上万个网页。 小型网站

主页也叫首页，每个网站都有自己的首 页，它是浏览者登录网站时看见的第一 个网页，也是网站的入口。 卡正D州别”65世最2年 生粗通亚品■靠湖食省为程2总底量w性线江级 常a葱深飘 生上☆ 新浪网 的 站首页 天 口☒☑☒☒回

新浪网 站首页 主页也叫首页，每个网站都有自己的首 页，它是浏览者登录网站时看见的第一 个网页，也是网站的入口

1.1.2网页是什么 网页中除了包含文字外，还包含图像、动画等内容。 有风黑重复件着年一8xrt1r 生中由D有复公工具中 ⑨风圆四 “Cog欢思思是 图像 第调米室手西锅移时率神减金性纪大发口八历发人零活开利品博吉线博结节月件移玉纪言斯 苦世纪城 Qt 十七大代表举扩大额比例 样本和写m 恭喜 中誉呢授令裤中山相门毒：蓝出相功西菜关 文字 动画 袁味仪当妈啦 电得电内出止大家十县物速离将型重点国 出A m李新有生方的 降中片山s行A开人 W害I风时加r所可 团 ·钟雷遗得材大)中世数性银不信手天 着落：余知具零制废长女法正量记 +,色肌上百神

1.1.2 网页是什么 网页中除了包含文字外，还包含图像、动画等内容。 图像 动画 文字

我们看到的一个个网页都是由多个文件组成的。网页 文件是“根”，图像和动画文件都是“枝叶”。 编的文有 烹件毛更包老量果工具中和 网页 文件 影中净网1 买件D面电克有的物集子俱)和图 图像 文件

我们看到的一个个网页都是由多个文件组成的。网页 文件是“根”，图像和动画文件都是“枝叶” 。 图像 文件 网页 文件

在浏览器中选择“文件”菜单中的“另存 为”，可将网页保存到磁盘中。 马7豫新页-owurt Interngt E1n国 亚偏辑送)看着在席0)工风定标粉 新0 末⊙白·回·口不喝微程88 ■线拉宣刻拉安趣线四图或业室心受红地翅 项西亚妙 廷年0 金益装 等入和导出工 架红他并世重善区少五 章两挂燃执国作车镜过居 3德做商.紧有 兵区堂女新含兰发数货德宝二水明维方通中竖太碧至 教性小楼5公置 美回红 空表量岳三 典网事 西肉显2置 选择“文 使花达全入市 造全球华人年度盛宴」 年识全 E空 WD城程通 科技先驱 件”>“另存 D上五 使来发名复 启动未来 为”菜单 五硬坐公共漫河含平国道物信自斯纸 螽浪节日站，编绍送好礼 七航球目管行样样可购 业大厘准元的在料 学二功试”兔的 九酒合计到因 出：折机童空会司上当 百造推实计国 国子据。人轴在的高一接特 买M天至 地 红格志男方件么衡法世美 车病高焦段京江现女梦子方工年计销果 ·109幕士等按么力7 华年中用清当家州厅二车新量售 ,年重平吸在妇装内饮中产店精年金 ·麦教㎡化太重王北原物金士大时唐 片格早位件

选择“文 件”>“另存 为”菜单 在浏览器中选择“文件”菜单中的“另存 为”，可将网页保存到磁盘中

1.2网页中的元素类型 1.2.1 网页中的文字与图像 文字与图像是网页中的基本元素，是浏览者获得相关 信息的主要来源。 可在设计网页时为文字设置位置、字体、字号、颜色、对齐 方式，以及加粗和倾斜等格式。 网页中只能使用和显示JPEG、GIF和PNG格式的图像，其他 诸如BMP和TIF等格式的图像目前还都不能用于网页中。 口☒☑☒☒

1.2 网页中的元素类型 1.2.1 网页中的文字与图像 文字与图像是网页中的基本元素，是浏览者获得相关 信息的主要来源。 可在设计网页时为文字设置位置、字体、字号、颜色、对齐 方式，以及加粗和倾斜等格式。 网页中只能使用和显示JPEG、GIF和PNG格式的图像，其他 诸如BMP和TIF等格式的图像目前还都不能用于网页中

1.2.2 :网页中使用的动画与视频影像 目前，大家在网页中看到的动画主要包括两类，即 动态GIF格式动画和SWF格式动画。 ◆动态G工F格式动画的原理十分简单，就是高速连 续显示多幅静态图像，就像播放动画片一样。通常 用于制作简单的小型动画。 章如果需要在网页上使用一些大型、复杂或带有声 音的动画，可借助Macromedia的Flash软件来制 作SWF动画。 GIF SWF 动画 动画 侠义道如金创庸钻龙 视频流技术常见的格式有Real Video及Apple QuickTime

1.2.2 网页中使用的动画与视频影像 视频流技术常见的格式有Real Video及Apple QuickTime。 GIF 动画 SWF 动画 目前，大家在网页中看到的动画主要包括两类，即 动态GIF格式动画和SWF格式动画。 动态GIF格式动画的原理十分简单，就是高速连 续显示多幅静态图像，就像播放动画片一样。通常 用于制作简单的小型动画。 如果需要在网页上使用一些大型、复杂或带有声 音的动画，可借助Macromedia的Flash软件来制 作SWF动画

1.2.3 网页中使用的声音 适当的在网页上加点音乐效果，会使网页更具吸引 力。目前，网上比较流行的音频格式主要有MIDI、 WAV、MP3与Real Audio。 页 读 相册 rour happr life! 誓开酪的他方. 控制音乐 的播放 站/点/公/告 量新发表 之星 电信、闲装达何更流解 形状斜网动画里浦少毕，2年1月3日) 将现有的Acce:数茫库升银为5L丽少华，20T平1月7日) 伍用中打有什么试盟害联至 Ⅱ55的500内室限笃器墙误全攻多空事少半，2006年2月29日) 引用自 号：05143雨少) 城名关知识阜浦少毕，2006年12月23日) d:11a35T38我的耳零垫江 企业站城名选择的原别技巧金雨少华，2008年1223日) com 城名查对识空南少毕，2005年12月2日 菊名常识同答是雨小华，2005详12月2日) 与解名有关的儿个名词解样空市少华，330%年2月23日) 51.c p地址占城名解厚用小型0注2月闲日) 93.D阳am8t0 me true-字技在 000210416

1.2.3 网页中使用的声音 适当的在网页上加点音乐效果，会使网页更具吸引 力。目前，网上比较流行的音频格式主要有MIDI、 WAV、MP3与Real Audio。 控制音乐 的播放