网页制作与网站建设初学者必看教程.ppt

第1;知识技能要点;1.1 互联网技术;网页;;;网页是在浏览因特网时看到的一个个的画面； 文字、图片和动画等 网站则是指存放在网络服务器上的完整信息的集合体，它包含一个或多个网页，这些页以超链接方式连接在一起，形成一个整体，描述一组完整的信息。 首页(主页):构成网站的第一页;网页是利用超文本标记语言HTML(HyperText Markup Languge)编写的，存放在Internet／Intranet上的Web服务器中，供访问者使用浏览器来阅读。 利用HTML语言编写出来的网页又称为超文本，即网页中包含有文本、图形、声音、图像和超链接(HyperLink)等多媒体信息。 通常我们看到的网页，都是以?htm?或?html?后缀结尾的文件，称?HTML?文件。;;1.1.2 互联网的应用技术;Internet 提供的服务： WWW服务（网上冲浪） 电子邮件服务（Email） 网上传呼（OICQ、QQ） 文件传输（FTP） BBS ...... ;万维网（WWW）;蒂姆·伯纳斯-李（Tim Berners-Lee）于 1990年创建了 World Wide Web (WWW)。 Web 最初的构想和研发的目的是为了满足在世界各个大学、不同研究所工作的科学家信息共享的需求。 WWW 的基本概念是把所有个人计算机、计算机网络和超文本整合成一个功效强大并且易于使用的全球信息系统。 ;“互联网之父”;1.2 浏览器;浏览器 ;;浏览器之战 ;1.2.3 网页制作工具;步骤如下：;“另存为”对话框 ;单击ie图标，进行测试 ;;运行效果如图 ;;;;HTML标签，（HTML Tag）都是由一对“”括起来的，成对出现。 标记名 /标记名表示标记的开始和结束，例如(html/html) HTML语言正是通过这些标签来设置网页的结构、网页元素的位置和类别，网页元素的显示效果等。;标记符属性 ;关于颜色;在 HTML 中对于颜色的定义可以用6位十六进制数。 电脑屏幕的色彩是由rgb（红、绿、蓝）三种色光所合成的，通过调整这三个基色就可以调配出其它的颜色。 每2位数代表一种颜色的浓度，三种颜色的顺序为红、绿、蓝，00代表颜色浓度最小，FF代表颜色浓度最大。 #000000代表纯黑、#FFFFFF代表纯白、;d;2. 网页编辑器;2. 网页编辑器;Dreamweaver;美化网页的基本工具;Fireworks Fireworks是由Macromedia公司开发的图形处理工具。 第一套专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解决方案。 ;Flash Flash是美国Macromedia公司开发 Flash 是交互式矢量图和 Web 动画的标准。使用 Flash 可创作出既漂亮又可改变尺寸的导航界面以及其它奇特的效果。它易学、易用，可以做出有很多动画的网站。;;1.2.4 网页的基本构成元素;设计页面时经常使用的一些元素：;1.文字（标题、字号、字型...）;1.文字（标题、字号、字型...）;;2.图形;;3.交互功能;4.多媒体元素;1.3 网站的设计、建设;1.3.2 网站类型的划分;1. 信息查询类：;2. 大众媒体类：;3. 宣传窗口类：;4. 电子商务类：;5. 交流平台类：;6. 网络社区类：;;;;如：;1.3.3 网站设计的基本流程;;1.4.1 Web站点主页的基本成分?;d;d;d;1.4.2 版式布局?;;;用表格排版，;;;;网页中最常见的构图布局;;;;;;网站内不同页面的设计风格要有所统一。有些是色彩和布局都统一；有些则是布局统一，色彩跳跃。 ;色彩和布局都统一;布局不同而色调一致;布局相同，色彩跳跃;;;;推荐学习网站之网页素材; 推荐学习网站之网页特效; 推荐学习网站之技术文章;本章重点内容小结;1.5 练习题课本P15 ;网页标题;此课件下载可自行编辑修改，供参考！ 感谢您的支持，我们努力做得更好！