求高手讲解网页模板的分切后,使用css+div布局后与后台连接时怎么做的...
拿到设计稿后不要直接切割，然后到DW里直接敲代码，首先要认真研究，把握大致的框架图，做到心里有一个整体的构思，其中还可以揣摩一些设计的风格，有兴趣的朋友完全可以让自己走上设计的道路。
使用ps切片，切好了保持为 web存储格式 弹出的窗口可以设置保持的类型的，可以设置成div加css的 如下图：切好片以后，文件保存为web存储文件，就会弹出下面的图片。点击红框的箭头。点击输出设置。
新建一个html文件，命名为test.HTML，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。
首先，打开后台——模板——默认模板管理——index.htm.看到有一句，rel=stylesheet media=screen type=text/css /说明，模板是根据这个 CSS 来布局网 页的，于是就打开网站目录下面的templets\style\dedecms.css.然后来分析一下CSS的构成。根据主页的调用，来研究 CSS 这样容易理解。
1.对“Div+CSS网页布局”的认识
DIV＋CSS网页布局：第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。
div+css布局是一种利用HTML中的div标签与CSS样式表共同构建网页的方法。以下是关于div+css布局的详细解释：定义：div+css布局通过HTML中的div标签来划分网页的结构区域，并使用CSS样式表来定义这些区域的样式和布局。优势：灵活性：相较于传统的表格布局，div+css布局提供了更高的灵活性。
DIV CSS是一种网页布局技术，其中DIV表示一个HTML标签，用于定义文档中的分区或节，而CSS用于控制这些分区的样式和布局。对DIV的理解： HTML标签：DIV是HTML中的一个基本标签，用于将文档分割成不同的部分或区域。
{margin：0px auto；padding：0px；}是全局没有边距，紧贴布局。还有就是为了兼容各个浏览器！网页整体颜色为黑色，没有下划线，文字大小是12像素。图片没有边框。
DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格（Table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。使用DIV+CSS布局的优势 符合w3c标准。这保证您的网站不会因为将来网络应用的升级而被淘汰。对浏览者和浏览器更具亲和力。
CSS用于控制网页的外观和布局。通过CSS，可以对DIV标签产生的盒子区域进行样式设计，如设置大小、颜色、边距、边框等。DIV+CSS的布局思想：利用DIV标签创建网页的基本结构，即盒子区域。使用CSS对这些盒子区域进行样式设计，使它们形成所需的布局。将内容放入这些设计好的盒子区域中，从而完成网页的布局。
怎么用js添加一个div
利用js代码首先创建一个div，document.createElement（div）；确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。确定位置之后，显示div即可。示例：比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个div。
首先定义一个变量Shu，赋值为7，表示要创建7个标签。接着使用for循环，循环次数为Shu的值。每次循环，创建一个新的标签，并设置其样式等属性。
//添加 div var div = document.createElement（div）；//设置 div 属性，如 id div.setAttribute（id， newDiv）；div.innerHTML = js 动态添加div；parent.AppendChild（div）；} 调用：addElementDiv（parent）；什么是DIV元素：DIV标签，称为区隔标记。
页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。在event函数中，定义一个内容为degreediv字符的字符串变量。然后使用jquery的append将已知的div字符串添加到c2div，如下所示。运行页面，现在只看到一个div，如下图所示。
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。接着用js来实现显示，隐藏的功能。我们用Jquery的hasclass方法来判断div是否有hide样式，有则删除这个样式，即显示div。
div+css怎么让背景图片自动缩放
CSS背景图片大小自适应可以通过以下几种方式实现：使用background-size属性：cover：背景图片会保持其宽高比进行缩放，以完全覆盖容器，可能会有部分图片被裁剪以适应容器大小。contain：背景图片会保持其宽高比进行缩放，以确保图片的完整显示，可能会有部分容器未被图片覆盖。
输入位置：固定；top：0；左：0；将整个div固定在屏幕的顶部和左侧。输入宽度：100%；身高：100%；最小宽度：1000像素；这个可以适合div的高度和宽度，而min-width是在屏幕宽度在1000px以内的情况下，保持div的大小不变。
输入position：fixed； top： 0； left： 0；使整个div固定在屏幕的最上方和最左方。输入width：100%；height：100%； min-width： 1000px；这个可以适合div的高度和宽度，而min-width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。
`contain`模式：`background-size： contain；`，图片缩放以适应容器，保持其宽高比，可能使图片裁剪。对于自适应和全屏背景图片，你可以使用JavaScript动态调整图片尺寸，如设置`div`元素的高度和宽度等于浏览器窗口的大小。
这个需要css3来控制了：页面代码：div class=bgImge/div 样式：.bgImge{ width：100%；--div的宽高一定要给指定。height：100%；background： url（背景图路径） no-repeat center center；background-size： 100% 100%；--这里是背景图片的大小，用百分比表示就可以随div的大小改变了。
可以通过cover和contain来对图片进行伸缩。
怎么用Dreamweaver制作简单网页
使用dreamweaver制作简单网页的步骤如下：明确需求和建立站点：分析并明确所制作的网页的需求和目标。在dreamweaver中建立一个新的站点，例如命名为“新闻网页”，并将其存放在指定的文件夹下，以便于管理和条理化制作步骤。准备素材：在新闻网页文件夹下新建一个“images”文件夹，用于存放制作网页所需的图片素材。
首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。下面我们来制作网站站点，在电脑上建一个文件作为根目录。
使用Dreamweaver制作框架网页的步骤如下：创建框架集 打开Dreamweaver并新建文件：启动Dreamweaver，选择“文件”“新建”，在弹出的对话框中选择“框架集”作为页面类型。选择框架类型：根据需要选择框架的类型，如上下结构、左右结构、三框架等。这里以上下结构为例。
创建框架集 打开Dreamweaver：首先，启动Dreamweaver软件，并打开一个新的HTML文件或直接从“文件”菜单中选择“新建”来创建一个新项目。选择框架集：在“新建文档”对话框中，选择“框架集”选项。Dreamweaver提供了多种预设的框架布局，如上下、左右、上下左右等，根据需求选择合适的布局。
用Dreamweaver制作框架网页的步骤如下：理解框架概念：框架网页由主文件和多个分文件组成。主文件负责定义分文件在页面中的显示位置。创建框架集：在Dreamweaver中，选择“插入”菜单下的“HTML”子菜单，然后选择“框架集”。根据需要选择框架的类型，如上下结构、左右结构或更复杂的多框架布局。
Dreamweaver如何制作网页并添加背景图片 方法 在电脑上打开Dreamweaver软件 点击HTML打开 创建HTML，输入网页代码 点击工具栏中的修改 点击修改界面中的“页面属性”。
