dw网页制作素材+教程(DW网页素材)
如何用dreamweaver cs6制作网页
工具/原料
Dreamwaver CS6
所制作的网页的素材（图片，音频等）
方法/步骤
1
打开DW，DW界面如图
2
分析所制作的网页的需求，明确目标
3
明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。
4
新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹
5
在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片
6
新建HTML，选择“创建”
在“标题”中输入“新闻网页首页”，转换到“设计”界面
根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置
插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”
在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”
插入图像，不知道怎么填的话就一直选择“确定”即可
插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图
选中第二行，点击鼠标右键，选择“表格”，“合并单元格”
在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件
点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际
当然也可以在Dreamwaver CS6 的实时视图中完成第15步
如何用dw软件制作网页的小网站
打开DW，DW界面如图
2
分析所制作的网页的需求，明确目标
3
明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。
4
新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹
5
在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片
6
新建HTML，选择“创建”
在“标题”中输入“新闻网页首页”，转换到“设计”界面
根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置
插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”
在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”
插入图像，不知道怎么填的话就一直选择“确定”即可
插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图
选中第二行，点击鼠标右键，选择“表格”，“合并单元格”
在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件
点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际
步骤阅读
当然也可以在Dreamwaver CS6 的实时视图中完成第15步
DW制作图片网页问题-高手请进
编辑图片子页面
一，编辑图片子页面：
1，将素材 fengj 文件夹复制粘贴在根目录文件夹中 。
2， 在右面文件浮动面板里， 点中站点根文件夹， 点右键， 点新建文件， 把文件改名为fengj.htm，
双击该文件，进入编辑状态。设置页面属性。
3，在属性面板里点居中对齐，在虚线里点一下，插入 1 行 2 列，宽 780 象素，其他设为 0，
的表格， 在左面单元格里点一下， 插入4-3_1.jpg图片， 在右面单元格点一下， 插入 14-3_2.jpg
图片。
4，在表格右面点一下，插入 1 行 1列，宽 780象素 边框粗细为 1，其他为 0的表格，在属
性面板里，高设为 30，边框色为淡蓝，背景插入 302.jpg图片，水平居中对齐。
5，分别在这个表格里输入“首页 风景图片展示”在属性里把字体设为16，颜色为蓝色。
6，在表格右面点一下，插入 1 行 2 列，宽780 象素，边框为，其他为 0 的表格，点左面的
单元格，在属性里把宽改为 226，高设 383象素，水平居中对齐，背景色设为淡蓝，插入图
片 125.gif，把宽和高设为 224X381象素。
7，在右面单元格里点一下，背景设为淡蓝，插入 4 行 4 列，宽 100% 边框和间距为 0，边
框边距为 2的表格，把 16个单元格全部选中，把水平改为居中，分别在 16 个单元格里插入
01a.jpg到 16p.jpg的图片。点保存。
二，建立图片分页面：
1，在浮动面板里选中 fengj 文件夹，点右键，建立新文件，命名 tp1.htm.,双击该文件，进
入编辑状态。设置页面属性
2，在属性里点居中对齐，插入1 行 2 列，宽 800 象素，其他都为 0的表格。在左面单元
格里插入图片 14-3_1.jpg，右面单元格里插入图片 14-3_2.jpg。把高改为 600。
3，在表格右面点一下，插入 2行 1 列，宽 800象素，其他都为 0 的表格，点第一行单元
格，在属性里高改为 30 象素 水平居中，背景里插入 302.jpg 图片。在单元格里输入
“返回图片页 上一页 下一页 1 2 3 4 5 6 7 8 9 10 11 12 13
14 15 16”刷黑，字体大小设为 16。颜色为淡蓝。
4，在表格右面点一下，插入 1行 1 列，宽 800象素，其他都为 0 的表格，在表格中点一
下，插入图片 001a.jpg。
5，刷黑返回图片页，在属性的链接里找到 fengj.html 文件，目标默认就可以了，刷黑上
一页。在属性链接里。找到 tp1.htm（也就是现在的也面），复制链接里的链接路径，
刷黑下一页，在链接里粘贴 tp1.htm，把 tp1.htm改成 tp2.htm，刷黑“1” ，在链接里粘
贴 tp1.htm。刷黑“2”在属性里粘贴 tp1.htm，并把 tp1.htm 改为 tp2.htm，刷黑“3”
字，在属性里粘贴 tp1.htm，并把 tp1.htm改为 tp3.htm，---------------------刷黑“16” ，-
在属性里粘贴 tp1.htm，并把 tp1.htm改为 tp16.htm。点保存。关闭）
6，在文件浮动面板里，点 tp1.htm，点编辑，点复制，改名为：tp2.htm，再复制，改名为：
tp3.htm，依次复制 tp16.htm。
7，在文件浮动面板里双击 tp2.htm，把风景图片 001a.jpg删除，插入风景图片002b.jpg，
刷黑下一页，在链接里 把 tp2.htm，改为 tp3.htm，。在文件浮动面板里双击 tp3.htm，
把风景图片 002b.jpg 删除，插入风景图片 003c.jpg，刷黑下一页，在文件浮动面板里
双击 tp2.htm，把风景图片 001a.jpg删除，插入风景图片 002b.jpg，刷黑下一页，在链
接里 把 tp2.htm，改为 tp3.htm，。刷黑上一页，在链接里 把 tp1.htm，改为 tp2.htm，
依次改完 16个文件。全部保存。
三，首页链接“
1，双击首页 index.htm 文件，进入编辑状态，在导航空格里输入“景景图片”刷黑，在链
接里找到 tp.html 文件，目标页可以为默认。点保存，浏览。
2，双击 fengj.htm文件。进入编辑状态，刷黑首页，在属性链接里找到 jndex,htm文件，目
标默认。
3，选中第一张下图片，在链接里找到 tp1.htm，同样把下图片 2 到 16 链接到 tp2.htm 到
tp16.htm，点保存浏览。
四，把改动的和新增加的元素就文件都上传。
怎么用Dreamweaver制做网页
dramweaver不像word 不是一句两句就能说清楚的 要是像word 不就都会做网页了 这个是专业软件 是要一步步的打基础 学习 研究 实践 出来的 网上有教程 你可以看看 不过 要从代码开始学起 还有做一个网站不是只学Dreamweaver像Flash、Firework 还有好多边缘性的软件 上这个网站上看看去吧（ ） 下面是做网站的步骤 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者. 新手的话我建议先用 FrontPage 练练手...