dw网页设计素材图片(dw网页素材页图片)

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，点保存浏览。

四，把改动的和新增加的元素就文件都上传。

什么是dw图像

像一条线一样的导航素材图，基本上都是设为背景图片，并用平铺方式填充。DW设计是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

dw图像功能

实时视图新增功能借助DreamweaverCS4中新增的实时视图在真实的浏览器环境中设计网页，同时仍可以直接访问代码。呈现的屏幕内容会立即反映出对代码所做的更改。编辑本段代码提示新增功能，借助改进的JavaScript核心对象和基本数据类型支持，更快速、有效地编写JavaScript。

保持跨媒体一致性，将任何本机AdobePhotoshop或Illustrator文件插入Dreamweaver即可创建图像智能对象。更改源图像，然后快速、轻松地更新图像。提高工作效率，利用高速FTP传输和改良的图像编辑功能，有效地设计、开发并发布网站和移动应用程序。

关于DW做网页时插入图片的问题

简单的事,别搞复杂

建立站点(现在又个站点的文件夹了)-在根目录外面建个文件夹-在根目录里面建立多个文件夹（记住在建立文件夹的过程中不能用中文）-给多个文件夹命名（image,music,text等等你要用到的东西）-刚刚不是在外面建立了个文件夹。里面也建立点文件夹，只要你知道是方式们东西的就好了，这个文件夹里面放你下下来的素材。可以说是临时的，但是千万记住，用一个就要复制一个到你的根目录的相应文件夹下面，还有很重要的一点，根目录的文件及文件夹的名字不可以是中文的！！

用ps做了一个网页效果图，现在要用dw设计，psd里的各个素材怎么导出来？

生ps做的网站效果图要通过ps的切片工具将你需要的素材，按照一定的尺寸切出来保存为网页而所用的图片素材然后在使用代码进行网页的构建才可以

如何用dw软件制作网页的小网站

打开DW，DW界面如图

2

分析所制作的网页的需求，明确目标

3

明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。

4

新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹

5

在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片

6

新建HTML，选择“创建”

在“标题”中输入“新闻网页首页”，转换到“设计”界面

根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置

插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”

在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”

插入图像，不知道怎么填的话就一直选择“确定”即可

插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图

选中第二行，点击鼠标右键，选择“表格”，“合并单元格”

在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件

点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际

步骤阅读

当然也可以在Dreamwaver CS6 的实时视图中完成第15步

DW一份网页素材去哪里找的，网页你一般要怎么开始做，DW怎麽插图片？

网友你好：

去素材天下 (这个还得看你自己是要做什么样的网站的，很多素材图片是要从百度上面直接搜索出来，还有一些是要实际生活中的)

看你自己究竟要做什么样的网站，不过做任何网站都有相同的地方：

1、新近站点(名字随意最好是用字母)

2、站点里面必须得有images(这个是用来存网站图片的)

在DW下面的属性工具栏中有插入图片(看你是要做网站的背景还是在单元格里面)