- 48小时精通Dreamweaver CS6
- 刘进 李少勇编著
- 569字
- 2020-08-29 00:02:54
1.5 制作第一个网站
学习时间:30分钟
通过前面对基础知识的学习,下面来制作一个网站。
01 选择“开始”→“程序”→“附件”→“记事本”命令,打开记事本,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0024_0005.jpg?sign=1739500297-5EUpKIgb1czqPWIR0pi6wE0dSaFdzK3X-0-dfcdbeb4f139a6f8a915a1c56cdf6076)
02 为了便于阅读代码,建议采用换行与缩进来层次化HTML代码。打开记事本后按【Enter】键两次,并按【Tab】键,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0024_0006.jpg?sign=1739500297-207b6GCejloxfpR35rLVFpK8vrpt53Rc-0-793f64bee3f25eca898008902a3825a1)
03 定义完光标后,输入<html>代码。继续按【Enter】键两次,并按【Tab】键1次定义光标,输入<head>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0024_0007.jpg?sign=1739500297-JA9SILmzPj4K0EBSjDAaD55Pes3LzZtG-0-af94f30c332a9fa6b91e360d31d69cb3)
04 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入<title>我的地盘</title>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0024_0008.jpg?sign=1739500297-MmRemmohEIPzFDlL3PoJ6rkQgI1mIWpF-0-3b6c4d65f11e8150d6117de41e5f8cc7)
05 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入</head>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0001.jpg?sign=1739500297-vX5S5TSfCYRbNZam4jO3ItNJnUuNvOWA-0-b8f83cdb71b169dbd0d3847b63eff916)
06 继续按【Enter】键3次,并按【Tab】键1次定义光标,输入<body>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0002.jpg?sign=1739500297-GUVqb0UD6uRk6BEQMVeAigfaCSdUtvnu-0-d83118faab964c9972ec3a6bf3fc6d23)
07 继续按【Enter】键1次,并按【Tab】键1次定义光标,输入<p>我的地盘我做主,欢迎光临我的地盘。</p>代码,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0003.jpg?sign=1739500297-fnxCPRqBC8KsjzOeDa1i87iOl9CW5Ibj-0-b2a616e8067374f3c3109f5bfb3183d5)
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=1739500297-UOxywlmmmdfvKDHCjBmjidZkMZaWbLZW-0-3b5db1e95a6e08e9eeec0aa0fb6774b2)
09 至此,网站制作完成了。下面将制作的网站保存到硬盘上,在菜单栏中选择“文件”→“另存为”命令,将制作的网站保存到最终文件的第1章中,将“保存类型”定义为“所有文件”,将“文件名”命名为“我的地盘.htmi”,单击“保存”按钮,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0005.jpg?sign=1739500297-WWieUp55FxB8U6haPBuakJtgxYlR6fbe-0-6db87dfb2ac5ec3328a4b38fd4a35c5e)
10 在硬盘中找到新保存的网站,如图所示。双击该文件将其打开,如图所示。
![](https://epubservercos.yuewen.com/9CF532/3590547803309201/epubprivate/OEBPS/Images/figure_0025_0006.jpg?sign=1739500297-Cq3b0aGORslhQgXJnfrs7TjDYlRzEQ1O-0-9c7b97379a927639e9ef98a3ca2a79ab)