Assignment (networks)

1. Watch the following videos:

How the Internet Works (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 = https://try.github.io/ especially https://learngitbranching.js.org/
github hello world = https://guides.github.com/activities/hello-world/
https://github.com/codepath/ios_guides/wiki/Using-Git-with-Terminal

create a GitHub account = https://github.com/join
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:

section 1 = https://baylor.box.com/s/ke38esv8h5ht09xhvi4hf2umg7h1h258
section 2 = https://baylor.box.com/s/25ubh8dl2x8ii86inlyt5oor6es1vsx7

Previous3. Networks NextDuring Class

Last updated 5 years ago

hashtag1. Watch the following videos:

hashtag2. Create a Github "Webpage"

1. Watch the following videos:

2. Create a Github "Webpage"