1.项目主体
主要内容
本网页主要设计的是从几个不同的方面去介绍重庆,从重庆的特有美食,重庆的景点,重庆人民的奋斗,以及重庆人民的交通出行,还有重庆人民对于生活的态度,这五个方面诠释了现在的重庆。
下面是网站首页:
2.制作过程
资料寻找
对于重庆的所有资料,我自己都是在网上所寻找到的,关于重庆的特色,景点等。
整体构造
本次制作了6个HTML文件,包括一个主页面和五个子页面,主页面上的导航栏作为导航功能,在header中加入了cate,scenery,struggle,transportation,life五个导航子类,每一个对应主页上的一个子类,点击即可进入对应的标题页,在对应 的那一页下面都会有more detail等更多的链接,点击就会进入一个新的页面,是对该类的详细描述。因为技术原因,子HTML的制作方式,排版样式以及CSS文件和主页基本一致。
最后加入了“联系我们”页面以及footer页面 ,主要为了提交课程报告以及美化页面等作用。
页面展示
该部分是导航键部分,每一个对应一个ID。
——————————————————————————
3.问题分析
已知问题:
1.主页的背景图是加在CSS中的,但是在CSS中的背景图目前只能通过网页的URL进行添加,本地图片目前还是不行,但是加入在HTML文件中却又显示不出来背景图。当上传到GitHub时可能会存在打不开背景。
已解决问题:
1.当上传到GitHub时存在图片无法加载情况,后面查阅资料得知,可能是因为GitHub服务器在此地区的问题,后来通过把图片下载到本地,再把本地图片一起上传到GitHub,就能加载成功了。
2.当点击链接的时候,跳转到另外的一个网页时,我想得到在另外一个新的页面打开的结果,就在URL后面在添加一个条件,target="_blank"。
3.导航栏的颜色不知道怎么修改,通过查找在CSSstyle文件中找到,并修改为自己想要的颜色
网页链接:https://mistake11a.github.io/Chongqing1/