如何用dw软件制作网页的小网站
打开DW,DW界面如图
2
分析所制作的网页的需求,明确目标
3
明确需求。如果是建议一个网站,需要建立一个站点,方便管理并使制作步骤更为有条理。
4
新建站点弹出来的窗口。在这里我输入的是“新闻网页”,放在Dreamwaver CS6文件夹下的新闻网页文件夹
5
在新闻网页文件夹下新建“images”文件,导入制作网页所需要的素材,这里所需要的素材都是图片
6
新建HTML,选择“创建”
在“标题”中输入“新闻网页首页”,转换到“设计”界面
根据制作网页需求插入表格,只是在行列有所变化,下面的“表格宽度”以下选项根据图设置
插入表格如图,选择表格,会看到表格边框变红,选择之后变黑。在属性中对齐选项选择“居中对齐”
在表格第一行第一列输入“用户名”,在第一行第二个表格插入“文件域”。然后是密码,同样的插入“文件域”。切换到“拆分”界面,选中密码对应的“文件域”,将“type”改为“password”
插入图像,不知道怎么填的话就一直选择“确定”即可
插入按钮,同上面插入图像的处理方法那样处理,如果不知道填什么就一直“确定”,无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”,附上效果图
选中第二行,点击鼠标右键,选择“表格”,“合并单元格”
在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件
点击制作好的HTML文件,选择用360浏览器打开,输入用户名和密码,然后会看到如下情况:用户名课件,密码不可见,符合实际
步骤阅读
当然也可以在Dreamwaver CS6 的实时视图中完成第15步
求DW制作网页的基本步骤
具体操作步骤如下:
一、首先,在计算机C盘下创建一个“myweb2”文件夹,如下图所示。
二、然后打开Dreamweaver软件,如下图所示。
三、新建一个站点,命名为“myweb2”,跟创建在C盘里的“myweb2”一样,如下图所示。
四、先在网上下载一张图片,再保存到C盘下的myweb2,如下图所示。
五、然后导入新建的HTML中,如下图所示。
六、在图片下输入一些名字,如下图所示。
七、在文字下,创建一个链接,链接为“”,别人打开这个文字时,会弹出“百度”界面,如下图所示。
八、然后点击如下图画圆圈所示的工具栏。
九、打开图片下的文字,就进入了百度界面,如下图所示。
怎么用dreamweaver制作简单网页
第一步:打开dw,点击dw左上角的文件按钮。
第二步:在文件按钮弹出的菜单中选择新建。
第三步:在弹出的对话框中选择要新建的内容,新建网页就是html的。
第四步:在选择新建类型后,点击创建按钮。
第五步:新建完成后会看到网页的源代码,然后我们在body标签中填写内容。
第六步:点击左上角的文件按钮,在弹出的对话框中选择保存,可以利用快捷键ctrl+s保存。
第七步:点击创建按钮后会询问保存路径及保存文件的名称,可以新建为index.html,然后点击保存。
第八步:在保存路径找到该文件,然后双击打开。
第九步:双击打开后在浏览器可以看到一个网页了。
dreamweaver如何制作网页?
在dw中点击“文件-新建-常规-基本页-HTML”,这样就可以轻松的建好了一个网页。英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。
下载了网页模板程序后,用dreamweaver修改的具体操作步骤:
在标题空格那里输入网页的名称,点击—页面属性,打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像,超级链接颜色,其他都保持默认值就可以了。
这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属性”打开属性面板,取文字的大小,再把文字设置为居中,然后在文字的前面敲几下回车就位于页面中间了。
要选取字体,即选择字体中的最后一项:即编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体,点击中间的按钮就可以加入了。
暂无评论
发表评论