- 进一步熟悉通过git和github完成实验的操作流程
- 利用已学的html元素和属性完成简单网页的设计
- 掌握图像、超链接、锚点链接的使用
- 掌握相对路径的正确设置
- 网站的整体文件夹结构如下:
网站根文件夹/
asset/
慢风景1-你好澳门你好香港.txt
慢生活1-蒸肉粉炒鸡蛋.txt
慢生活2-芒果糯米糕.txt
慢时间.txt
fj/
fj01.html
images/
fj01-01.jpg
fj01-02.jpg
fj01-03.jpg
fj01-04.jpg
fj01-05.jpg
fj01-06.jpg
fj01-07.jpg
fj01-08.jpg
fj01-09.jpg
fj01-10.jpg
images/
banner.png
fj01.jpg
fj02.jpg
header.png
sh01.png
sh02.jpg
wy01.jpg
wy02.jpg
yz01.jpg
yz01.jpg
sh/
images/
sh01-01.png
sh02-01.jpg
sh02-02.jpg
sh02-03.jpg
sh02-04.jpg
sh01.html
sh02.html
index.html
README.md
网页效果图.pdf
- 完成4个网页,网页名称分别为index.html,sh01.html,sh02.html,fj01.html
- 网页的最终效果参考"网页效果图.pdf"
- 查看和分析网页效果图
- 在网站根文件夹下创建并制作index.html
- 在网站sh文件夹下创建并制作sh01.html, sh02.html
- 在网站fj文件夹下创建并制作fj01.html
- 确保所有图片能够正常显示
- 要求所有图片的src属性全部使用相对路径(注意:相对路径不能以斜杠/开头!)
- 确保所有超链接工作正常
- 所有页面上方导航栏的五个超链接能够正确链接到index.html页面及index.html页面下方的4个栏目
- index.html页面的超链接“[回页首]”能够正确回到页面顶部
- index.html页面下方的8个链接中,前3个分别能正确导航到sh01.html、sh02.html、fj01.html页面,后5个只要能返回页面顶部即可