Web Site Development
Web 2.0 Objectives
By the conclusion of this section of the course, educators will...
Music Education Blogs
Readings for Discussion
Web Site Development
Web Site development used to mean getting a hosting account, establishing your own domain, and writing code in HTML. Today, however, it is much, much easier. Sites like Weebly.com and Wix.com allow novice computer users to create visually compelling content and make it available to the public for free. There are many, many ways to publish content online. Here are a just a few popular choices. Feel free to sign up for free accounts on any of these services and create a page or two to get an idea of how they work.
Web Infrastructure Videos
Get your geek on and learn to code!
By the conclusion of this section of the course, educators will...
- Explore music education blogs.
- Discuss the advantages and perils of using social networking sites like Facebook and Twitter.
- Explore the history and technology of the Internet including domain name registration and basic code structure.
- Learn the importance and value of Web 2.0 in music education.
- Create a Weebly site to demonstrate what you have learned in this workshop. Use this site as a model.
Music Education Blogs
- Mrs. Miracle’s Music Room
- NAFME Music in a Minuet blog
- SmartMusic Blog - for users of Finale and SmartMusic
Readings for Discussion
- Teacher's Guide to Social Networking
- Social Networks For Teachers On The Rise As Popular Social Media Raise Concerns
- History of the Internet and How it Works
- See http://www.dejavu.org/ for a fascinating peak at how the Web looked on early Web browsers.
Web Site Development
Web Site development used to mean getting a hosting account, establishing your own domain, and writing code in HTML. Today, however, it is much, much easier. Sites like Weebly.com and Wix.com allow novice computer users to create visually compelling content and make it available to the public for free. There are many, many ways to publish content online. Here are a just a few popular choices. Feel free to sign up for free accounts on any of these services and create a page or two to get an idea of how they work.
- Weebly.com (the preferred tool for this class)
- Wix.com (also great, a bit more powerful, not as easy to use as Weebly)
- Google Sites (also great, a bit more powerful, not as easy to use as Weebly, great for the forms feature for quizzes)
- NoteFlight.com - online notation software
- WordPress - Create your own blog
Web Infrastructure Videos
- How the Internet Works in 5 Minutes
- How the Internet Works - Naked Science
- Code.org has a YouTube channel playlist on this topic
- Search YouTube for more
Get your geek on and learn to code!
- Code.org - part of a mission to educate kids and adults in how to code
- W3Schools.com - great site for interactive tutorials to learn coding in HTML, CSS, Javascript and more
- To edit code, use a plain text editor like the free version of BBEdit.
- Some basic code samples for:
- HTML
- HTML with Audio
- HTML with Audio and CSS
- HTML with Audio, CSS, and Javascript - Joplin's Maple Leaf Rag
- HTML with Audio, CSS, and Javascript - Bach's Menuet in G Major