Dreamweaver cs6 网页设计教程笔记

一、新建一个站点

二、设置站点的服务器和图片存储路径

1.设置图片存储路径：点击上图的管理站点弹出下图界面

2.设置服务器：

三.新建一个HTML文件，修改页面属性：

1.打开页面属性：

2.选择标题编码项，文档类型选择HTML5

3.配置首选参数，这样新建的HTML文件会默认使用HTML5格式

四、代码缩进快捷键：

五、HTML知识：

1.标题：标题有h1到h6几种样式，都是单独一行，字体加粗变大的效果，h1最大，h6最小

示例： <h1></h1>

2.段落：

换行：

3.加粗： 语法强调

倾斜： 语法强调

下划线： <ins></ins>语法强调

4.大号字体：<big></big>

小号字体：

水平分割线：<hr />

5.文本标记：

6.项目列表： <ul>

</ul>

7.编号列表：<ol> 自动排序

</ol>

8.列表项： <dl>

<dt></dt> 分组，dt和dd是并列关系

</dl>

9.使用表格：<tabel width="600" height="600" border="1"> 表格的宽和高，边框

<caption></caption>表格的标题

<tr> 表格的行

<td></td> 表格的列

</tr>

</tabel>

10.定义书签：<a href="#dibu"></a> 创建链接，跳转到页面底部

<a name="dibu"></a> 在代码底部创建链接

11.播放音频：<embed src="" width="0" height="0"></embed>

六、CSS样式表：

1.链接CSS文件：<link rel="stylesheet" href="" /> stylesheet是样式表的意思

Dreamweaver cs6 网页设计教程笔记相关推荐

Dreamweaver CS6网页设计入门、进阶与提高
Dreamweaver CS6网页设计入门.进阶与提高本书主要介绍了Dreamweaver CS6网页制作相关知识及网页制作技能,内容涵盖Dreamweaver CS6基础知识.使用层叠样式表.处理 ...
cs6导航栏代码html,总算认识网页设计教程|Dreamweaver-CS6工具栏详解
总算认识网页设计教程|Dreamweaver-CS6工具栏详解日期:2019-08-31 16:18:59 浏览:194 核心提示:网页设计教程|DreamweaverCS6工具栏详解.为了更好地使 ...
《Dreamweaver CS6 完全自学教程》笔记
声明: 博主完全采用自学方式进行学习,内用不够严谨,学习路线不够系统,仅可用作参考,如有错误请及时指正. 博主主要参考<Dreamweaver CS6 完全自学教程>这本书进行学习,但不限 ...
dw cs6 html建站点,dreamweaver cs6网页中制作锚点链接的教程方法
部分网友刚刚下载使用dreamweaver cs6的朋友们,可能还不是很熟悉其中制作锚点链接?下面这篇内容就为你们带来了dreamweaver cs6网页中制作锚点链接的教程方法. dreamweav ...
《Dreamweaver CS6 完全自学教程》笔记第十七章：Spry 框架技术
文章目录第十七章:Spry 框架技术 17.1 Spry 菜单栏 17.1.1 插入 Spry 菜单栏 17.1.2 设置 Spry 菜单栏的属性 17.1.3 设置菜单项的尺寸 17.2 Spry ...
《Adobe Dreamweaver CS6中文版经典教程》——第2课　HTML基础2.1　什么是HTML
本节书摘来自异步社区<Adobe Dreamweaver CS6中文版经典教程>一书中的第2 章,第2.1节,作者:[美]Adobe公司更多章节内容可以访问云栖社区"异步社区& ...
Dreamweaver CSs网页设计css规则定义翻译
在Dreamweaver CS网页设计中,对于初学者来说,学习CSS样式基础其实不是很难,现在小编将CSS规则定义翻译如下,希望能给一起学习网页设计的网友更多方便,可供参考与理解. 当然,如果你觉得此 ...
《Adobe Dreamweaver CS6中文版经典教程》——2.4　常用的HTML4代码
本节书摘来自异步社区<Adobe Dreamweaver CS6中文版经典教程>一书中的第2 章,第2.4节,作者:[美]Adobe公司更多章节内容可以访问云栖社区"异步社区& ...
PS网页设计教程——30个优秀的PS网页设计教程的中文翻译教程
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 下面是本系列的30个优秀PS网页设计教程的翻 ...
设计师必读的15个响应式网页设计教程
@陈子木响应式设计是由著名网页设计师Ethan Marcotte在2010年5月提出的设计概念,随后席卷前端和设计领域,成为了如今网页设计的大趋势.正如同Ethan所说:"响应式网站设计提 ...

Dreamweaver cs6 网页设计教程笔记

Dreamweaver cs6 网页设计教程笔记相关推荐

最新文章

热门文章