前端基础--DW的使用

前端基础–DW

开发工具与关键技术:DW/浏览器 ; DW的使用。
作者:刘佳明
撰写时间:2019年1月 28 日

在学习前端的第一步首先便是学会正确的使用DW这一个编程app;下面便由我自己编写关于DW的使用过程

第一步:

在电脑页面打开DW;关于DW 的首页面我已经截图在下面:点击文件;在点开文件后会弹出一个选项框;选择新建;开始创建我们DW 编程
在这里插入图片描述
代开新建之后,出现截图如下;
在新建文档中有多种的文档类型:最简单的页面布局需用到以下三种文档类型的使用
当然这其中CSS和JavaScript也可以用作标签直接写入HTML 中;在这我就不多做讲述;
HTML:关于编程页面的主体部分,其中主要是书写页面的布局;
Css:对HTML的布局进行样式的描写
Javascript:对HTML进行一些动态样式的改变;对于基础的DW中;Javascript 只需要把一些常见事件;流程语句熟悉应用即可

在这里插入图片描述
Html,css, javascript 的创建过程基本都相同:但在创建完毕之后都要记得保存;一般都是把它们分别放在不同命名的文件件内;便于我们下回操作;
在这里插入图片描述
其中由于主页部分我们经常去浏览;一般直接单独保存;
在这里插入图片描述
其中这一标签是对主页的一个命名;
在这里插入图片描述
在这里插入图片描述
接下来便是把创建的css引入到我们的HTNL中;

对于文档与文档间的连接的;

Css:键盘敲出link +ctrl键

css/index-css.css表示所要连接的文档表 在刷新即可

到这里DW 的基本操作基本完成;下面是我书写的一个可见样式图;
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44540130/article/details/86673613
dw