Skip to content

xq-wang/2017web-lab02

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

2017web-lab02

实验目的

  1. 进一步熟悉通过git和github完成实验的操作流程
  2. 利用已学的html元素和属性完成简单网页的设计
  3. 掌握图像、超链接、锚点链接的使用
  4. 掌握相对路径的正确设置

实验内容

  1. 网站的整体文件夹结构如下:
网站根文件夹/
    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
  1. 完成4个网页,网页名称分别为index.html,sh01.html,sh02.html,fj01.html
  2. 网页的最终效果参考"网页效果图.pdf"

实验步骤

  1. 查看和分析网页效果图
  2. 在网站根文件夹下创建并制作index.html
  3. 在网站sh文件夹下创建并制作sh01.html, sh02.html
  4. 在网站fj文件夹下创建并制作fj01.html
  5. 确保所有图片能够正常显示
  • 要求所有图片的src属性全部使用相对路径(注意:相对路径不能以斜杠/开头!)
  1. 确保所有超链接工作正常
  • 所有页面上方导航栏的五个超链接能够正确链接到index.html页面及index.html页面下方的4个栏目
  • index.html页面的超链接“[回页首]”能够正确回到页面顶部
  • index.html页面下方的8个链接中,前3个分别能正确导航到sh01.html、sh02.html、fj01.html页面,后5个只要能返回页面顶部即可

About

chapter1-lab2

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published