博文纲领：
简单的响应式网页代码?
1、Dreamweaver中响应式网页代码如何写默认一个固定宽度为980px的网页，当浏览器窗口比980px小的时候，这个布局就变为100%比宽度的液态布局，而不是固定宽度。当浏览器窗口再缩小于700px的时候，我们就隐藏侧边栏。当窗口小于480px的时候，横向导航条隐藏，换成点击下拉效果的导航条。
2、首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩 放比例(initial-scale=1)为0，即网页初始大小占屏幕面积的100%。
3、首先在写页面的时候就要为响应式网页做准备，宽使用百分百，不设置固定高度。设置meta 进行适应移动端页面。
4、原生代码实现。在国内目前设计网页的时候，一般会分成PC端和移动端两套页面，但在一定的情况下，必须满足只设计一个页面的情况下，满足不同端口都能正常使用，因此会用用到自适应的方法。用原生代码实现的根本在于媒体查询@media的设置。
请问web页面布局包括哪些?都有什么用?
1、静态布局（Static Layout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分； 意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置； 对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。
2、页面布局有多种方法，其中常见的有静态布局、流式布局、自适应布局、响应式布局和弹性布局。静态布局：这是传统的Web设计方式，以像素为单位，不管浏览器尺寸如何变化，页面元素的尺寸和位置都固定不变。
3、表现层：构成：CSS作用：表现层主要负责页面的样式和视觉表现。通过使用CSS，我们可以控制网页的颜色、字体、布局和动画等视觉元素，使页面更加美观和吸引人。一个优秀的表现层可以提升用户体验，让用户更加愿意浏览和使用网页。
4、在网页设计中，HTML扮演着结构层的角色，它构成了网页的基础框架，负责展示网页的内容结构。通过精心编排的HTML标记，开发者能够构建出清晰、逻辑性强的页面布局，为后续的样式和功能实现奠定坚实的基础。CSS则担当样式层的职责，它定义了网页在浏览器中的视觉呈现效果，包括颜色、字体、间距等元素。
5、对称对比布局：布局采取左右或上下对称的方式，一半深色一半浅色，常用于设计型网站。视觉冲击力强，但难以将两部分有机结合。 POP布局：灵感来自广告宣传海报，以精美图片作为页面设计中心。常用于时尚类网站，能吸引眼球，但可能导致页面加载速度慢。
6、一般网页的基本内容包括标题、网站标识图案(LOGO)、页眉、页脚、主体内容、广告栏等。下面简单说明：A、页面标题在站点的没一个页面中都有一个标题，用来提示页面的主要内容，着一信息将出现在浏览器的标题栏中，而不是在页面的布局中。它的重要作用就是引导访问者清楚地浏览网站的各项内容，不至于迷失方向。
bootstrap网页设计代码作业(bootstrap中文网网页代码?)
ProttashaProttasha是一个专业的HTML5着陆页面模板，适用于任何类型的慈善，非营利，非政府组织和捐赠网站。它是使用最新版本的Bootstrap框架制作的，适用于所有设备，并具有干净，时尚和现代潮流的设计。
Bootstrap是一组用于网站和网络应用程序开发的开源前端（所谓“前端”，指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码）框架，包括HTML、CSS及JavaScript的框架，提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展，旨在使动态网页和Web应用的开发更加容易。
Bootstrap4模板是基于Bootstrap4框架设计的一系列预构建网站模板。Bootstrap4是由Twitter公司研发的一种前端框架，旨在简化动态网页和Web应用的开发。它包含了HTML、CSS及JavaScript的组件，提供了字体排印、窗体、按钮、导航等丰富的UI元素，使开发者能够更快速、更便捷地构建响应式和移动优先的网站。
Bootstrap是由Twitter公司开发和维护的。它支持各种Web浏览器和设备，包括台式机、平板电脑和手机。由于其灵活的栅格系统和响应式设计的特性，Bootstrap能够使Web页面根据不同设备的屏幕尺寸自动调整布局。这使得Bootstrap在响应式Web设计中极为流行。
Bootstrap 是当前最流行的 HTML、CSS 和 JavaScript 框架，专门用于创建响应式布局和移动设备优先的 Web 项目。想要开始使用 Bootstrap 图标，首先你需要理解其基本结构。Bootstrap 图标的设计理念是基于类的，这意味着所有图标都要求一个基类和相应的图标类来确保正确显示。
Bootstrap框架因其响应式设计而广受欢迎，适用于不同尺寸设备的网页开发。要使用Bootstrap框架构建手机端页面，关键在于理解栅格系统的特性。Bootstrap的栅格系统基于12列布局，它允许开发者通过类名控制页面元素的布局。
网站开发为什么使用div+css布局?
1、使用原因：符合W3C标准，可保证开发的网站不会因为将来网络应用的升级而被淘汰；使用DIV+CSS布局，页面代码精简，页面体积变小，使页面加载速度得到很大提高，则用户点击页面的等待时间就越少，增加用户体验性，进而提高网站排名。
2、div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发。div+css提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其浏览访问速度自然得以提升，从而提升了网站的用户体验度。
3、为了使网页更加美观，我们需要对“div”进行细致的设置和控制。CSS的介入使得这一切变得异常简单，并且能够实现风格的统一化，因此被现代网页制作者广泛采用。相比之下，table通过td、tr等元素描述行和列，但随着网页内容增多，其解析速度会变得非常缓慢，严重影响浏览体验。