静态网页魔兽世界的一部分,这次练习的主要是背景图的使用和定位以及附有GitHub源码还有第一次使用Git的方法
这是人家的:
我做的是这样的:
网页总结:
没啥可总结的,背景图用一次大家也就都会用了,要注意的也就 no-repeat(不重复)默认值是repeat(重复)的,不使用具有规律的、重复的肌理填充的背景图时一定要加上no-repeat,不然网页放到大一点的显示屏就会超级那啥的嗷。
Github和Git总结
以前想分享源码都是用的那个CONING,因为那个比较简单,最近也是在准备鉴定考试和练习前端的同时接触了这两个东西。
首先是下载Git,可以在官网下载,我这下的好慢,所以就找到了下的快的地方,我在这里下载的Git-2.36.0-64-bit.exe,别的我没试过。注册Github很简单,那个密匙的那个网上也有好多教程,然后就是使用Git上传文件到GIthub:
1. 打开git bash输入ssh -T git@github.com
2. 回车后等一会,如果显示Hi 什么什么!You’ve successfully authenticated……就是成功了,如果报错了就上网查查
3. 继续在git bash接着输入mkdir Demo
4. 这个意思是创建一个文件夹,一般会直接创建在桌面,它叫Demo,当然你也可以换个名字,这个问题不大
5. 回车后接着还是直接输入cd Demo
6. 进入Demo这个文件夹,应该都没问题
7. 当然如果它不在桌面,你可以直接输入pwd
8. 回车后它就能出来文件夹Demo的路径了,然后输入git init
9. 回车后Demo就会变成Git可以管理的仓库了
10. 然后就可以把你想上传到Github的文件或者文件夹放进这个Demo的文件夹里
11. 放好之后输入git add .
12. 意思是添加Demo里的所有文件到Git仓库,这个仓库就是Demo这样就做到跟踪了应该,然后继续回车输入git commit -m '巴拉巴拉(要提交的文件名)for this project.'
13. 好了,这样就可以提交了,主要最后的那个英文点,别遗漏了,最后就是在另一边创建好库,添加进去。
14. 注意这个地方,我这校园网又卡的进不去Github,只能在网上截图记录一下了,这张图片出自于这里
- 红色框框圈起来的记一下,然后继续敲
git remote add origin 巴拉巴拉(这里就是框框里的地址了,输入进去)
- 然后回车,接着输入
git push -u origin master
- 就完成了,如果哪里报错了就上网查一查,不知道报错没就逐句翻译一下,我就是这么干的
接下来给大家把前几个网页的源码补一下:
最后就是这个魔兽世界的源码了
HTML的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>魔兽世界</title>
<link rel="stylesheet" href="./CSS/reset.css">
<link rel=