【老板小剧场】02-要学的东西好像还挺多

2022-07-29,,,

工作日志: 2020-10-23, 天气晴


小二:老板,做网站这东西貌似还挺复杂,给我点时间,我要学习学习。

几个小时之后

老板:小二,学咋样啊?啥时候能做好这个网站?明天行不?
小二:老板,你要不找个专业公司,让他们干吧,这活我觉得我干不了。
老板:小二,我觉得你可以,你加加班,尽快给我一个结果。
小二:老板,我要学好多东西,html,css,js。就算我用bootstrap也要给我点时间啊。
老版:好,你给我个时间点。
小二:两周,先给我两周……(内心OS:曾经有一份……,我希望是……)


跟着昨天搜到的博客操作,发现编辑index.html文件,真是一个很繁琐的事情,还挺难。

为了编写这种代码,最好还是搞一个类似sublime这样的有的编辑器,利用他的emmet插件,能降低这种html代码的开发难度。

今天看到有个bootstrap,打算用它做网站。查找了一下教程,发现这个网站还不错。根据这个教程里面的安装指引,从https://www.staticfile.org/ 查找的几个文件最新的版本,略略修改了一下index.html,贴上来。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- 新 Bootstrap4 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.5.3/css/bootstrap.min.css">


	<title>老板小剧场</title>
</head>
<body>
	<h1>老板,这是一个网站!</h1>
	<br>
	<h2>Hello world!</h2>


	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
	 
	<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单,包含了 popper.min.js -->
	<script src="https://cdn.staticfile.org/popper.js/2.5.3/cjs/popper.min.js"></script>
 
	<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
	<script src="https://cdn.staticfile.org/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>

</body>
</html>

重新运行网站,发现字体格式确实有变化,说明引入的这些js,css生效了。

接下来就继续按照老板的要求,看看页头,内容,页尾怎么做了。

不过要开启的分支学习可能有点多:

  • bootstrap
  • html/html5
  • css
  • javascrip
  • sublime/emmet

本文地址:https://blog.csdn.net/hryjzsh/article/details/109223594

《【老板小剧场】02-要学的东西好像还挺多.doc》

下载本文的Word格式文档,以方便收藏与打印。