Dreamweaver的基本使用

1

电子商务网页设计与制作

D e s i g n ? a n d ? C r e a t i o n ? o f ? E - c o m m e r c e ? W e b ? P a g e s

DW的基本使用

主 讲 人 ： 傅 俊

T H I S I S

2

导入： HTML的作用

常用 WEB前端开发软件介绍

DW的基本使用

Content

3

导 ?入 -HTML的作用

HTML是一种网页语言，计算机互动交流用的通用语！

HTML是用来描述网页的一种语言！

4

导 ?入 -HTML的作用

HTML是一种网页语言，计算机互动交流用的通用语！

HTML是用来描述网页的一种语言！

HTML(HyperText Markup Language)，即超文本标签语言。

它并不算一种真正的程序语言，而是一种描述文档结构的语言。

HTML构成了网页文档的主体 ,已经成为 Internet上描述网页内容和外观的标准，其他构成

网页的语言或者脚本是建立在 HTML之上的或是嵌入在 HTML中使用的。

5

导 ?入 -HTML的作用

从网店的效果图到网页实际页面的生成，特别是在网店店铺装修过程中，也离不开

辅助店铺代码辑工作。

另外网站页面中更是需要 WEB页面的制作

无论是移动端页面还是 PC端页面， HTML构成了页面的基础。

6

常用 WEB前端开发软件介绍

记事本是最基础的网页开发工具。为了提高网页编写效率，很多公司开发了网页辅助开发软件，以提

高我们网页开发的效率。

下面介绍一些常用的 WEB前端开发软件：

1、 Adobe?Dreamweaver

Adobe?Dreamweaver， 简 称 “ DW” ，是集网 页 制作和管理网站于一身的所 见 即所得网 页编辑 器，

DW是第一套 针对专业 网 页设计师 特点开 发 的 视觉 化网 页 开 发 工具，利用它可以 轻 而易 举 地制作出跨越平

台限制和跨越 浏览 器限制的充 满动 感的网 页 。

2、 Visual?Studio?Code

Visual?Studio?Code(简 称 ?VS?Code?/?VSC)?是微 软 公司推出的一款免 费 开源的 现 代化 轻 量 级 代 码编

辑 器，支持几乎所有主流的开 发语 言的 语 法高亮、智能代 码补 全、自定 义热键 、括号匹配、代 码 片段、代

码对 比等特性，支持插件 扩 展，并 针对 网 页 开 发 和云端 应 用开 发 做了 优 化。 软 件跨平台支持 Windows、

Mac?OS?以及 ?Linux，运行流 畅 。

7

记事本是最基础的网页开发工具。为了提高网页编写效率，很多公司开发了网页辅助开发软件，以提

高我们网页开发的效率。

下面介绍一些常用的 WEB前端开发软件：

3、 Notepad++

Notepad++是 ?Windows操作系 统 下的一套 文本 编辑 器 ，有完整的中文接口及支持多国 语 言 编 写的

功能 (UTF8技 术 )。 Notepad++功能比 ?Windows?中的 ?Notepad(记 事本 )强 大，除了可以用来制作一般的

纯 文字 说 明文件，也十分适合 编 写 计 算机程序代 码 。 Notepad++?不 仅 有 语 法高亮度 显 示，也有 语 法折叠

功能，并且支持宏以及 扩 充基本功能的外挂模 组 。

4、 HBuilder

hbuilder是 DCloud推出的一款支持 HTML5的 Web开 发 IDE。快，是 HBuilder的最大 优势 ，通 过 完整

的 语 法提示和代 码输 入法、代 码块 等，大幅提升 HTML、 js、 css的开 发 效率。同 时 ，它 还 包括最全面的 语

法 库 和 浏览 器兼容性数据。

常用 WEB前端开发软件介绍

8

DW的基本使用

9

DW的基本使用

10

DW的基本使用

11

DW的基本使用

12

DW的基本使用

13

DW的基本使用

14

DW的基本使用

15

DW的基本使用

16

DW的基本使用

17

电子商务网页设计与制作

D e s i g n ? a n d ? C r e a t i o n ? o f ? E - c o m m e r c e ? w e b ? p a g e s

感 ?谢 ?收 ?看

T?????H?????I?????S?????????I?????S