前端页面有哪三层构成,分别是什么?作用是什么
1、网页分成三个层次，即：结构层、样式层、行为层。HTML：结构层 网页的结构或内容层是该页面的基础HTML代码。正如房屋的框架为房屋的其他部分构建了一个坚实 的基础，HTML的坚实基础创建了一个可以在其上创建网站的平台。 结构层用于存储客户想要阅读或查看的所有内容。
2、结构层：构成：HTML作用：结构层是Web前端页面最基础的一层，主要负责页面的内容结构和语义化。它通过使用HTML标签来组织内容，使得网页具有良好的可读性和SEO优化（搜索引擎优化）。一个合理的结构层可以让网页内容更加易于理解和访问，同时也为表现层和交互层提供了基础。
3、在web前端页面中HTML属于结构层，负责描绘出内容的结构，CSS属于表示层，负责“如何显示有关内容”，JavaScript属于行为层，负责“内容应如何对事件做出反应，这是Javascript语言和DOM主宰的领域。”。IT培训选择千锋教育。
层的html代码为-什么?
1、层是被分配了绝对位置的 HTML 页面元素 － 具体地说，是 div 标签或任何其他标签。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。注意 本章中所说的层属于 Dreamweaver 的布局概念，而不是 layer 标签。理解层的概念 通过 Dreamweaver，您可以使用层来设计页面的布局。
2、Div 全称 division 意为“区分”，是HTML中的一个标签。你在HTML中可以理解为就是一个层。DIV本身就是容器性质的，你不但可以内嵌table还可以内嵌文本和其它的HTML代码 。 如果单独使用 DIV 而不加任何 CSS， 那么它在网页中的效果和使用 P/P 是一样的。
3、html中 ！-- -- 就是注释。这个其实是PHP的一个模版，抄使用 ！--{if}-- 这种形式的一般袭是smarty模版。大型程序开发的时候，逻辑代码是不能放在html页面中的，所以涉及到MVC的分层开百发，而你所问的这个就是 V(View 视图) 层的模度版代码。
4、html+css代码文本设置font-size： 字号参数 font-style： 字体格式font-weight： 字体粗细颜色属性color： 参数注意使用网页安全色超链接设置text-decoration： 参数主要用途是改变浏览器显示文字链接时的下划线。
5、而本质是，插有flash的层是在网页层的上面的。“背景”，是相对而言的。
6、div 标签定义 HTML 文档中的分隔（DIVision）或部分（section）。div属于web前端的学习内容，其中div 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。div 可定义文档中的分区或节（division/section）。div 标签可以把文档分割为独立的、不同的部分。
dreamweaver帮忙
CSS教程(一)认识CSS Dreamweaver4是现今最好的网站编辑工具之一，用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver4在页面中加入CSS，你不用死记硬背的记代码标记，也不用去看很厚的CSS手册，你就可以轻松自如的在网页中运用CSS。不过首先你要对CSS有一定的了解。
只需要两个软件： ps 和 Dreamweaver ！效果图：我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。
启动Dreamweaver，ctrl+n新建html文档；点击插入菜单图像命令；弹出对话框，选择要插入的图像，点击确定；即可输入替换文本，点击确定即可。
onFocus 当指定元素被访问者交互时产生。onHelp 当访问者单击浏览器的Help（帮助）按钮或选择浏览器菜单中的Help（帮助）菜单项时产生。onKeyDown 当按下任意键的同时产生。onKeyPress 当按下和松开任意键时产生。此事件相当于把onKeyDown和onKeyUp这两事件合在一起。onKeyUp 当按下的键松开时产生。
CSS样式的主要特点及其类型
1、选择器样式（Selector Styles）：是 CSS 样式中最常见的一种，通过选择器选中需要设置样式的元素，然后为其设置样式。包括标签选择器（如 `p`，`h1` 等）、类选择器（如 `.text`）、ID 选择器（如 `#content`）等。
2、CSS层叠性 说明层叠性是多种CSS样式的叠加，是浏览器处理样式冲突的方式。在HTML中对于同一个元素可以有多个CSS样式存在，当有相同权重的样式存在时，会根据这些样式出现的先后顺序来决定，处于最后面的CSS样式将会覆盖前面的CSS样式。
3、CSS代码结构的特点包括： 层叠性（Cascading）：多个样式规则同时应用到同一元素时，通过层叠性规则来确定最终的样式结果。具体来说，内联样式具有最高优先级，外部样式表和内部样式表按顺序加载，后面的规则覆盖前面的规则。
4、CSS具有良好的兼容性。只要浏览器能够识别CSS样式都可以很好的应用它。 表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，让多个网页文件共同使用它，省去在每一个网页文件中都要重复设定样式的麻烦。 CSS样式基本语法 CSS的语法结构由3部分构成：选择器、属性和值。
5、CSS可以很方便的用来控制网页的外观。主要有以下特点： 可以同时更新多个网页的样式。 使网页的表示层与结构层彻底分离 大大减小了网页文件的大下 加快了网页的加载速度现在用CSS来布局网页已经是一种潮流，如果要向网页设计方面发展，必须精通CSS。
6、CSS（Cascading Style Sheets）有三种类型：内部样式、外部样式和内联样式。 内部样式：内部样式是写在HTML文件内部的样式，可以使用``标签来定义。内部样式只对当前HTML文件中的元素有效，如果需要在同一网站的多个HTML文件中共享样式，就需要使用外部样式。
描述创建一个网页必须用到的三种语言
1、PYTHON Python是最容易使用的语言之一。Python可以为基本上任何网站需求创建一个框架。该语言使用简单直接的语法，使Web开发人员可以轻松地与其用户一起工作并向其解释。
2、HTML（HypertextMarkupLanguage）：HTML是一种用于创建网页结构的标记语言。它定义了网页的内容和布局，并通过标签和属性来描述网页元素。HTML是网页建设的基础，必须掌握。CSS（CascadingStyleSheets）：CSS用于为网页添加样式和布局。它定义了网页的外观、字体、颜色、边距和背景等。
3、JavaScript：JavaScript是一种脚本语言，用于实现网页的交互功能。它可以在浏览器中运行，与HTML和CSS一起使用，以实现动态效果和用户交互。JavaScript可以用于处理表单数据、动态更新内容、创建动画效果等。它也支持事件处理，可以根据用户的操作触发相应的响应。
4、HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
5、在 ASP 、PHP、JSP 环境下， HTML 代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的 HTML 页面只依赖于 Web 服务器，而 ASP 、PHP、JSP 页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到 HTML 代码中，然后一起发送给浏览器。
6、Frontpage，跟Dreamweaver一样，不过个人感觉还是Dreamweaver好；Flash，网页需要画面流动时的首选择；Photoshop，图像处理软件，一般网页都需要有图片相搭配，Photoshop是款很强大的工具。Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向与对网页的处理。
网页设计中采用div+css布局,这里的DIV是什么意思?
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。
DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
● 使用 DIV 标签 (div)当我们使用 CSS-P 的时候， 我们主要把它用在 DIV(division)tag 上。当你把文字，图像，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。