![48小时精通Dreamweaver CS6](https://wfqqreader-1252317822.image.myqcloud.com/cover/765/772765/b_772765.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.5 制作第一个网站
学习时间:30分钟
通过前面对基础知识的学习,下面来制作一个网站。
01 选择“开始”→“程序”→“附件”→“记事本”命令,打开记事本,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0024_0005.jpg?sign=1738915591-5WPFLZxm0uWqSTy2t9ppYYtxbeyY0o1g-0-9d7005659ab3e6223466505c2e065c0a)
02 为了便于阅读代码,建议采用换行与缩进来层次化HTML代码。打开记事本后按【Enter】键两次,并按【Tab】键,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0024_0006.jpg?sign=1738915591-Ef822zgYBBsIejuyDbWnBLbUp71Ycu5p-0-82a43693af7ae52799af0e2dc5a80d96)
03 定义完光标后,输入<html>代码。继续按【Enter】键两次,并按【Tab】键1次定义光标,输入<head>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0024_0007.jpg?sign=1738915591-CFxRZUeMp8ajwaOLqzK2sat7UJAq4xeG-0-21555f9959c2a532f165593f2d4a8e95)
04 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入<title>我的地盘</title>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0024_0008.jpg?sign=1738915591-6fz91PdUWnB4jLIoak6iSeXVpp1mqaX5-0-2a05debe1a7f7065b43818fe51762de2)
05 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入</head>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0001.jpg?sign=1738915591-ZQ6LR4qX4Kq4o3FjyTvE0PojUoMn3aPR-0-91391e508cf231e57916f002bdbabd7d)
06 继续按【Enter】键3次,并按【Tab】键1次定义光标,输入<body>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0002.jpg?sign=1738915591-g7TsTZ6Pz1o3I0VXwqQYsvZit4OL0AiB-0-ccf51ed671fc1fc6eb31d51a16811b06)
07 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入<p>我的地盘我做主,欢迎光临我的地盘。</p>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0003.jpg?sign=1738915591-dLTTYhj785pDx5SQanrAT1cgh4Oozwpq-0-302357e2fdb6785b519b79e0920b5039)
08 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入</body>代码,继续按【Enter】键3次,并按【Tab】键1次定义光标,在HTML文档结尾处必须有相应的尾标签与之对应,继续在光标处输入<html>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0004.jpg?sign=1738915591-6DiJ2tyB6Kz73saB0MMy6XTRir2am875-0-3917d20bb6fa7103308d7a1fd25a7ce8)
09 至此,网站制作完成了。下面将制作的网站保存到硬盘上,在菜单栏中选择“文件”→“另存为”命令,将制作的网站保存到最终文件的第1章中,将“保存类型”定义为“所有文件”,将“文件名”命名为“我的地盘.htmi”,单击“保存”按钮,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0005.jpg?sign=1738915591-yyIP6MchKa1tuss18pBJ9NOnYRgje4Cb-0-19bc61994249991dd927d9cfa5e995c0)
10 在硬盘中找到新保存的网站,如图所示。双击该文件将其打开,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0006.jpg?sign=1738915591-DlGoKodh1Hc4259MWMYVqdFWySXLDuYS-0-0b6fbe838a72c5fb0a18b40286d47b52)