当前位置:常识集 > 数码游戏 > 电脑 > Dreamweaver教程
手机版

Dreamweaver教程

来源:常识集 阅读:1.1W 次

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张

特别提示

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

本文链接:https://www.changshiji.com/smyx/diannao/ee35l1.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。