育才学习网1.Dreamweaver编写网页代码流程
1、画图，页面要一个怎么样的布局
2、确定布局用盒子（div）模型还是表格，现代一般用盒子
3、文本文档或者dw编辑文本，语言为HTML5
4、各种静态效果或伪类用CSS写，可以用内嵌的或者外链的
5、文字内容只是直接写进<body>；对就行，字体、大小可以通过CSS设置
6、图片可以直接通过<img>；内的width和height设置
7、什么都不懂的情况下，用设计面板，通过UI去拖拉操作制作页面，或者另存为相似的页面再修改。
2.Dreamweaver中响应式网页代码如何写
默认一个固定宽度为980px的网页，当浏览器窗口比980px小的时候，这个布局就变为100%比宽度的液态布局，而不是固定宽度。
当浏览器窗口再缩小于700px的时候，我们就隐藏侧边栏。当窗口小于480px的时候，横向导航条隐藏，换成点击下拉效果的导航条。
如上图，从左至右依次为移动版本—>平板电脑—>桌面浏览器的效果。1、响应式网页结构 首先，我们先来看下上面案例展示的html结构，如下图所示：可以说这是一个很典型的博客模版结构。
一个wrapper容器包含了头部、内容、侧栏、底部。2、Meta标签 其次就需要我们针对移动设备加入这个meta标签。
告诉webkit内核浏览器初始缩放比例为1。（很多iOS和Android的浏览器都是基于webkit内核的） IE8或者更早的浏览器并不支持Media Query。
你可以使用media-queries.js或者respond.js来为IE添加Media Query支持。如果你的网站页面中用了html5文档声明，用到了很多html5标签，但是这些标签在ie9以下版本是不支持的，所以我们必须引用一个html5.js文件使得这些标签被其它低版本浏览器确认。
3、媒介查询-Media Queries 在这里马海祥就不再详细的讲正常页面下的布局如何写了。在此主要讲解下媒体查询media queries这个css的设计思路。
这个是css3的属性，也是我们这个响应式网页设计的最重要的部分。可以说是响应式设计的核心。
它根据条件告诉浏览器如何为指定视图宽度渲染页面。下面我们用CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。
@media screen and (max-width: 480px) { 这里就是重新设定一些css的属性 } （1）、当浏览器视图宽度为小于等于980像素时，如下规则将会生效。基本上，我会将所有的容器宽度从像素值设置为百分比以使得容器大小自适应。
#pagwraper { width: 94%；}重新设定容器宽度为94%; #content { width: 65%; padding: 3% 4%；}重新设定内容宽度为65%; #sidebar { width: 30%；}重新设定侧边栏宽度为30% 注意这里我们用到了%，使得页面是一个流体布局。（2）、当浏览器视图宽度为小于等于700像素时，视图指定#content和#sidebar的宽度为自适应并且清除浮动，使得这些容器按全宽度显示。
#content { width: auto;float: none;margin: 20px 0;} #sidebar { display:none; width: 100%; margin: 0; float: none； } 容器宽度继承了上面94%的宽度，这个时候我们设定内容宽度为自动，使其填满外部的wraper容器。并清除其浮动样式。
这个时候的浏览的页面，可以权衡下右边侧栏的重要程度，如果觉得有必要继续在页面中显示，我们可以清除其浮动，并把宽度也设为100%，这样就在content这个容器下显示。但马海祥觉的一般情况下，在这么小的浏览窗口中，用户只想看到最主要的内容，右边侧栏成为了一个补助模块，那么可以直接把它隐藏掉。
这样可以减少页面的高度。（3）、当浏览器窗口小于等于480px的时候，一般这个就是iPhone的横向宽度。
就要将#header元素的高度设置为自适应，将h1的字体大小修改为24像素并隐藏侧边栏。首先我们设计webkit内核浏览器下禁用文字大小调整，代码如下：html { -webkit-text-size-adjust: none； } 其次就是代码的转换了，如下图所示：其实在480px宽度下的时候，整体框架布局已经不用设置，马海祥认为我们应该考虑得更多的是怎么把一个良好的页面布局展示给用户。
而在这个模式下，如果导航条有很多选项的时候，就会相互堆叠换行，那么这里我们设计成点击出下拉菜单形式，如下图所示：这里我们首先考虑在小设备窗口下header太高已经占据了大半的屏幕显示，所以这里我们重新设定下header的高度，能完整呈现出这个站点logo就可以了。在480px小设备窗口下浏览，页面内容会很长，这个时候我们要在底部加个返回页面顶部的按钮。
3.网页制作怎么编写代码啊
用dreamweaver，建议你通过自带的一些功能一点一点地新增一些常用元素，然后新增一点就转过去看看源代码，看它到底加了哪些源代码，为何要是那样的源代码，然后把那块的比如标签（如table）之类的名字复制出来，拿到百度上去搜，看看那些都是怎么说明这个标签的，最后把学到的该标签相关知识又拿回来在dreamweaver里试着手工改改代码，转到视图看看有没有什么变化，，如果看到了，这个知识就是你的了，，，感觉很绕^_^，因为这本就是一门学问，而不是一串文字都能解决的问题，祝你好运，要保持恒心。
4.用dreamweaver做网页时,我想在本网页内的一个表格内显示另外一
<td height="626" valign="top" bgcolor="#FFFFFF"><iframe src="server.html" width="100%" height="100%" frameborder="0" scrolling="no" name="in"></iframe></td>； 以上代码实现在表格中回执iframe,,,
其次，你要在当前页面按钮上实现
<a href="index.html" target="in" alt="首页" />
<a href="contact.html" target="in" alt="联系" />
一定要注意，先绘制了iframe（当然你也可以拷贝），，，然后建立不同的页面，通过链接指向相应的页面，但是target一定是in，，这表明是在当前页面内显示其它页面
5.网页制作怎么编写代码啊
用dreamweaver，建议你通过自带的一些功能一点一点地新增一些常用元素，然后新增一点就转过去看看源代码，看它到底加了哪些源代码，为何要是那样的源代码，然后把那块的比如标签（如table）之类的名字复制出来，拿到百度上去搜，看看那些都是怎么说明这个标签的，最后把学到的该标签相关知识又拿回来在dreamweaver里试着手工改改代码，转到视图看看有没有什么变化，，如果看到了，这个知识就是你的了，，，
感觉很绕^_^，因为这本就是一门学问，而不是一串文字都能解决的问题，祝你好运，要保持恒心
6.Dreamweaver中响应式网页代码如何写
默认一个固定宽度为980px的网页，当浏览器窗口比980px小的时候，这个布局就变为100%比宽度的液态布局，而不是固定宽度。
当浏览器窗口再缩小于700px的时候，我们就隐藏侧边栏。当窗口小于480px的时候，横向导航条隐藏，换成点击下拉效果的导航条。
如上图，从左至右依次为移动版本—>平板电脑—>桌面浏览器的效果。1、响应式网页结构首先，我们先来看下上面案例展示的html结构，如下图所示：可以说这是一个很典型的博客模版结构。
一个wrapper容器包含了头部、内容、侧栏、底部。2、Meta标签其次就需要我们针对移动设备加入这个meta标签。
告诉webkit内核浏览器初始缩放比例为1。（很多iOS和Android的浏览器都是基于webkit内核的）IE8或者更早的浏览器并不支持Media Query。
你可以使用media-queries.js或者respond.js来为IE添加Media Query支持。如果你的网站页面中用了html5文档声明，用到了很多html5标签，但是这些标签在ie9以下版本是不支持的，所以我们必须引用一个html5.js文件使得这些标签被其它低版本浏览器确认。
3、媒介查询-Media Queries在这里马海祥就不再详细的讲正常页面下的布局如何写了。在此主要讲解下媒体查询media queries这个css的设计思路。
这个是css3的属性，也是我们这个响应式网页设计的最重要的部分。可以说是响应式设计的核心。
它根据条件告诉浏览器如何为指定视图宽度渲染页面。下面我们用CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。
@media screen and (max-width: 480px) { 这里就是重新设定一些css的属性 }（1）、当浏览器视图宽度为小于等于980像素时，如下规则将会生效。基本上，我会将所有的容器宽度从像素值设置为百分比以使得容器大小自适应。
#pagwraper { width: 94%；}重新设定容器宽度为94%; #content { width: 65%; padding: 3% 4%；}重新设定内容宽度为65%; #sidebar { width: 30%；}重新设定侧边栏宽度为30%注意这里我们用到了%，使得页面是一个流体布局。（2）、当浏览器视图宽度为小于等于700像素时，视图指定#content和#sidebar的宽度为自适应并且清除浮动，使得这些容器按全宽度显示。
#content { width: auto;float: none;margin: 20px 0;} #sidebar { display:none; width: 100%; margin: 0; float: none； }容器宽度继承了上面94%的宽度，这个时候我们设定内容宽度为自动，使其填满外部的wraper容器。并清除其浮动样式。
这个时候的浏览的页面，可以权衡下右边侧栏的重要程度，如果觉得有必要继续在页面中显示，我们可以清除其浮动，并把宽度也设为100%，这样就在content这个容器下显示。但马海祥觉的一般情况下，在这么小的浏览窗口中，用户只想看到最主要的内容，右边侧栏成为了一个补助模块，那么可以直接把它隐藏掉。
这样可以减少页面的高度。（3）、当浏览器窗口小于等于480px的时候，一般这个就是iPhone的横向宽度。
就要将#header元素的高度设置为自适应，将h1的字体大小修改为24像素并隐藏侧边栏。首先我们设计webkit内核浏览器下禁用文字大小调整，代码如下：html { -webkit-text-size-adjust: none； }其次就是代码的转换了，如下图所示：其实在480px宽度下的时候，整体框架布局已经不用设置，马海祥认为我们应该考虑得更多的是怎么把一个良好的页面布局展示给用户。
而在这个模式下，如果导航条有很多选项的时候，就会相互堆叠换行，那么这里我们设计成点击出下拉菜单形式，如下图所示：这里我们首先考虑在小设备窗口下header太高已经占据了大半的屏幕显示，所以这里我们重新设定下header的高度，能完整呈现出这个站点logo就可以了。在480px小设备窗口下浏览，页面内容会很长，这个时候我们要在底部加个返回页面顶部的按钮。
7.Dreamweaver网页制作中,100%的宽用代码该怎样写
页面的宽度通常是相对于按照浏览器窗口的大小而言的。
网页宽度单位有以下几种：
单位 描述
% 百分比
in 英寸
cm 厘米
mm 毫米
em 1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。
例如，如果某元素以 12pt 显示，那么 2em 是24pt。
在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使 用的字体。
ex 一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的 一半。)
pt 磅 （1 pt 等于 1/72 英寸）
pc 12 点活字 （1 pc 等于 12 点）
px 像素 （计算机屏幕上的一个点）
经常用到的也就px,em,pt和%百分比几种。
如果你要定义百分之百，定义方法如下：
html语言中的表格：
xxxx
在css中定义：
div {
width:100%;
}
table {
width:100%;
}
.box {
width:100%;
}
转载请注明出处育才学习网 » dreamweaver网页的代码怎么写