Rockford Website Design
What Rockford web group can do for your company.Professional website at affordable pricing full custom design done in 5 days! Ability to update ...
hosting website design web site domain names corporate image - Bookshelf
|
270 pages |
Webvertising, the ultimate Internet advertising guide "Guide to good web design", Choosing the right web hosting company", "How to choose your domain name wisely?" and "How to promote your website offline? ... |
|
About this book The Internet's ability to act as an efficient channel for advertising has transformed it into a major marketing tool, and yet no one is really sure of how best to utilise the Internet for this purpose. It is clear that the costs, strategies and effectiveness of Internet marketing differ greatly from conventional marketing. This HOTT Guide Webvertising Special contains a wide range of white papers and case studies written by specialists, which inform you on how to exploit this new advertising trend. The information details the best strategies and will save you a great deal of time and money. |
|
|
142 pages |
InfoWorld THE BOTTOM LINE By Gess Shankar Is the corporate Web server becomes an ... and then resolve thousands of IP addresses to their corresponding domain names. ... |
|
About this book InfoWorld is targeted to Senior IT professionals. Content is segmented into Channels and Topic Centers. InfoWorld also celebrates people, companies, and projects. |
|
|
340 pages |
Fundamentals of high-technology marketing, what marketers need to know This means that the corporate image variable is the main differentiator or ... virtual domain hosting so they can use their own personal domain names. ... |
|
|
E-Marketing, What Went Wrong and How to Do It Right Another way to state this is that the image of the company, or corporate image, ... virtual domain hosting so they can use their own personal domain names. ... |
|
|
EventDV, the authority for event videographers You may save money by having a friend design your website, but I know of several ... Another issue is choosing and purchasing a web domain name. ... |
Websites 101
A while ago, a small department at my current client’s organization asked me to run through with them the basics of setting up a website for their department. By their own admission, they had no clue as to how a website gets created or ‘put up there’ for the world to see. They were thinking of using Word…
Here’s my slightly edited ‘Websites 101′ response to them. Warning — this is long, so you might want to go get a cup of coffee about now.
Basics of a websiteVery simply, a website is made up of three parts:
the content the domain name (e.g. www.yourcompany.com), and the hosting service where the content is stored and fed out to the world and where the information about the domain name is recorded so that the outside world can find the content associated with it (how this happens is all highly technical and you don’t need to know how — just that it does).Because a website is made up of these three basic parts, there are several phases where you will incur costs.
Content creationFor a large corporate website, you might have different people doing the writing to those doing the HTML mark-up and CSS coding; for a small one, the same person may do all these tasks.
Aside: HTML tells the browser how to display the content on the web page (make this bit bold, make this bit a heading etc.), whereas CSS tells the browser what styling to use for those bits (e.g. make all level 2 headings red and bold and this big).
This will likely be your biggest cost as it is variable — a very small website might cost you a few hundred dollars, but a large one or a complex one could cost many thousands. I’ll explain the options later…
What I strongly suggest you DON’T do is create web page content using Microsoft Word’s ‘Save as HTML’ option — this is a particularly nasty way to create content as it is almost impossible to style and maintain in the long term.
Domain nameYou have to register a domain name with a domain name registrar (e.g. Melbourneit.com.au; namecheap.com and lots of others).
Your domain name must be unique, and you should think carefully about how it displays to the world, how readable it is, and how closely it reflects what you do (be careful of names such as www.therapist.com as these types of names can be misread!).
You also need to decide what sort of domain name extension you want — prices vary greatly. For example, a “.com.au” address is more expensive than a “.com” address. That’s because “.com.au” has controls over its usage — only legitimate companies, entities, trading names, and product names based in Australia can get a “.com.au” domain name (at least, that’s how it used to be; they may have relaxed the rules recently). So you could only have www.vegemite.com.au if you were the company who made Vegemite or were the official supplier of Vegemite. Joe Public could not register that domain name as he has no legal association with Vegemite, whether he lives in Australia or not. However, “.com” has no restrictions on it — anyone can buy a “.com” name no matter whether they have a business or not, and no matter where they live. These “.com” domain names are cheap (typically around US$10 per year, though prices will vary up from there).
HINT : Once you’ve decided on a domain name, register it straight away so that you ‘own’ it, even if you don’t intend doing anything with it for a while.
HostingOnce you have a domain name and have some content, you need to put that content somewhere. It doesn’t live on an individual’s computer or server — typically, websites live on the servers of hosting companies.
Most of these large data banks of servers are in the US and have stringent ‘up time’ and backup policies in case of the failure of any one server. Hosting companies rent space on these servers (or may even own their own in the data center), then ‘on sell’ space to individuals and companies.
Prices vary greatly. Some of the cheaper hosting services are about US$5 a month for a basic plan, and can go up exponentially from there. Most of the Australian-based hosting companies charge quite a bit, even though many are just on-selling (at an inflated price!) space from these US data centers.
Hosting packages often come with bundles of email addresses etc. and the hosting company will sort out how the internet can see your domain name and thus your content.
The bundled optionNow, having talked about the basics, you don’t have to do all this yourselves. There are plenty of web companies out there who will offer bundled packages for the lot (well, not the actual content, but everything else — domain name and hosting at least). Some of these are independent companies; others are the ISPs (Internet Service Providers).
You will still have to get someone to write the content and mark it up suitable for web display (that’s the HTML and CSS stuff I mentioned earlier). Some of the independent companies may offer their own in-house Content Management Systems (CMS) where you log in, then go to the admin section for your website and make the changes in an editor that looks a bit like Word, and save them — the changes are then immediately available for the world to see and the person creating the content doesn’t need to know any HTML or CSS.
Before I get into the nitty-gritty of this, there are some fundamental decisions you need to make before you decide how you want this website to happen and what you want it to look like. So let’s step back a bit…
Knowing what you wantThe critical things you need to understand before you begin are:
PurposeWhy do you want a website? Is it a marketing medium? An informational medium? A sales medium? A collaborative medium (i.e. your viewers can contribute comments etc.)? Or for some other reason?
You must be very clear on this before briefing someone to create the website for you — lots of discussion in your group should happen on this point alone.
AudienceWho do you expect to be the main consumers (users) of the information/sales pitch etc. you are putting out there?
Can you describe them — age, gender, socio-economic status, educational level, geographic location, etc.?
Note : “Everyone in the world” is NOT an acceptable answer. While everyone could *potentially* see your website, in reality there is only a small segment of the world who will be interested in what you have to say and what you have to offer. Clearly define this segment — these are the people the site will be designed for.
Call to actionWhat do expect the users of your website to do as a result of going to your website? Gain information? Buy something? Be convinced of something? Contribute their knowledge to the website?
MaintenanceWho will maintain the website?
Who will be responsible for verifying the accuracy of the content both at the beginning and over time?
Who will update and/or delete content over time — members of your team, an external person? Do they have the technical skills to make updates? Will they still be around in 2 or 5 or 10 years time?
Who will be the point person for decision-making about the website? There should only be one contact person for the web developer/web designer. This is especially important in the early design stages, but also when the decision is made to revamp it… as typically happens about 2 to 3 years in.
Broad content areasWhat facilities and functions do you want to be available from your website? Yes, you’ll have a Home page, but what about the other pages — About, Contact, What we do, Who we are, Support, Products, Resources, Forums, Calendar, etc. are all possibilities, as are many other types of pages. Check other similar websites to get ideas on possible categories for your website.
General design elementsLater on you will need to decide design elements such as a color scheme, layout (navigation on the side? at the top?) etc. A web designer can help you with this, but you need to give them some guidance. For the next few weeks as you’re moving around the internet, look closely at the websites you visit and note what it is you like about them. Also note down what you DON’T like about them! Everyone will have different ideas on this (I like purple /I hate purple; I like menus at the top/I like them on the left/I like them on the right, etc.), but at some stage someone — the point person I mentioned earlier — will need to make a decision on the broad graphic/design direction of the website and communicate this to the web designer.
Remember, design is not about personal preferences — it’s about what will be usable and readable for the users, and also about what they would expect from your organization (a day spa website with Wild West style headings or ransom note fonts will probably not project the sort of image you expect).
Finally, be aware that every change you want to make will cost you, so when you have decided the broad direction of what you want and the designer goes off and creates a prototype for you, don’t go through 25 review cycles of various tweaks to the prototype as this will cost a lot. A really solid brief given to the web company/designer will help keep down costs. And you can only do that if you are very clear about what you want.
Avoid ‘design by committee’ — appoint someone to be the point person. Everything to do with the website and the liaison with the external parties must funnel through them. Give that person the power to make decisions.
People involvedI’ve mentioned some of the roles that may be involved in any website development — I’ll expand on them a little here; remember, some individuals and companies may be able to fill more than one role.
Web designerTypically designs the navigation, layout, placement of elements on the web page (headers, footers), creates the color scheme, may be involved in the CSS (actually coding the font sizes and colors, for example).
The web designer is usually required until the website is ‘live’, and then again when someone in the organization gets bored with the design and decides it needs to change! For a complex website, this person may be full-time.
Web developerTypically is involved in the back end stuff, such as the HTML coding, possibly the CSS, and if a database or CMS is involved, will be involved in any programming stuff that needs to be done there (there are many varieties of programming skills, depending on the type of website and the functions you need). Should also be able to create login forms, and registration pages with automated response emails etc.
The web developer is usually required until the website is ‘live’ then may be required on an ad hoc basis for tweaks, fixes, etc. For a complex website, this person may be full-time.
Content writer/editorDepending on the focus of the website, this could be a copy writer (for a marketing website) or a technical writer (for an informational website), etc.
Even if the writing is done in-house by the team (everyone can write, right? Wrong!), it should still be edited by an experienced — preferably external — editor. A good editor can see errors that the writers can’t, and can tighten up the writing.
Writing content for the web is quite different from writing a report. Understanding how to best ‘chunk’ and link information is a skill of its own.
If you get an experienced technical writer you may find that they have other skills as well, such as HTML and CSS; some also have programming skills.
The writer/editor is usually required until the website is ‘live’ then may be required on an ad hoc basis for tweaks, new content, etc. For a content-rich website, the writer/editor may be required full-time.
Website construction methodsHaving defined what it is you want, I’ll now talk about some of the options you have for constructing the website (or getting it constructed) and the relative costs involved. There are likely to be other types of website construction methods out there, but those listed below should be a good start as they would likely cover a large proportion of the world’s websites.
Static website (‘brochure ware’)A static website is a collection of HTML pages, with a navigation structure and a common layout.
There is no facility for users to interact or collaborate with the website owners, though there may be a registration form (say, for signing up to a newsletter) somewhere on the site and a link to send someone an email. Users cannot contribute to these sites.
These sites typically don’t change a lot from one day/week/month/year to the next. Think of these sites as an online brochure of products, services, information etc.
These types of websites probably make up 75% or more of the websites out there today. They tend to be the the cheapest to create as they require the least skills; however, they can be very expensive to maintain if there are lots of changes to make over time.
The person making the changes needs to be able to understand HTML so they know what they can/can’t change, and they also need to know how to use FTP (File Transfer Protocol) so they can upload the changed files to the host’s server.
You may be able to get a static website for several hundred dollars or low thousands, depending on the amount of content and design involved.
Database/CMS-driven websiteThese types of websites typically store their content in a database or CMS and deliver it to the user on demand. For example, when the user opens a Products page, the most recent content is grabbed from the database, rendered into the appropriate HTML and CSS and transformed into a web page. Most times you — as the user — have no clue that this is happening and the website looks much like a static website. Amazon.com and most of the News websites are examples of database-driven websites, as are sites such as iTunes.
These sites can be expensive to create as they require the most skills and time to set up. Once set up, they can be cheap to maintain as the person making changes is only changing the content, not the HTML etc.
Generally, no changed files need to be uploaded as the changes are made in real time in the database, usually via a web browser. Only external files (such as PDFs) would need to be uploaded, but this is usually done through the database/CMS interface.
One thing I should mention about these systems, is that often a web design company will have proprietary editing software for making changes and may not have an easy mechanism for you to take backups of your own content — ask! You don’t want to be caught if the company fails and you can’t access your content.
Blogging software websiteThis is a form of CMS. You may be familiar with personal or corporate blogs, so you may wonder why I have included this type in here. That’s because the software behind them (like WordPress) is rapidly evolving. These days, blogging software allows the creation of what appears to be a static website, while still offering the convenience of immediate changes (made by users with permission to do so), and also offering the option for some or all pages — or none — to allow comments from users. Websites based on WordPress (and probably other blogging software) also allow you to backup your data really easily at any time.
Some colleagues of mine now use the Thesis theme with WordPress to create what appear to be static websites. You can see some Thesis theme website examples here: http://diythemes.com/thesis/showcase/ .
Sites created with blogging or CMS software may have a tiny Admin link at the bottom of the pages — this allows a person with editing privileges to make changes directly from their web browser.
Hiring a contractor to set up sites such as these can cost from as little as US$1000. Less, if you do it yourself, but you’ll probably have a lot of heartache and frustration along the way if you don’t know what you’re doing.
ConclusionThat should be more than enough to get you started. Your first steps are to discuss and decide on the big overarching questions, then decide the sort of website you’d like, long before you start investigating individuals or companies who can help you with that. And long before you decide that the website should be green or purple or pink or yellow….
[Links last checked September 2009]
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>Code From Scratch #1
So, you’ve decided you wanna learn how to code. Â The first thing you need to understand is that web coding is a very elusive language, that will take a while to master. Â It’s not something you can spend one summer on and be making corporate web businesses the next. Â I’ve been doing this for about three years, and still there are some aspects that I am not fully fluent in. Â Even as it can take a while, once you can comprehend the basic process, it is truly rewarding to have your content up for the entire world to see, upon the click of a button.
The Code From Scratch series will consist of various articles. Â We will start out touching on the different web languages, and end up with creating a replica of an already-famous website. Â As mentioned, make sure you have time to devote towards this, and only do it because you want to.
My ExperienceI’d like to share exactly how I became a professional web designer, so you can see a little insight on where you might want to begin.
In late 2006, I finished a report for english class. Â The assignment was to create your own imaginary restaurant, from start to finish. Â We had to include everything, from the layout of tables and special effects to utensils and tablecloths. Â About a week after finishing it, I got a call from my friend, explaining how he put all the content from the project up on the web. Â I decided I would follow his example, as it was something new I had never attempted before. Â Back then, neither of us knew the least about websites and how they are made, so we created a free one with Google’s Googlepages .
I never really learned the hardcore coding from this, as it only allowed you to change the text in the main sections of the page, and not actually edit the layout or design. Â So I was just using a WYSIWYG editor. ( WYSIWYG – A text editor that allows you to see text as bold, underlined, etc. rather than be surrounded by code tags.) Â Eventually I had accidentally clicked the Edit Source button at the bottom, and was able to see all these weird characters I had never knew was in my page. Â After a bit of research, I was able to conquer the easy steps, such as bolding, font size, tables, etc. without WYSIWYG.
Fascinated by how easy it was to launch that site, I realized this might be a cool thing to look into. Â But I still was missing something. Â How do I make my own layout? Â Eventually I landed upon a tutorial over at TutVid explaning how Photoshop can export HTML from any file. Â Lucky enough, I happened to own the Adobe Master Collection. Â And so after generating that stuff, I did some Googling on things like “how to upload HTML files to a website” and found that the answer was FTP. Â (If you’re not understanding these things like FTP and HTML, we will be covering them in a bit.) Hostrator is what I used from there to start a website.
So how did I learn to build layouts? Â When Photoshop exported that code, I could see exactly how the page was built! Â Plus, Dreamweaver, the coding application I was using at the time, showed tooltips on what you could put. Â So if I started writing code, it could tell me all the attributes available. Â I also got some help from some other Web Coding sites such as, my favorite, CSS-Tricks .
And that’s pretty much it! Â The rest is just me looking up code upon code upon code, and eventually buying my own server for my website.
How A Website WorksWhen you visit a website, you don’t think twice about how it magically landed in your browser in an instant, or how it can auto update its information a split second, or how your browser loads it faster after the first time. Â These are things we’ll be looking at. Â Once you understand them, you can start to actually code a site.
So first of all, how exactly do you start a website? Â There are two things you need:
A Domain Hosting/ServerLet’s start with a domain. Â Domains are literally just names. Â If you buy the domain www.blahblah.com, you are simply reserving the rights to it, so that no one can take it from you, and so you are the only one allowed to make changes to it. Â But again, it is only a name. Â It won’t help get your content online.
Hosting is what I like to call the “bridge” between your files and the domain.  Hosting services have thousands of pieces of hardware that are basically harddrives.  When you signup for them, they reserve a certain amount of space just for you in one of those harddrives.  If they get too many customers, they can just attach more and more hardware.  Once the space is owned by you, you are given a username, password, and server name.  These allow you to connect to your space through what is called File Transfer Protocol, or FTP. In order to connect, you will need an FTP client.  There are multiple ones available, however my favorite for Macintosh is Cyberduck , and for PC is SmartFTP .
So you’ll notice that I put Hosting/Server as a bullet, and not just Hosting. Â That’s because they are two different things, both allowing you to add your contact to the domain. Â If you signup for a hosting plan, such as FatCow or Dreamhost , you are being put on a shared server. Â This just means that you are not the only one on that harddrive. Â There’s nothing wrong with this at all, as it will not effect your site in any way.
When you buy a server, you are literally buying the complete harddrive, not just a portion of it. Â The only times you would want to do this, is if you have a huge company that requires tons of space, or if you have a file hosting/sharing website.
What A Browser DoesSo now that we know how to get a website, how does the information get shared with millions? Â When someone in the world visits your site, their browser makes a request for the content. Â Once it finds the hosting server, it pulls out just the file you should be looking at. Â After scanning it, it looks if there are any HTTP Requests. Â An HTTP Request tells the browser to go find another file, such as if you include an image in your page.
Now the browser has pulled all of the content. Â What does it do with it from there? Â It takes those files it just downloaded and minimizes them, to as small as they possibly can be, and then stores them in a special location in your computer called the Cache.
If you decide to visit that site again, the browser now takes a different path. Â At first, it will tell if there has been any changes since the last visit. Â If there has, it will redownload and re-Cache all the files once more. Â However, if everything is the same, it will not take anything from the server, and show you what’s in the Cache. Â Doing this saves much more time in loading, as its quicker to load a file on your harddrive than get it from the internet.
What’s really mind-boggling is that your browser completes all of those steps and logic in less than a quarter of a second.
See Ya’ Next Time!That’s all we’ll be covering for now, as it’s a lot to get your mind around. Â In the next tutorials, we’ll learn what files actually go on your site, what to create them with, and the different coding languages.