Getting involved on the Web isn't as cheap as it looks. In this article we discuss how much you may have to spend, and why.
| Prerequisites: | You should already understand what software you need , the difference between a webpage, a website, etc ., and what a domain name is . |
|---|---|
| Objective: | Review the complete process for creating a website and find out how much each step can cost. |
When launching a website, you may spend nothing, or your costs may go through the roof. In this article we discuss how much everything costs, and how you get what you pay (or don't pay).
You likely have a text editor: such as, Notepad on Windows, Gedit on Linux, TextEdit on Mac. You'll have an easier time writing code if you choose an editor that color-codes, checks your syntax, and assists you with code structure.
Many editors are free, for example Atom , Brackets , Bluefish , TextWrangler , Eclipse , Netbeans ，和 Visual Studio 代码 . Some, like Sublime Text , you can test as long as you like, but you're encouraged to pay. Some, like PhpStorm , can cost between a few dozen and 200 dollars, depending on the plan you purchase. Some of them, like Microsoft Visual Studio , can cost hundreds, or thousands of dollars; though Visual Studio Express is free for individual developers or open source projects. Often, for-pay editors will have a trial version.
To start, we suggest trying out several editors, to get a sense of which works best for you. If you're only writing simple HTML , CSS ，和 Javascript , go with a simple editor.
Price does not reliably reflect a text editor's quality or usefulness. You have to try it for yourself and decide if it meets your needs. For example, Sublime Text is cheap, but comes with many free plugins that can greatly extend its functionality.
Your system likely includes a simple image editor, or viewer: Paint on Windows, Eye of Gnome on Ubuntu, Preview on Mac. Those programs are relatively limited, you'll soon want a more robust editor to add layers, effects, and grouping.
Editors can be free ( GIMP , Paint.NET ), moderately expensive ( PaintShop Pro , less than $100), or several hundred dollars ( Adobe Photoshop ).
You can use any of them, as they will have similar functionality, though some are so comprehensive you'll never use every feature. If at some point you need to exchange projects with other designers, you should find out what tools they're using. Editors can all export finished projects to standard file formats, but each editor saves ongoing projects in its own specialized format. Most of the images on the internet are copyrighted, so it is better to check the license of the file before you use it. Sites like Pixabay provide images under CC0 license, so you can use, edit and publish them even with modification for commercial use.
If you want to include video or audio into your website, you can either embed online services (for example YouTube, Vimeo, or Dailymotion), or include your own videos (see below for bandwidth costs).
For audio files, you can find free software ( Audacity , Wavosaur ), or paying up to a few hundred dollars ( Sony Sound Forge , Adobe Audition ). Likewise, video-editing software can be free ( PiTiVi , OpenShot for Linux, iMovie for Mac), less than $100 ( Adobe Premiere Elements ), or several hundred dollars ( Adobe Premiere Pro , Avid Media Composer , Final Cut Pro ). The software you received with your digital camera may cover all your needs.
You also need a way to upload files: from your hard drive to a distant web server. To do that you should use a publishing tool such as an (S) FTP client , RSync ，或 Git/GitHub .
Each operating system includes an (S)FTP client, as part of its file manager. Windows Explorer, Nautilus (a common Linux file manager), and the Mac Finder all include this functionality. However, people often choose dedicated (S)FTP clients to display local or remote directories side-by-side and store server passwords.
If you want to install an (S)FTP client, there are several reliable and free options: for example, FileZilla for all platforms, WinSCP for Windows, Cyberduck for Mac or Windows, and more .
Because FTP is inherently insecure, you should make sure to use SFTP — the secure, encrypted version of FTP that most hosting sites you'll deal with these days will offer by default — or another secure solution like Rsync over SSH.
You either already have a browser or can get one for free. If necessary, download Firefox here or Google Chrome here .
You need a computer. Costs can vary tremendously, depending on your budget, and where you live. To publish a barebones website, you only need a basic computer capable of launching an editor, and a Web browser, so the entry level can be quite low.
Of course, you'll need a more serious computer if you want to produce complicated designs, touch up photos, or produce audio and video files.
You need to upload content to a remote server (see Hosting below), so you need a modem. Your ISP can rent Internet connectivity to you for a few dollars per month, though your budget might vary, depending on your location.
Make sure that you have sufficient bandwidth :
Hosting providers charge you according to how much bandwidth your website consumes. This depends on how many people, and Web crawling robots, access your content during a given time, and how much server space your content takes up. This is why people usually store their videos on dedicated services such as YouTube, Dailymotion, and Vimeo. For example, your provider may have a plan that includes up to several thousand visitors per day, for “reasonable” bandwidth usage. Be careful, however as this is defined differently from one hosting provider to another. As a rule of thumb, recognize that reliable, paid, personal hosting can cost around ten to fifteen dollars per month.
注意： There is no such thing as “unlimited” bandwidth. If you consume a huge amount of bandwidth, expect to pay a huge amount of money.
Your domain name has to be purchased through a domain name provider (a registrar). Your hosting provider may also be a registrar ( 1&1 , Gandi for instance are at the same time registrars and hosting providers). The domain name usually costs $5-15 per year. This cost varies depending on:
When you want to publish a website, you could do everything by yourself: set up a database (if needed), Content Management System, or CMS (像 Wordpress , Dotclear , spip , etc.), upload pre-made or your own templates.
You could use your hosting provider's environment, for roughly ten to fifteen dollars per month, or subscribe directly to a dedicated hosting service with pre-packaged CMSs (e.g., Wordpress , Tumblr , Blogger ). For the latter, you won't have to pay anything, but you may have less control over templating and other options.
You might ask, why should I pay for my hosting when there are so many free services?
It is better to go for paid hosting rather than relying on free hosting, as it is possible to move your files easily and uptime is guaranteed by most paid sites. Most hosting providers give you a huge discount to start with.
Some people opt for a mixed approach. For example, their main blog on a paid host with a full domain name, and spontaneous, less strategic, content on a free host service.
If you desire a professional website, you will likely ask a web agency to do it for you.
Here, costs depend on multiple factors, such as:
...and for hosting:
Depending on how you answer these questions, your site could cost thousands to hundreds of thousands of dollars.
Now that you understand what kind of money your website may cost you, it's time to start designing that website and setting up your work environment .
最后修改： , 由 MDN 贡献者
