求网页制作的完成品，期末考试的作业，要用DreamweaverCS6做的

来源：蜘蛛抓取(WebSpider) 时间：2018-06-01 09:52 标签：

Dreamweaver CS6制作网页很方便为了方便学习峩们我们举了一个实际的例子，使用Dreamweaver CS6做了一个简单的网页非常简单，适合新手学习需要的朋友可以参考

以实例说明Dreamwaver CS 6版本的应用。即使現在用很多有关DreamwaverCS6版本的书籍资料但是资料太过复杂，反而不知道从而下手这篇经验将以本人经验说说Dreamwaver CS6 的使用。这里举的例子是“新闻網页首页”的制作

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浏览器打开，输入用户名和密码然后会看到如下情况：用户名课件，密码不可见符合实际

我要回帖

 

随机推荐