Dreamweaver教程

作者:清风拂面 | 创建时间: 2023-03-31
Dreamweaver是网页编辑工具,现在嵌入的功能越来越多,越来越复杂,想要学精通,必须多动手,就拿入门的第一个例子来分享,目标是浏览器端显示【Hello World】...
Dreamweaver教程

操作方法

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

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

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

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

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

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

温馨提示

动手实践,祝早日成为大神
点击展开全文

更多推荐