First, install dreamweaver.
1.dreamweaver free installation Download
link: https://pan.baidu.com/s/1xfYq7cRQGHL-hl-OGjM7WQ
extraction code: iaud
2. Unzip the package will be downloaded to any location.
3. Open the inside exe files run. ,
Second, create a site
1. Open dreamweaver, click on the site.
2. Select New Site
3. Enter the name of the site
4. Select the site directory, create a site directory folder and select
5. Click Advanced to select
6. Set the default picture folder, create the required image stored in the site directory website images .
7. OK to save.
8. Place the pictures into image
Third, create a directory style
style used to store the desired site css file.
Just complete the steps, you can see the bottom right corner, there is shown in the site
1. Create a style directory, create a folder to select the right site.
2. Then create css, stored in the style directory
3. After successfully created, press ctrl + s, select the style directory, name the file style.css save.
Fourth, create html page
1. Click on the top left corner of the file, select New.
2. just saved css import.
3. Save html, press ctrl + s, is stored in the root directory of the site, named index.html
Fifth, create a site layout
1.创建两行两列的表格
2.选择左上角表格，设置宽高，垂直对其为顶端。
3.依次插入图片。
4.选择右侧插入表格
选择顶端对其
5.在上面的一个表格插入图片
六、通过css调整背景色。
1.右键右侧的style，选择新建
2.选择标签，输入body确定
3.设置字体大小为12px.
4.设置背景颜色为 #360,确定
页面背景颜色绿了！
七、合并单元格子
1.选择下方表格
2.同时选中两个表格，右键-表格-合并单元格
3.设置单元格背景颜色为白色，垂直为顶端对其，输入文字。版权所有，违法必究
八、创建iframe标签，
1.选中右侧下方表格，在代码区插入 代码
2.页面ctrl + s 保存查看效果
3.创建新的html,输入hello world 保存 命名为 main.html
成功后站点如图
回到 index
4.ctrl+s保存查看页面情况。
如图，页内超链接完成，第一节课结束！！！