1、买一本学习网页设计的教材，找一些学习网页设计的视频，bilibili就能找到免费的教学视频。
2、挑选一个页面简单的网站。建议随机打开某小说网站的某小说的某一张作为参考。例如P1，不推荐P2的原因请看下一步。
3、按F12键，界面如下图。方便观察代码对应的位置。
4、按ctrl+u，将网页转成代码，如下图。P1是小说网站的代码，P2是设计网站的代码。P2的代码更复杂，且更多的是链接，看不到具体的修饰过程。
5、全选ctrl+A全选，复制粘贴到Dreamweaver中保存。
6、将小说内容删掉，因为它影响学习。
7、根据书本分段，用<!-- 标注 -->来做标注。
8、对照书本学习和理解代码的意思，不会的就去bilibili上找学习视频看。
