Skip to content
Snippets Groups Projects
Commit 41fc2a8b authored by Chenzhe Fu's avatar Chenzhe Fu
Browse files

initial commit

parents
Branches main
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Biography.html 0 → 100644
+ 86
− 0
View file @ 41fc2a8b
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Biography</title>
<!-- <link rel="stylesheet" href="css/dec.css" /> -->
<link rel="stylesheet" href="css/index.css">
<script src="js/script.js"></script>
</head>
<body>
<table class="nav" id="nav">
<tr height="60px">
<td width="400px">
<h1><a href="index.html" style="color: rgb(13, 94, 175);">MyPage</a></h1>
</td>
<td>
<a href="./IntroductoryGuide.html" style="color: rgb(13, 94, 175);">Introductory Guide</a>
</td>
<td>
<a href="./Biography.html" style="color: rgb(13, 94, 175);">Biography</a>
</td>
<td>
</td>
<td>
<a href="./Reflection.html" style="color: rgb(13, 94, 175);">Reflection</a>
</td>
</tr>
</table>
<div class="title">Alan Mathison Turing</div>
<div class="ban">
<h2></h2>
</div>
<table>
<tr height="200">
<td width="450">
<h3>Introduce a genius - Turing.Why is Turing a god? First of all, he is a bully, much smarter than most of us. He is the youngest lecturer in the history of Cambridge University. Turing changed the trend of human civilization twice in his life, and it was changed in two completely different fields with completely different methods.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>One of the most important is the first point, he invented the famous Turing machine[1]. All our computers today were developed on that prototype The original Turing machine is not a machine that has been built, it is just a theoretical model concept. But all our current computers are essentially based on Turing's model concept. Therefore, Turing is the father of computers.In the 1960s, the American Computer Society named their award "Turing Prize". This is also the top prize in the computer field. Its honor is no less than the Nobel Prize.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>The second point is Turing's contribution as the chief password cracking expert of the British during the Second World War. During the Second World War, the German army had powerful machine support behind its unstoppable action at the beginning. For this reason, the British government implemented the top secret operational plan - password cracking. In the huge intelligence department, there was a mysterious and strange mathematician who advocated using a deciphering machine that could automatically complete the calculation against the cipher machine.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>Although Turing almost built the whole computer science field by using the intelligent machine he created, he still kept raising a question that even he was difficult to answer: how to define the new generation of "intelligence" he created? In 1950, his famous paper Computer Machinery and Intelligence was officially published, in which the concept of "artificial intelligence", as well as the equally well-known "imitation game" and "Turing test" were proposed for the first time in history[2].
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>His life was magnificent, but finally he was persecuted by the government. In 1954, after the end of World War II, Turing was denounced for homosexuality. The British government immediately convicted Turing. Finally, Turing, who could not bear the humiliation, chose to eat the apple containing cyanide and died of poisoning. A generation of geniuses ended at the age of 41.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>
After Turing's death, people slowly entered the digital era. Even today, in Silicon Valley, which represents the most top computer technology in the world, there are still countless founders of great companies praising Turing's great contribution to the entire computer science field. The top prize in the computer field is also named after Turing. His contribution still affects the world, and people have not forgotten him.
</h3>
</td>
</tr height="200">
<tr height="300">
<td width="450">
<h3>References</h3>
<h4>[1].Hodges, A. (2014). Alan Turing: the enigma. In Alan Turing: The Enigma. Princeton University Press.</h4>
<h4>[2].Hofstadter, D. (2013). Alan Turing: Life and legacy of a great thinker. Springer Science & Business Media.</h4>
</td>
</tr height="200">
</table>
</body>
</html>
IntroductoryGuide.html 0 → 100644
+ 79
− 0
View file @ 41fc2a8b
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Introductory Guide</title>
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/script.js" ></script>
</head>
<body>
<table class="nav" id="nav">
<tr height="60px">
<td width="400px">
<h1><a href="index.html" style="color: rgb(13, 94, 175);">MyPage</a></h1>
</td>
<td>
<a href="./IntroductoryGuide.html" style="color: rgb(13, 94, 175);">Introductory Guide</a>
</td>
<td>
<a href="./Biography.html" style="color: rgb(13, 94, 175);">Biography</a>
</td>
<td>
</td>
<td>
<a href="./Reflection.html" style="color: rgb(13, 94, 175);">Reflection</a>
</td>
</tr>
</table>
<img width="100%" height="500" src="images/01.jpg" alt="" id="indexImage">
<div class="ban list" id="banlist">
<div class="item">
</div>
<div class="item">
<a style="background-color: gold; font-size: x-large;">Introductory Guide</a>
</div>
<div class="item">
</div>
</div>
<table>
<tr height="200">
<td width="450">
<h3>Computational thinking is a fundamental skill for everyone, not just for computer scientists.[1]Computational Thinking is not only the ability of mathematical calculation, but also the ability to use computers. According to my understanding, Computational Thinking is a series of thinking activities such as problem solving, system design, and mathematical modeling using the thinking mode of computer science.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>Computational Thinking is a way of thinking. It is a way of modeling the problems to be solved, even the world. Although its name is' Computational Thinking ', this kind of thinking is essentially human thinking. It is a thinking process, which can be used to help us control and operate computing equipment, so as to complete related tasks more efficiently. Because human beings are not as powerful as computers in computing ability, storage ability and memory ability, we need to understand that computers are operating principles, and we must well master the way of thinking related to computers to solve problems. This can solve problems that could not be imagined before the computer was invented.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>This kind of thinking has great potential, which can stimulate people to maximize the use of computing resources. When we can understand Computational Thinking very well, we can better let machines assist humans. Therefore, it is important within the context of my program of study In addition, Computational Thinking will also bring us great help in our future study and work. Therefore, Computational Thinking is worth learning.
</h3>
</td>
</tr height="200">
<tr height="300">
<td width="450">
<h3>References</h3>
<h4>[1].Wing, J. M. (2006). Computational thinking. Communications of the ACM, 49(3), 33-35.</h4>
<h4>[2].Lu, J. J., & Fletcher, G. H. (2009, March). Thinking about computational thinking. In Proceedings of the 40th ACM technical symposium on Computer science education (pp. 260-264).</h4>
<h4>[3].Selby, C., & Woollard, J. (2014). Refining an understanding of computational thinking.</h4>
<h4>[4].Wing, J. M. (2008). Computational thinking and thinking about computing. Philosophical Transactions of the Royal Society A: Mathematical, Physical and Engineering Sciences, 366(1881), 3717-3725.</h4>
</td>
</tr height="200">
<tr height="50">
<td colspan=50>
<a href="#nav" style="color: gold; text-align: center;">To Top</a>
</td>
</tr>
</table>
</body>
</html>
\ No newline at end of file
Reflection.html 0 → 100644
+ 74
− 0
View file @ 41fc2a8b
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Reflection</title>
<link rel="stylesheet" href="css/index.css">
<script src="js/script.js"></script>
</head>
<body>
<table class="nav" id="nav">
<tr height="60px">
<td width="400px">
<h1><a href="index.html" style="color: rgb(13, 94, 175);">MyPage</a></h1>
</td>
<td>
<a href="./IntroductoryGuide.html" style="color: rgb(13, 94, 175);">Introductory Guide</a>
</td>
<td>
<a href="./Biography.html" style="color: rgb(13, 94, 175);">Biography</a>
</td>
<td>
</td>
<td>
<a href="./Reflection.html" style="color: rgb(13, 94, 175);">Reflection</a>
</td>
</tr>
</table>
<div class="ban">
<div style="float: left;" >
<img src="./images/Reflection.jpg" width="50%" style="float:right">
</div>
<div style="float: right;" >
</div>
</div>
<div class="title">Reflection</div>
<table>
<tr height="200">
<td width="450">
<h3>First of all, I understand the concept of algorithm, I know programming and the idea of ​​algorithm. In fact, when people use computer tools to solve a problem, they first model it, and then use the corresponding algorithm to solve the problem. In the process of computer development, there has always been a distinction between computer science and software engineering. Computer science guides the development of the computer field, and software engineering makes this field and this direction better. I learned about certain data structures through my studies, and I discovered that data can be stored in memory in so many wonderful ways. I also learned about the architecture of computers, how computers store data and control processes. The designs are really beautiful and inspiring to me.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>I learned the importance of Computational Thinking. According to my understanding, Computational Thinking is to use the computer science way of thinking to solve problems. Its ideas are very valuable, because although we humans are full of imagination, our computing power is weaker than that of chips, so we need to learn how to use chips and computers to assist us in performing large amounts of data operations.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>I also have a deeper understanding of software engineering. It turns out that software is like other industrial products, with so many designs and rules behind it. What impressed me the most was the development of multi-person collaborative ideas and technologies in the development of large-scale software projects. I got my hands on a code hosting platform. I have been exposed to various software development models, such as the waterfall model. These models are a summary of people's experience and wisdom. I learned about code management tools like SVN, git, etc. People have such a wealth of tools for collaborative development that the development of very large projects is possible.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>Through books, I also learned about new knowledge and concepts such as blockchain and web3. The idea of ​​blockchain is decentralization. Blockchain technology can enable faster and higher-quality development in the financial sector. And I also came into contact with future concepts such as quantum computing. Perhaps the day when quantum computing is realized will be the day when computers and Computational Thinking make a big leap. I think the value of quantum computing is even greater than controlled nuclear fusion.
</h3>
</td>
</tr height="200">
<tr height="200">
<td width="450">
<h3>The knowledge I have learned, as well as the knowledge I have learned through books, led me into the world of computers. Let me have a new understanding of the world, I began to analyze the world through 'Computational Thinking'. What I have learned has taught me to use computers to analyze and solve problems, but I still need to learn more. In the future, I will focus more on my course study, better understand software and algorithms, and better understand Computer Science.
</h3>
</td>
</tr height="200">
</table>
</body>
</html>
\ No newline at end of file
css/dec.css 0 → 100644
+ 46
− 0
View file @ 41fc2a8b
*{
margin: 0;
padding: 0;
}
.nav{
width: 100%;
text-align: center;
background: gold;
}
a{
text-decoration: none;
color: #eee;
}
.title{
font-size: 50px;
color: black;
font-weight: bold;
height: 60px;
line-height: 60px;
width: 1200px;
margin: 30px auto;
}
h2,p{
padding: 16px;
}
p{
line-height: 26px;
}
.ban{
width: 1200px;
margin: auto;
}
.footer{
background: #333;
color: #eee;
padding: 40px 0;
text-align: center;
}
.foot{
width: 1200px;
margin: 20px auto;
}
.footer a{
padding: 0 20px;
}
\ No newline at end of file
css/index.css 0 → 100644
+ 70
− 0
View file @ 41fc2a8b
*{
margin: 0;
padding: 0;
}
.nav{
width: 100%;
text-align: center;
background: gold;
}
a{
text-decoration: none;
color: #eee;
}
.title{
width: 1200px;
font-size: 24px;
font-weight: bold;
margin: 40px auto 30px;
}
.item{
flex: 1;
/* text-align: center; */
}
table{
margin: auto;
width: 1200px;
background-color: #000;
}
td{
/* vertical-align: middle; */
/* text-align: center; */
}
h3,p{
margin: 12px;
color: gold;
}
h4{
margin: 12px;
color: rgb(131, 112, 7);
}
.more{
background-color: grey;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #ddd;
margin: 40px auto 60px;
}
.list a{
display: inline-block;
color: #000;
padding: 16px;
}
.footer{
background: #333;
color: #eee;
padding: 40px 0;
text-align: center;
}
.ban{
width: 1200px;
margin: 20px auto;
display: -webkit-flex; /* Safari */
display: flex;
}
.footer a{
padding: 0 20px;
}
\ No newline at end of file
images/01.jpg 0 → 100644
+ 0
− 0
View file @ 41fc2a8b
images/01.jpg

221 KiB

images/Reflection.jpg 0 → 100644
+ 0
− 0
View file @ 41fc2a8b
images/Reflection.jpg

367 KiB

images/password.JPG 0 → 100644
+ 0
− 0
View file @ 41fc2a8b
images/password.JPG

7.79 KiB

images/user.JPG 0 → 100644
+ 0
− 0
View file @ 41fc2a8b
images/user.JPG

7.78 KiB

index.html 0 → 100644
+ 69
− 0
View file @ 41fc2a8b
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>MyPage</title>
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/script.js" ></script>
</head>
<body>
<table class="nav" id="nav">
<tr height="60px">
<td width="400px">
<h1><a href="index.html" style="color: rgb(13, 94, 175);">MyPage</a></h1>
</td>
<td>
<a href="./IntroductoryGuide.html" style="color: rgb(13, 94, 175);">Introductory Guide</a>
</td>
<td>
<a href="./Biography.html" style="color: rgb(13, 94, 175);">Biography</a>
</td>
<td>
</td>
<td>
<a href="./Reflection.html" style="color: rgb(13, 94, 175);">Reflection</a>
</td>
</tr>
</table>
<img width="100%" height="500" src="images/01.jpg" alt="" id="indexImage">
<div class="ban list" id="banlist">
<div class="item">
</div>
<div class="item">
<a style="background-color: gold; font-size: x-large;">Index Page</a>
</div>
<div class="item">
</div>
</div>
<table>
<tr height="100">
<td width="450">
<h3>Here is the index page, which contains three parts of information:</h3>
</td>
</tr height="100">
<tr height="100">
<td width="450">
<h3>1.An introductory guide to Computational Thinking.
</h3>
<h3>2. A short biography of Turing
</h3>
<h3>3. A short reflection。
</h3>
</td>
</tr height="100">
<tr height="100">
<td width="450">
<h3>I hope you enjoy your visit!</h3>
</td>
</tr height="100">
<tr height="300">
<td width="450">
</td>
</tr height="100">
</table>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment