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

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

怎样用Dreamweaver制作一个个人虚拟网站？

利用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步

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

简单的事,别搞复杂

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