Dreamweaver教程

来源:酷知科普网 9.49K

Dreamweaver是网页编辑工具,现在嵌入的功能越来越多,越来越复杂,想要学精通,必须多动手,就拿入门的第一个例子来分享,目标是浏览器端显示【Hello World】

操作方法

(01)1.既然想要学习Dreamweaver,那么下载好Dreamweaver并且安装成功,是动手的第一步,个人推荐安装macromedia Dreamweaver 8,这个工具比较简洁,能满足日常工作

(02)2.等待下载完毕,直接安装吧,我因为是老手,所以就用默认安装路径,安装完成之后,从开始菜单里直接打开Dreamweaver

Dreamweaver教程

(03)3.打开Dreamweaver,在【菜单栏】里选择【文件】,下拉菜单里选择【新建】,在跳出的对话框里选择【基本页-->HTML】,点击【创建】

Dreamweaver教程 第2张

(04)4.仔细观察新建的untitled-1这个页面,Dreamweaver会自动产生如下框架代码<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><body></body>

Dreamweaver教程 第3张

(05)5.简单解释代码框架<html></html>是网页标签,<head></head>是页面头标签,标签主要定义文字编码格式,媒体流格式,css样式等等,<title></title>是标题标签,<body></body>是正文标签

Dreamweaver教程 第4张

(06)6.可以修改代码,将标题改为【我的第一个html】,在正文中输入:Hello World,然后点【预览】:<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>我的第一个Html</title></head><body>Hello World!!</body></html>

Dreamweaver教程 第5张
Dreamweaver教程 第6张

特别提示

动手实践,祝早日成为大神

热门标签