dw网页设计

1、严格意义来说dw并不能用来设计网页，设计网页都是在平面设计工具里完成的，比如在ps里面设计好网站的效果图，在ps里面切图。2、dw只是个网站代码编写工具，使用dw编写代码会比较方面，因为有很多的快捷功能。但是对于高手来说，是用记事本都可以编辑网站的。3、dw的编辑面板主要有三种视图，分为 “代码”“拆分”“设计”，如下图在制作网站的时候，能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到，只有当网站代码出现问题的的时候用来查找错误，对于有一年多代码编写经验的人来说，就已经用不到了。4、在dw中编写制作网站的代码主要是div+css，也是就是html。网站布局也是通过html代码来实现的，比如maigin 与padding position 都是来控制div的布局和位置的。所以，在dw里面设计网页布局网站并不是dw的功能，还是通过代码实现的。

1. 打开DW，DW界面如图2. 分析所制作的网页的需求，明确目标3. 明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。4. 新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹5. 在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片6. 新建HTML，选择“创建”7. 在“标题”中输入“新闻网页首页”，转换到“设计”界面8. 根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置9. 插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”10.在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”11.插入图像，不知道怎么填的话就一直选择“确定”即可12.插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”13.选中第二行，点击鼠标右键，选择“表格”，“合并单元格”14.在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件15.点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际16.当然也可以在Dreamwaver CS6 的实时视图中完成第15步

能更形象化的让网页制作展现出来，能够让初学者了解网页制作的基础。dreamweaver主要是针对于软件工程师制作页面的一个软件。是网页制作的基础软件，可以不基于其他制作软件，独自完成一个简单的网页和小模块的功能。本身就是一款网页制作的软件，让模型化和代码化相结合，更好的表现和完成页面制作。Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Macromedia公司成立于1992年，2005年被Adobe公司收购。Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto" 作为网页预览。

　　DW中没有这个功能，实现不了。　　Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

我这里有两份个人主页网页模板，你自己修改下文字即可。

利用Dreamweaver制作一个个人虚拟网站的步骤如下：1、打开DW，DW界面如图2、分析所制作的网页的需求，明确目标3、明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。4、新建站点弹出来的窗口。在这里以“新闻网页”来举例，放在Dreamwaver CS6文件夹下的新闻网页文件夹5、在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片6、新建HTML，选择“创建”7、在“标题”中输入“新闻网页首页”，转换到“设计”界面8、根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置9、插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”10、在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”11、插入图像，不知道怎么填的话就一直选择“确定”即可12、插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图13、选中第二行，点击鼠标右键，选择“表格”，“合并单元格”14、在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件15、点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际16、当然也可以在Dreamwaver CS6 的实时视图中完成第15步

网页其实是没有什么分辨率的概念。说网页的大小其实是指网页主体部分的大小，这个主体部分可以用表格的大小来设定，或者用div设置大小。这其实是网页的一个元素。（实际上网页没有大小，大与小都在于主体部分的设定。）一张图片作为整体页面的背景，设置为“重复”那么它就会一直重复填充下去，不管是多大分辨率的屏幕，它都会填充满了。一般来说现在制作网页，网页的主体部分都以1024x768的屏幕为标准，也就是说，主体部分的宽度要做的比1024窄一些，比如970、980像素等，留出一部分边。制作网页首先要有一个精确的计划，不是说随便拿来一张图片就可以当作背景的，要对图片的尺寸、表格、DIV等等的大小都要计算一下，才能制作出版面漂亮的页面。

1、先设计好相关子页页面，取不同的名称。最好是放在同一个文件夹！2、主页通过<a>标签超链接到子页，如：<a href="子页名称.html">子页</>3、点开首页就可以通过“链接”访问子页面。

1、新建一个ASP网页并且保存；2、连接好数据库；3、 在网页中插入模板的内容，并添加好各个超链接；4、页面设计好后把网页另存为模板。5、接着在需要编辑的部分插入“可编辑区域”；6、保存后，我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。这个需要一定的dw知识，不是随便可以操作的。