1、网页中一般包含哪些组成元素？

网页由文本、图像、动画、超级链接等基本元素构成，详细内容如下：

1.文本

一般情况下，网页中最多的内容是文本，可以根据需要对其字体、大小、颜色、底纹、边框等属性进行设置。建议用于网页正文的文字一般不要太大，也不要使用过多的字体，中文文字一般可使用宋体，大小一般使用9磅或12像素左右即可。

2.图像

丰富多彩的图像是美化网页必不可少的元素，用于网页上的图像一般为JPG格式和GIF格式。网页中的图像主要用于点缀标题的小图片，介绍性的图片，代表企业形象或栏目内容的标志性图片，用于宣传广告等多种形式。

3.超级链接

超级链接是Web网页的主要特色，是指从一个网页指向另一个目的端的链接。这个“目的端”通常是另一个网页，也可以是下列情况之一：相同网页上的不同位置、一个下载的文件、一副图片、一个E-mail地址等。超级链接可以是文本、按钮或图片，鼠标指针指向超级链接位置时，会变成小手形状。

4.导航栏

导航栏是一组超级链接，用来方便地浏览站点。导航栏一般由多个按钮或者多个文本超级链接组成。

5.动画

动画是网页中最活跃的元素，创意出众、制作精致的动画是吸引浏览者眼球的最有效方法之一。但是如果网页动画太多，也会物极必反，使人眼花缭乱，进而产生视觉疲劳。

6.表格

表格是HTML语言中的一种元素，主要用于网页内容的布局，组织整个网页的外观，通过表格可以精确地控制各网页元素在网页中的位置。

7.框架

框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如在一个框架内放置导航栏，另一个框架中的内容可以随单击导航栏中的链接而改变。

8.表单

表单是用来收集访问者信息或实现一些交互作用的网页，浏览者填写表单的方式是输入文本、选中单选按钮或复选框、从下拉菜单中选择选项等。

网页中除了上述这些最基本的构成元素外，还包括横幅广告、字幕、悬停按钮、日戳、计算器、音频、视频、Java Applet 等元素。

2、一个网页，包含哪3个部分，分别对应什么技术

HTML的主要结构可划分为3个部分:

HTML标签:代表整篇文档是一个网页文件。

HEAD标签:用于描述网页的头部信息。

BODY标签:用于描述要显示的内容信息。

        提起盒模型，我觉得我们都知道是什么，也知道是其大致的概念！但是要系统的用专业性的词汇表达出来往往很难！这种情况在面试当中经常遇到：请回答， 标准盒模型和怪异盒模型的区别？

        大多数浏览器采用W3C标准模型，而IE中采用Microsoft自己的标准。

        怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。

        当不对Doctype进行定义时，会触发怪异模式。（这个我一般都做文档声明）

1.W3C标准盒模型

在标准模式下，一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)

（ 这个我们可以理解为： 洋葱一样层层扒皮，每层都算）

2.怪异（IE）模型

在怪异模式下，一个块的总宽度=width+margin（左右）（既width已经包含了padding左右和border左右值）

（这个我们可以理解为： 一个班集体出了border就是铁板一块只和别的班有账算，内部没有 ）

3.CSS3指定盒子模型种类

box-sizing 属性可以指定盒子模型种类：它有三种属性值  content-box || border-box || inherit

A：content-box W3C标准模式

B：border-box  怪异模式

C：inherit 继承父元素的盒子模型

一般用到通过CSS属性来设置盒子模型的时候，前两种用的比较多

为了加深理解大家可以点击这个链接： https://www.cnblogs.com/yky-iris/p/7719895.html

本篇文章也参考了这位大佬的文章： https://www.imooc.com/article/68238

以上内容来自自己的理解，如不对的地方，还望批评指正，共同进步

网页制作三剑客经典实例158例 + PDG阅读器 V1.0b3 绿色版

由著名的多媒体软件公司Macromedia公司出品的、享有“网页制作三剑客”美誉的系列软件——中文版DreamWeaverMX、Firework MX和FlashMX，已经深刻地影响了人们制作网页、开发问站的工作方式。作为一个可视化的网页设计和网站管理工具，中文版DreamWeaverMX不仅支持最新的web技术，而且新增了许多强大的功能，极大地方便了用户的web创作。中文版Firework MX结合了位图处理软件Photoshop和矢量图处理软件CorelDRAW二者的优点，具有专业的网页图像优化功能，且能DreamWeaverMX天衣无缝地结合使其迅速成为流行的网页图像处理工具。利用中文版Firework MX，用户可以在一个专业化的环境中创建和编辑网页图形、进行动画处理、添加高级交互功能以及优化图像等。中文版FlashMX则是一款具有全新意义的网页动画制作软件，它提供了广泛的平台支持，不需要任何编程工作就能够制作出非常精彩的动画效果。中文版FlashMX具有简

单易学、开发效率高等特点，同时它生成的文件较小，特别适合于网络传输，因此在互联网上得到了十分广泛的应用。

本书共分四篇，包括158个经典实例，其中：

第一篇：中文版DreamWeaverMX实例。本篇通过40个实例讲解了中文版DreamWeaverMX的使用方法和技巧。读者通过这一篇的学习，可以对DreamWeaverMX有一个由浅入深的了解，定会对这一网页制作工具爱不释手。

第二篇：中文版Firework MX实例。本篇通过53个实例讲解了中文版Firework MX的使用方法和技巧。通过这些具体实例，能使广大读者迅速掌捏网页对象的制作与处理方法。

第三篇：中文版FlashMX实例。本篇通过如个实例讲解了中文版FlashMX的使用方法和技巧。读者完全可以按照本书中的操作步进行各种影片文件的具体制作，也可以将书中实例的制作技巧应用到其他场合。

第四篇；三剑客综合实例。本篇通过5个实例详细讲解了利用“网页制作三剑客”建设网站的思路和方法。通过综合实例的实战演练，相信读者的网页制作水平将会有质的提高。

本书将丰富的实例与相关的知识点紧密结合、语言通俗易懂、图文并茂，既可作为电脑网页制作培训班的教材，又可作为网页设爱好者的参考用书。本书由崔亚量主编，由于编者水平有限，疏漏和不足之处在所难免，恳请广大读者和专家批评指正。

具体内容：

第一篇 中文版DreamWeaverMX实例

经典第1例 文本编排

经典第2例 为文本创建超链接

经典第3例 图文混排

经典第4例 制作分隔线

经典第5例 插入和格式化表格

经典第6例 在页面中插入团片和动态按钮

经典第7例 为网页插入背景音乐

经典第8例 为图片创建热区

经典第9例 制作导航条

经典第10例 在贝面中使用框架

经典第11例 在页面中使用图层

经典第12例 制作和验证客户表单

经典第13例 变换图片效果

经典第14例 使用时间轴制作图层动面

经典第15 例 在页面中加入搜索引挚

经典第16例 制作Flash按钮和Flash文本

经典第17 例 插入Flash动画

经典第18例 使用“行为”面板

经典第19例 设置状态栏文本

经典第20例 制作下拉菜单

经典第21例 制作下拉菜单(二)

经典第22例 制作下捡菜单(三)

经典第23例 制作下拉菜单(四)

经典第24例 制作电子相册

经典第25例 CSS样式表(一)

经典第26例 CSS样式表(二)

经典第27例 CSS样式表(三)

经典第28例 制作外部祥式表

经典第29例 使用资源

经典第30例 制作库

经典第31例 制作授权

经典第32例 用模板

经典第33例 利用文件头实现网页自动刷新

经典第34例 使用JavaScript脚本制作树状菜单

经典第35例 使用JavaScript脚本制作时间显示

经典第36例 使用JavaScript脚本制作自动问候

经典第37例 使用JavaScript脚本制作图片随鼠标移动

经典第38例 使用JavaScript脚本制作页面裁入效果

经典第39例 站点的维护(一)

经典第40例 站点的维护(二)

第二篇 中文版Firework MX实例

经典第41例 编辑文字

经典第42例 文字环绕

经典第43例幼稚体

经典第44例水印字

经典第45例立体宇

经典第46例金届字

经典第47例浮雕字

经典第48例风格化文字

经典第49例幻影文字

经典第50例变形文字

经典第51例楼空文字

经典第52例闪烁文字

经典第53例镶边文字

经典第54例阴影文字

经典第55例旋转文字

经典第56例流动文字

经典第57例画像

经典第58例心形图案

经典第59例图形文字

经典第60例月牙

经典第61例立体阴影小球

经典第62例白云

经典第63例艺术相框

经典第64例邮票

经典第65例星光

经典第66例图片卷边效果

经典第67例简单按钮

经典第68例快速制作按钮

经典第69例胶囊式按钮

经典第70例星光技钮

经典第71例花瓣按钮

经典第72例按钮的热点链接

经典第73例利用按钮编辑器制作按钮

经典第74例文字移动

经典第75例文字曲线运动

经典第76例图片循环放映

经典第77例文字淡入淡出

经典第78例逐字显示动画

经典第79例礼花绽放动画

经典第80例电光掠影动画

经典第81例分身动画效果

经典第82例蒙版动画

经典第83例探照灯扫射效果

经典第84例晃动的文字

经典第85例转动的圆盘

经典第86例动态箭头

经典第87例晃动的木牌

经典第88例替换图

经典第89例自身翻转图

经典第90例简单动态按钮

经典第91例下拉菜单

经典第92例交互按钮

经典第93例交互网页

第三篇 中文版FlashMX实例

经典第94例直线运动的小球

经典第95例弹性球

经典第96例爆炸效果

经典第97例电影序幕

经典第98例文字的平面环绕效果

经典第99例旋转的风车

经典第100例残影效果

经典第101例放大镜效果

经典第102例雪花效果

经典第103例转动的透明球

经典第104例雷达扫描效果

经典第105例洋葱皮效果

经典第106例金鱼游动

经典第107例大雨(一)

经典第108例大雨(二)

经典第109例文字的缩放

经典第110例文字的淡入淡出

经典第111例图形问的变换

经典第112例打字机效果

经典第113例擦窗效果

经典第114例倒计时动画

经典第115例探照灯效果

经典第116例灯光照射效果

经典第117例螺旋效果

经典第118例旋转的三棱锥

经典第119例酷眩按钮

经典第120例缘来是我

经典第121例移形换影

经典第122例涟筋

经典第123例拖民文字

经典策124例蝶舞

经典第125例来点音乐吧

经典第126例音乐按钮

经典第127例中国足球

经典第128例交互性按钮

经典第129例加载动画

经典第130例鼠标施放效果

经典第131例动态URL按钮

经典第132例链盘控制小球移动

经典第133例弹出式菜单

经典第134例计数器

经典第135例一笔一划

经典第136例爆炸按钮

经典第137例输入输出文本

经典第138例下载进度条

经典第139例显示系统的时间

经典第140例随机运动的小球

经典第141例音量控制

经典第142例提交用户名和密码

经典第143例程序加载进度条

经典第144例狗抓老鼠

经典第145例遮罩效果

经典第146例文字效果

经典第147例自动跳开的台球

经典第148例随机数列

经典第149例获取键盘信息

经典第150例查询关键字

经典第151例奇钞的曲线

经典第152例组合图形

经典第153例阻尼跟随效果

第四篇 三剑客综合实例

实例154“北京风光”网站制作(一)

实例155“北京风光”网站制作(二)

实例156“北京风光”网站制作(三

实例157“青青心情”网站制作(一)

实例157“青青心情”网站制作(二)

下载地址http://soft.zozoto.cn/content/59901

参考资料：http://soft.zozoto.cn

---