Dreamweaver cs6 网页设计教程
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1、</span>新建一个站点</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/a3d4c32b77dc4988bc164c525ab84339~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=OF0yEAcE4bHb4m%2Bpe2l%2BL5q9428%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2、</span>设置站点的服务器和<span style="color: black;">照片</span>存储路径</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.设置<span style="color: black;">照片</span>存储路径：点击上图的管理站点弹出下图界面</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/5babe24342394154a136c08686f19281~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=kar2NfoxYqZf%2FL18KRCt0D7z2DY%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/630901c614bd48f0b6843d77a3e2edb5~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=OEDTBj9CKMGu9vmIqt5AhfZquHI%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 2.设置服务器：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/fca7a76341fe47269759e525ddc5d68b~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=36AYtp4wpaL9EmTtGtX6FYfTnzw%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">三.新建一个HTML文件，修改页面属性：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 1.打开页面属性：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/32a8f660216e42e4a24ab0e11c8f0bb7~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=7yZhPsmAjAu2UbiFXUOlMRoggf8%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.<span style="color: black;">选取</span>标题编码项，文档类型<span style="color: black;">选取</span>HTML5</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/2139569d8259476ea241277d8e17eda9~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=J59p5w%2FmXFXSOaPUaQWPIQKbHSE%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 3.配置首选参数，<span style="color: black;">这般</span>新建的HTML文件会默认<span style="color: black;">运用</span>HTML5格式</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/91026e5406c047af9d67aab69c45718d~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=Qlvtwv8qgMKn5kKOg9WiEkN5FG0%3D" style="width: 50%; margin-bottom: 20px;"></div>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/9cbbe2ebf8b1445cb608fa0a69741308~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=otKb7o%2BJusCyGK10tnE4LsLMik0%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">4、</span>代码缩进快捷键：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/404fa99038e245af91f0dc7d8c8f4b53~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1722817190&x-signature=O3HH0FmnAlnl6K7w5IY1hT4MpE4%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">5、</span>HTML知识：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 1.标题：标题有h1到h6几种样式，都是单独一行，字体加粗变大的效果，h1最大，h6最小</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 示例： <h1></h1></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 2.段落：<p></p></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 换行：<br /></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 3.加粗：<b></b> <strong></strong>语法强调</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 倾斜：<i></i> <em></em>语法强调</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下划线：<u></u> <ins></ins>语法强调</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 4.大号字体：<big></big></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 小号字体：<small></small></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 水平分割线：<hr /></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 5.文本标记：<span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 6.项目列表： <ul></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <li></li></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> </ul></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 7.编号列表：<ol> 自动排序</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <li></li></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> </ol></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">8.列表项： <dl></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <dt></dt> 分组，dt和dd是并列关系</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <dd></dd></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> </dl></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 9.<span style="color: black;">运用</span>表格：<tabel width="600" height="600" border="1"> 表格的宽和高，边框</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <caption></caption>表格的标题</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <tr> 表格的行</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><td></td> 表格的列</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> </tr></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> </tabel></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 10.定义书签：<a href="#dibu"></a> 创建链接，<span style="color: black;">转</span>到页面底部</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <a name="dibu"></a> 在代码底部创建链接</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 11.播放音频：<embed src="" width="0" height="0"></embed></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">6、</span>CSS样式表：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.链接CSS文件：<link rel="stylesheet" href="" /> stylesheet是样式表的意思</p>
我们有着相似的经历，你的感受我深有体会。
页:
[1]