Dreamweaver网页制作素材(dreamweaver网页制作教程)

dreamweaver怎么做一个简单的网页

方法/步骤

1、打开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新建一个简单的网页

点击桌面Dreamweaver软件，双击打开。

选择文件-新建，建立新的文档，或使用快捷键Ctrl+N。

将光标置入空白网页中，输入你需要的文字。

将鼠标光标放在文字开头，按住鼠标左键拖到最后，选中所有文字，或使用快捷键Ctrl+A。

在下面属性面板中，选择字体为宋体，颜色为黑色（#000000）.也可以选择你所喜欢的字体和颜色。

保存网页文本，按快捷键F12网页预览。即可得到所需要的文本网页。

如何制作网页？

你好，很高兴为你解答:

1.制作网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3.制作一个网页需要大量的文件，必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

4.建立自己的主页，按照之前的定的风格设计布局。

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

6.打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

7.替换网页中的元素即可。

选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

8.按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。