-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebsite.html
145 lines (106 loc) · 8.17 KB
/
website.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>The Startup Symphony</title>
<meta name="description" content="how to start a community (amateur, volunteer, nonprofit, civic) orchestra band, choir, creating a website, domain, web hosting, publicity
">
<meta name="keywords" content="how to start a community (amateur, volunteer, nonprofit, civic) orchestra band, choir">
<!-- Mobile viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<!-- CSS-->
<!-- Google web fonts. You can get your own bundle at http://www.google.com/fonts. Don't forget to update the CSS accordingly!-->
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/colorblocks-style.css">
<!-- end CSS-->
<!-- JS-->
<script src="js/libs/modernizr-2.6.2.min.js"></script>
<!-- end JS-->
</head>
<body id="home">
<!-- header area -->
<header class="wrapper clearfix">
<div id="banner">
<div id="logo"><img src="images/Logo.png" alt="logo" height="50" ></div>
</div>
<!-- main navigation -->
<nav id="topnav">
<div class="menu-toggle">Menu</div>
<ul class="srt-menu" id="menu-main-navigation">
<li><a href="./index.html">Home</a></li>
<li><a href="./topics.html">Topic index</a></li>
<li><a href="./stepbystep.html">Step-by-step guide</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</nav><!-- #topnav -->
</header><!-- end header -->
<!-- hero area (the grey one with a slider -->
<section id="page-header" class="clearfix">
</section><!-- end hero area -->
<!-- main content area -->
<div id="main" class="wrapper clearfix">
<!-- content area -->
<section id="content" class="wide-content">
<h1>Creating a website</h1>
<p>A website is important for conveying information, establishing your presence in the community, and giving
yourself a mark of legitimacy (especially among younger people who won't believe in the organization's
existence without one). You can use your website to display concert information, resources for musicians,
musician sign-up forms, online donation links, etc. Your website will be a valuable tool for
<a href="./recruiting.html">recruiting musicians</a> and publicizing your first events.</p>
<p>Eventually, you'll probably want to appoint a webmaster. However, since starting a website is one of the
first things you should do, you might have to figure out how to put something temporary together yourself in
the beginning and then improve it later.</p>
<p>There are two main resources you need for starting a website: a domain name and a web hosting service.
The domain name is the actual web address that someone would type in their browser to access your page, like
redlandscommunityorchestra.org. A web hosting service is a company whose servers store your webpages and
provide access to them for people who navigate to your site.</p>
<p>Purchasing a domain name is fairly easy and inexpensive (about $10-$20/year, depending on the address you want).
You can buy it from any one of many domain registrars, such as GoDaddy. But, before you purchase your domain
name, make sure you know what you're going to do with it.</p>
<p>If you're planning to build the site from scratch yourself, you might want to get a full-fledged web hosting
account. You can hook up your domain name to this account, set up subdomains, create e-mail lists and forwarders,
and use lots of provided developer tools. Hosting accounts typically cost at least $100 per year, depending on
the services you pay for. Of course, if you already have a web hosting account yourself, or if you have a
co-founder with an account, you can save your orchestra money by using the existing account.</p>
<p>Another good option if you're technically competent and planning to build your own site from scratch is to use <a href="https://pages.github.com/" target="_blank" rel="noopener">GitHub Pages</a>. GitHub allows you to host static webpages for free and to use your own domain for them. In effect, it's free no-frills web hosting for simple websites, and it's very easy if you know how to use GitHub (common among software engineering types).</p>
<p>If you don't have web programming skills, there are many online services available to design your own website
using templates and "what-you-see-is-what-you-get" editing. These services often give you a free subdomain on
their site, such as myorchestra.wordpress.org. You generally have to pay a fee if you want to use your own
domain name, such as myorchestra.org or myorchestra.com. These services also don't give you access to a lot of
the other useful features you would get with a real web hosting account, but it might be a good place to start.</p>
<p>I think it is probably best for you to get your own domain name early on, before you start any serious publicity
efforts. Changing your web address later will only lead to confusion, and it's good for your orchestra's contact
info to remain stable over time.</p>
<p>When I started the RCO, I already had a web hosting account with <a href="https://www.a2hosting.com/" target="_blank" rel="noopener">A2Hosting</a>
that I was using for some other projects, so I simply purchased the domain name redlandscommunityorchestra.org and
hooked it up to my existing account. Since I didn't expect the orchestra's website to have lots of traffic or to
require lots of storage space, it wouldn't impinge on any of my other sites. Later, the RCO got its own web hosting account with <a href="https://www.godaddy.com/" target="_blank" rel="noopener">GoDaddy</a>. This is good because all the web stuff remains accessible to someone else if I get hit by a bus tomorrow, though it does cost more money.</p>
<p>A word of caution: Make sure to renew your domain annually, and pay attention to those renewal notices!
A pandemic hiccup caused the Redlands Community Orchestra to lose its original redlandscommunityorchestra.org domain
by failing to renew it, and it's now owned by a web squatter who's using it to run a gambling site. There's not much
you can do about losing your domain except try to buy it back, but web squatters who buy up lapsed domains are going
to make that difficult or expensive. The Redlands Community Orchestra had to purchase redlandscommunityorchestra.com
(note .com instead of the original .org) and recreate a new website. So, the lesson here is that you need to stay on
top of this stuff!
</p>
</section><!-- #end content area -->
</div><!-- #end div #main .wrapper -->
<!-- footer area -->
<footer>
<div id="colophon" class="wrapper clearfix">
© 2024 by Melinda Morang
</div>
<!--You can NOT remove this attribution statement from any page, unless you get the permission from prowebdesign.ro--><div id="attribution" class="wrapper clearfix" style="color:#666; font-size:11px;">Site built with <a href="http://www.prowebdesign.ro/simple-responsive-template/" target="_blank" title="Simple Responsive Template is a free software by www.prowebdesign.ro" style="color:#777;">Simple Responsive Template</a> by <a href="http://www.prowebdesign.ro/" target="_blank" title="www.prowebdesign.ro" style="color:#777;">Prowebdesign.ro</a></div><!--end attribution-->
</footer><!-- #end footer area -->
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.9.0.min.js">\x3C/script>')</script>
<!-- fire ups - read this file! -->
<script src="js/main.js"></script>
</body>
</html>