Assignment (networks)

Last updated 4 years ago

Was this helpful?

Assignment (networks)

1. Watch the following videos:

(40min worth of videos)

2. Create a Github "Webpage"

Screen shots below are difficult to see ... so press Command+ on a Mac (Ctrl+ on PC) as many times as you need to zoom in on this page.

git learning = especially
github hello world =

create a GitHub account =
create a new repository

A "repository" is like a folder for your project.
create a new file
name new file "index.html," add the code below, and "commit new file"
```
<!DOCTYPE html>
<html>
  <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
  </body>
</html>
```
a "commit" is like saving the changes to your files, but GitHub saves all of your commits so you can always go back to any "version" or "revision" of your files
make site published using GitHub Pages
- click on your repository "Settings" tab
- change the "Source" to "master branch"
- now your URL is displayed
upload an mp3 of one of the sounds you recorded for freesound.org to the repository
click edit on your index.html file

insert the <audio> tag code to your index.html (including <div> tags) somewhere in the <body> of your page and commit changes (Note: my mp3 file was named accordion.mp3 ... so edit the code to show your mp3 file's name)

<!DOCTYPE html>
<html>
  <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    
    <div>
      <audio controls>
          <source src="accordion.mp3" type="audio/mpeg">
          Your browser does not support the audio tag.
      </audio>
    </div>
    
  </body>
</html>

9. Add your URL to your site to the Boxnote:

Previous3. Networks NextDuring Class

Last updated 4 years ago

Was this helpful?