forked from Ben-Sandoval/Ben-Sandoval.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (91 loc) · 3.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="../src/styles/index.css" />
<title>Ben's Website</title>
</head>
<body>
<header>
<div class="navbar">
<a id="home" href="index.html">{ }</a>
<h1 id="title">Ben's Website</h1>
<div class="navbar_buttons">
<a href="../src/music.html">Music</a>
<a href="../src/wordle.html">Wordle</a>
</div>
</div>
</header>
<main>
<div class="content">
<div class="info">
<h2>Introduction:</h2>
<p>
My name is Ben Sandoval and for my project I have decided to learn
HTML, CSS and JavaScript. This website is a visual representation of
everything that I have learned so far.
</p>
</div>
<div id="html_section">
<div class="info">
<h2>HTML:</h2>
<p>
HTML is a coding language that allows the programmer to start
creating a website. Although it is a very powerful tool, if you
were to only use HTML when trying to create your website it would
be a very boring website, as HTML is kinda like the "skeleton" of
a website. HTML offers a very limited selection for the
customization part of a website and the main function of it is to
structure your site with different sections, text, images, links,
etc. In this website HTML was used to create every word you see as
well as divide the website into different sections.
</p>
</div>
<img id="html" src="../images/HTML5.png" />
</div>
<div id="css_section">
<img id="css" src="../images/CSS3.png" />
<div class="info">
<h2>CSS:</h2>
<p>
CSS is another coding language which is the part that makes the
websites look appealing for the user. In CSS you are also able to
animate anything you want to make the websites more interactive.
CSS is like the "designer" of the website allowing full
customization of anything you want. In this website CSS was used
in order to add color, fonts, animations, etc.
</p>
</div>
</div>
<div id="js_section">
<div class="info">
<h2>JavaScript:</h2>
<p>
JavaScript is yet another coding language which allows for all of
the functionality of a website to happen such as making
calculations, saving data, reading data, or sending data. While
JavaScript is not required to have a nice looking, functioning
website, it is something that you will need if youre making a site
that has anything that requires processing. In this website I used
JavaScript to populate the music page with all the songs that I
pulled from my "Top Songs" playlist on spotify.
</p>
</div>
<img id="js" src="../images/JS.png" />
</div>
<div class="info">
<h2>Conclusion:</h2>
<p>
Creating a website is like creating a house. First you need to build
the structure and framework with HTML. Once you get the structure
done you're free to design and add appliances to the house so you
use CSS to put up decorations and then to create a microwave you use
JavaScript. There are so many websites out there and pretty much all
of them use these three languages in order to meet their goals.
</p>
</div>
</div>
</main>
</body>
</html>