My index.html
========================================================================
<!DOCTYPE html>
<html>
<head>
<title>uconnstamforddsc
</title>
</head>
<body>
<H1> UCONN STAMFORD DEVELOPMENT STUDENT CLUB</H1>
<P>Helping students bridge the gap between theory and practice
Developer Student Clubs are university based community groups for students interested
in Google developer technologies. Students from all undergraduate or graduate programs
with an interest in growing as a developer are welcome. By joining a DSC, students grow
their knowledge in a peer-to-peer learning environment and build solutions
for local businesses and their community.</P>
<a href="https://developers.google.com/community/dsc">Link to Google DSC Home Page</a>
<ul> Site Map
<li><a href="https://storage.googleapis.com/uconnstamforddsc/about.html">About US</a>
</li>
<li><a href="https://storage.googleapis.com/uconnstamforddsc/bgclub.html">Boys and Girls Club of Stamford</a>
</li>
</ul>
</body>
</html>
========================================================================
about.html
=======================================================================
<!DOCTYPE html>
<html><head><style>
p {
color: red;
text-align: center;
}
</style></head><body>
<p>UCONN Stamford Development Student Club was started in 2020 to develop translation based software for the local community</p>
<p>These paragraphs are styled with CSS.</p>
</body>
</html>
=======================================================================
Bgclub.html
<!DOCTYPE html>
<html>
<head>
<title>Very simple example
</title>
</head>
<body>
<img src="https://uconnhuskies.com/images/logos/site/site.png"/>
<h2>What Can JavaScript Do?</h2>
<p>JavaScript can change HTML attribute values.</p>
<p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>
<button onclick="document.getElementById('myImage').src='https://storage.googleapis.com/uconnstamforddsc/bear.jpg'">My Dog</button>
<img id="myImage" src="https://storage.googleapis.com/uconnstamforddsc/bear.jpg" style="width:100px">
<button onclick="document.getElementById('myImage').src='https://storage.googleapis.com/uconnstamforddsc/snoop_dog.jpg'">Snoop Dog</button>
</body>
</html>
</body>
</html>
===================================================================
Url to my page
https://storage.googleapis.com/uconnstamforddsc/index.html
Once you finish editing your 3 web pages you need to upload them along with your 2 pictures to your cloud bucket
Go to Storage
Click into your bucket
Click upload files
Find the files you wish to upload
Click into the file
Copy public URL into your page
No comments:
Post a Comment