If you’ve been following this blog, you should know how important it is to have an online portfolio if you want to live from your art. While you don’t have a website you simply don’t exist, and of course, people who don’t exist work very little.
In this post i’ll explain what you have to do to have your first website online. I wont talk about web design, for that there are thousands of tutorials and books.
Here you have the complete post index, if you want to skip some parts just click in the topic of your interest:
- Choose a domain name
- Hire web hosting
- Check if your domain is available
- Register your domain name
- Point your domain name servers to your hosting account
- Upload your website files to your server
1.- Choose a domain name
A domain is a name used to redirect Internet users to your website. For example, my domain is www.sosnewbie.com. It seems obvious, but finding a good domain name is a very important step and for that we need to ask this questions:
- Who is our audience?
- What’s our website’s objective?
- I want short ot large term results?
- What’s the vision and mission of mi website?
It’d be ideal to create a list of possible names, since many of them wont be available. Here you have a few recommendations:
Names easy to remember Short names are easier to remember and to write, although there are also long names easy to remember like dividebycero.com or whatsgoingoninyouhome.com
Related to your activity… or not. There are two sides, the ones that consider that your domain name should be related to your activity (ie: webdesign.com) and the ones that think you should create a brand (ie: sosfactory.com). In the first case you’ll have an advantage at the time of google ranking for the words design and web, but there are two problems: normally these domains are hard to find and since they are so generic it’s difficult to put them personality.
If you want to create a portfolio where the quantity is more important than the quality, and what you need is many clients of low budget, probably webdesign.com would be the best choice. I’d go for the second option, the creation of an independent brand, it’s much better in a long term.
Local vs International sales. If you plan on selling your designs in your city you can use something like madridwebdesign.com which will give you almost instantly rank one in Google for searches like “madrid web design”. As i said, this depends on your sales strategy. I personally prefer selling internationally since there are many potencial clients.
Extensions. It’s best if you use .com although i wouldn’t be bad to register also the .net and your country extension (.es in Spain).
Careful with special characters. For example the letter Ñ if you’re spanish, or the letter ß if you’re german. If you decide for a local market there’s no problem, but if you want to sell you design internationally, you’re automaticaly discarded.
Careful with the numbers, hyphens, abbreviations. Careful with numbers, when you say it orally it might lead to confusions (ie: adsl4u.com , adslfouryou.com or adslforyou.com or adslfouru.com…). Don’t use hyphens or abbreviatures.
Careful with pronunciation. If you plan to have international clients research how your domain sounds at least in english, and if there are similar words that can be a problem.
Careful with coincidences. Inverstigate the market, you can’t use a name for your business that another company is using already which makes the same activities that you do. They can sue you, and even take your domain.
Register all the possibilities related with your domain. This can be more expensive but it’s a lot better in a long term, you try to register your domain and all the possible variations that someone can write by mistake (ie: google.com, gogle.com, gooogle.com, gugle.com…).
2.- Hire web hosting
Web hosting is the physical place where your website is, every time someone visits your website, a server (a computer) will be in charge to show it. So imagine how important is to hire the services of a good hosting company.
If you look around the Internet, you’ll be crazy when you see the ammount of offers out there, thousands of companies fighting to sell their product. I have my websites netword hosted in Downtownhost.com and i love it, if you’re not very experienced, the most important at the time of hiring a good hosting is finding a company with a great customer service. If your website starts from zero, the cheapest hosting plan (5-8 US$ per year) will do for a while.
Don’t even think of going with mega-hosting-companies where you have to go through 4 different departments for anything. Also don’t use free hostings, they normally have lots of ads, are slow and barely professional.
If you decide to hire web hosting in Downtownhost.com
but you’re not an expert at english don’t worry, Jorge, the owner, also
speaks spanish and very kindly will help you through messenger.
Hiring your hosting isn’t too much of a mistery; you only need Paypal or a credit card and follow the instructions. At the end of the process you should recieve an email with your username and password to enter the control panel, and your name servers, we’ll see what they’re for later.
PS: Before hiring investigate in google about the company. You don’t want to end up with companies like HostingLMI o Fenixer that for a marital fight he left 4.000 clients for months (i was one of them) without tech service and without possibilities of recovering their domains… with sues, minors in the middle, ex-convicts… a spectacle worthy of a soap opera.
3.- Check if your domain is available
Ok, we’ve already hired our hosting and we have a list of possible domain names for our online portfolio, now we have to see which domains of that list are available. For that there are thousands of tools if you want to check if your domain is available… If it is, run to register it.
4.- Register your domain name
To register your domain there are two ways, one is to do it through your hosting company (not recommended, if you want to know why, read below) or through domain registering companies, i use Godaddy, if you don’t know english search for a domain registrar in your language in Google.
Registering a .com domain is about 10 US$ per year, the best is to buy it for several years, that way it’s cheaper… it also looks like Google takes that into account when ranking your website.
Registering a domain isn’t that complicated, you only need Paypal or a credit card and follow the indications. If everything goes well, you should recieve an email with your username and password to enter the administration panel of your domain (don’t confuse it with your hosting control panel, they’re different things).
***VERY IMPORTANT!!! many web hosting companies offer a free domain when hiring their services. Never use this domain for your business, Why?:
- Generally they don’t let you access to the control panel of the domain, so for anything you have to go through the customer care service of the company… which can be annoying in some cases.
- If it happens that you want to change the company because you’re not happy with their service, you’ll only have problems when trying to recover your domain name (ie: changing the name servers to your new hosting company).
You should take into account that registering a .com domain is only a few dollars, what is really expensive is the work that you’ll invest in it’s promotion. So it’s better to be the owner of your domain.
5.- Point the domain name servers to your hosting account
We already have a registered domain and a hosting account, next we have to tell the domain to point to our hosting account. This way, every time someone writes on the internet our domain name, they’ll see what we have in our server.
First we need to know the name servers of our hosting; generally they come in the confirmation email when you hire the service, they should be two, a primary and a secondary, something like ns1.domainname.com and ns2.domainname.com. If you have any doubts, you should contact your hosting company (that’s why the customer service is so important) and ask them directly.
Now we have to go to our domain’s control panel, depending on the registrar it may vary, what you have to do is looks how to change the domain name servers by default, y change them with yours ns1.domainname.com and ns2.domainname.com.
If everything went well, your domain should be pointing to your hosting account, now you have to upload your website to the server.
6.- Upload your website files to your server
To upload your files to the server you can do it via the Cpanel of your hosting account or better, you can upload them via a FTP client, which is a software.
There are hundreds of free and paid FTP softwares, i recommend you not to start with complicated programs at first. I use a very simple one called FlashFXP, which is paid.
To connect to your server you’ll need some information that should appear in the email they sent you:
- IP Address: address of your website. Something like: 209.62.60.132 or you can also put your domain name.
- Username.
- Password.
After you put all this data you should be able to connect to the server. If you take a look, it’s like browsing through your hard drive, you have to go to the folder /public_html/ and there’s where you have to upload your website files.
It’s very important that the main page of your site is called index.html.
And that’s it, i’ve tried to explain in the best possible way and as detailed as i can, if you have any problem or doubt write a comment and i’ll try to explain it to you 
23 November 2007 at 9:02 PM
Un post genial, francamente útil ya que estoy en proceso con mi página, se agradece que nos ayudes, a nosotros, a los newbies…
Un saludo desde Bilbao.
PD:Actualizar mas a menudo estaría genial… pero me imagino que no tendrás tampoco mucho tiempo.
23 November 2007 at 9:28 PM
Hola Kristian, muchas gracias, me encata que te haya sido de utilidad.
Ya me gustaría actualizar más a menudo, en realidad hago milagros para escribir posts tan largos sin dejar clientes de lado.
Saludos y suerte con tu página.
24 November 2007 at 5:38 AM
Gracias por los consejos…
Yo, como Kristian, tambien estoy con mi web.. lo que pasa es que estoy tardando más tiempo en saber donde enfocarla.. que en hacerla.. xD
24 November 2007 at 8:35 AM
Como tiene que ser, hay que diseñar con fundamento
11 December 2007 at 1:13 PM
so, via FTP i can upload the .fla files – or swf or htm so that I can do the design of the page? — great tutorial!
12 December 2007 at 12:27 AM
Hello Hector, to publish flash sites you need to insert the .swf file into the html file and then name it index.html.
Of course you have to upload the .swf files to the server.
12 December 2007 at 4:03 PM
Saludos, si quiero instalar la pagina en mi propia red, con apache que debo hacer ? darle hospedaje yo..??? gracias
12 December 2007 at 5:12 PM
Hola Osvaldo, supongo que lo que quieres es montarte tu propio servidor, ¿verdad?
Si es así necesitas un ordenador que funcione como servidor, ten en cuenta que necesitarás tenerlo andando las 24h del día.
Si no estás muy familiarizado te sugiero que empieces con hosting compartido, sobretodo por temas de seguridad y demás complicaciones que te surgirán.
15 December 2007 at 11:23 PM
Hey Hector.
To do what you are asking is simple.
Open notepad and enter the following code:
Then save the file as index.html.
^ This is just an example and I’m sure if that will work, but it is basically just to show you that your task is really only about 5 lines of code
.
Google for “how to embed flash into a website”
15 December 2007 at 11:25 PM
The code I entered was:
Just remove the spaces in the tags and it should work.
15 December 2007 at 11:26 PM
Hmm it doesnt seem to want to let me post the code snippet for you.
Just google it
29 December 2007 at 5:54 PM
Hola ami me aparace no encontro el servidor index.html. como hago todo puse bien debemos tener algun puerto abierto ?
agregreme mimsn pliz ayudenem cristhian@dkfsoft.com
30 December 2007 at 5:49 PM
Hola Peter, comprueba que el index.html no esta en mayusculas. Comprueba tambien que lo pones en la carpeta adecuada (algo como public_html o algo parecido al nombre de tu dominio), prueba a renombrar el archivo a index.htm… asi a bote pronto es lo unico que se me ocurre.
A ver si hay suerte, si no posiblemente lo mas rapido sea contactar a tu empresa de hosting… aunque no deberias tener problemas.
Saludos.
14 January 2008 at 1:26 AM
yo estaba con downtownhost pero no se lo recomiendo a nadie! en cuanto tu sitio se hace grande y recibe muchos hits te estan jodiendo por el uso del CPU
14 January 2008 at 9:05 AM
Hola Richard, ¿cómo de grande era tu sitio? ¿Y cómo de rápido creció?
Yo te puedo decir que mi red ha llegado a tener 180.000 visitas al mes y todo ha ido como la seda.
También supongo que dependerá del plan contratado, por favor danos más datos.
Saludos.
16 January 2008 at 7:30 PM
great info here, thanks.. but i still got a prob,, im all new to this flash websites, i have built a website from a template in flash 8. i have a fla, swf, and a html file after working on the project. my question is what file do i upload and where and what name, i have uploaded it all but nothing works.. i might be lame but the index file is a .doc??? if so i dont have how can i make it.
thanks u all
16 January 2008 at 9:44 PM
Hello Mike,
A .doc is a Office document. I suggest you use Dreamweaver to do the coding. Is not hard, but its a bit complex to explain here… you should take a look to the help.
At the end of the procces you should have a html file, in some part of that html file you do a call for your swf movie (in html language).
Notice the structure of the site need to be the same in the server as in your hard drive, if you change any folder in the server, the html file wont find the swf movie.
I hope it helps.
Cheers.
Sergio
24 February 2008 at 9:44 AM
me gusto lo de el nombre del dominio; creo que un nombre corto es lo mejor aunque con tantas webs que hay actualmente es dificil hacer un nombre web facil :s
7 March 2008 at 4:36 PM
Te agradeceria si me pudieras dar algún consejillo para que mi web tuviera exito en los buscadores.
Gracias.
7 March 2008 at 6:29 PM
Hola Xabi, para eso está el artículo.
25 March 2008 at 10:24 AM
Me gustaria manejar una base de datos en mysql codifico en php,
25 March 2008 at 11:59 AM
Hola Adrianno, lo siento de base de datos no tengo ni idea, mejor pregunta por foros de programación.
Saludos.
17 April 2008 at 5:07 PM
Interesante informacion, voy a tomar en cuenta tus consejos.
Saludos.
21 June 2008 at 9:52 PM
hola Sergio, es bueno lo que haces, pero veo que a los principiantes nadie le da demasiada importancia, creo que hay egoísmo, o que tratan de que no aprendamos nada, siempre se la complican mucho mas, gracias.
se que no me vas a publicar este comentario.
pero igual te mando un abrazo de Uruguay
22 June 2008 at 6:43 AM
Hola Julio, sólo censuro comentarios que insulten o falten al respeto… que no es tu caso.
Lo que dices es verdad, hay muchos profesionales que no quieren compartir sus conocimientos para que nadie pueda hacerles la competencia, o por simple inseguridad. De todas maneras, están en su derecho.
Yo creo que el que es bueno lo es porque practica mucho, los tutoriales son un 1% del trabajo. Además siempre viene bien un poco de competencia… así no nos acomodamos.
Saludos.
10 March 2009 at 11:39 PM
Hola, Sergio, muy útil el artículo, mi pregunta es ¿Qué opinas de la página freewebs.com? sé que haz mencionado lo de la publicidad y que no es conveniente, pero la verdad por ahora no puedo pagar ese dominio. Mencionaste en otro artículo que tu primera contratación fue por medio de Deviantart.com, pero creo q no es tan serio,dame tu opinión.
Saludos.:)
11 March 2009 at 5:40 AM
Hola Diana,
¿sabes que un dominio cuesta 8€ al año?
¿y que una cuenta de hosting menos de 10€ al año?
honestamente, ¿no puedes gastar unos 20€ al año? No necesitas nada más.
Freewebs está bien para la página del barrio. Deviantart es diferente, es una red social de artistas, muy recomendable.
Saludos.
12 March 2009 at 6:09 PM
Jeje, tienes razón, el problema está en tratar de convencer a mis padres la importancia de un sitio web, no saben para qué rayos quiero uno, por más barato que sea.
14 March 2009 at 1:07 PM
Sergio, Deviantart es recomendable, ¿Pero no para mostrarla a un cliente potencial mientras consigo un dominio? Creo q para algunas personas que no entienden el inglés DA puede resultarles confuso. Saludos.
15 March 2009 at 12:19 PM
Diana, para mostrarla a un cliente lo único recomendable es comprar tu propio dominio.
Puedes mandar tu portafolio en pdf, tener una cuenta en deviantart, behance o cualquier otra web parecida que se verá muy amateur.
15 March 2009 at 12:47 PM
Gracias. ¿Mandar el portafolio en pdf se ve amateur? no entendí…me dices puedes mandarlo, o ¿no debo hacer eso?
15 March 2009 at 2:36 PM
Me refería a meter varios archivos en JPG dentro de un PDF y mandarlo por correo electrónico.
16 March 2009 at 5:24 PM
ok, ya debe estar aburrido de preguntas tontas, jeje. Gracias por contestarlas.
19 March 2009 at 1:01 AM
Hey, I really love this post
Helped me a lot, thanks!
25 March 2009 at 12:48 PM
Mencionaste en un artículo q Dreamweaver es para diseño web, pero qué dices de Firefox, ciertamente sé muy poco de este.
25 March 2009 at 12:50 PM
Perdón, no es Firefox, jaja, es FIREWORKS…
26 March 2009 at 10:06 AM
http://www.adobe.com/products/fireworks/
27 March 2009 at 1:45 PM
Quería saber tu opinión, si lo has utilizado. Saludos.
27 March 2009 at 7:28 PM
Lo siento, nunca lo usé en profundidad.
28 March 2009 at 1:36 PM
¿Para diseñar la web SoSFactory utilizaste Dreamweaver, entonces?
9 April 2009 at 11:26 PM
Hi, I think this can be helpful
http://www.aiga.org/content.cfm/standard-agreement
This agreement allows you to create customized terms and conditions for different types of design engagements. Updated in May 2007, it is now modular to meet the needs of a growing design community involved in various disciplines.
18 April 2009 at 3:58 PM
Sergio una pregunta, es mejor alojar o comprar un dominio en una empresa como godaddy que una empresa local, en mi país hay una q cobra varios paquetes desde 50USD o más, la verdad te parece que es mejor q sea local o extranjera como godaddy?
9 July 2009 at 12:54 AM
Acabo de leer que solo he hecho unas preguuntas tontas, jaja, pero he aprendido mucho desde entonces, y me preguntaba, una vez que tienes el diseño o layout de tu página, si no sabes programación de sitios web, habrá q contratar un servicio, como el llamado You PSD We HTML, y eso es más caro, ¿Tú programaste tu sitio web? si no, a quienes me recomiendas para eso. Saludos
10 July 2009 at 7:04 AM
Hola Diana, para diseñar mis webs uso Photoshop, Dreamweaver y el bloc de notas.
El host es mejor buscarlo en el país en el que quieras vender tus servicios, por ejemplo, si quieres vender en EEUU mejor contratar hosting en ese país. Por lo visto los buscadores lo tienen en cuenta.
Yo suelo codificar mis webs, si requieren programación compleja (como este blog) busco amiguetes o conocidos que me puedan orientar.
Saludos.
10 July 2009 at 12:02 PM
Hola Sergio, soy un seguidor de tus tutoriales y tus amables consejos, antes de nada enhorabuena por tus alucinantes diseños y por compartir tanto conocimiento!
Verás tengo una consulta…estoy intentando reducir un poco mis gastos y tengo una duda sobre el alojamiento web en DowntownHost, llevo tres meses con mi web alojada con ellos (SHARED BRONZE), y he pagado 38, 85$ por estos tres meses, y pensaba contratar 3 años más lo que supone 178,20 $ según sus tarifas, (http://www.downtownhost.com/shared.html),
He visto en tus comentarios que una cuenta de hosting cuesta menos de 10 € al año?
¿He elegido mal el plan de hosting? Pensé que SHARED BRONZE era el más barato con DowntownHost…
Por otro lado ¿Sabes si me puedo beneficiar de los cupones? (http://www.retailmenot.com/view/downtownhost.com)
He intentado contactar hoy con Jorge Catena en el Live Support Chat pero no he dado con él, el otro día sí hablé con él para el cambio de plan a 3 años y me pareció muy amable.
De todas formas me ha parecido mejor idea consultarte antes a ver si existe una solucion más económica
Muchas gracias por tu atención, espero tu respuesta
Un saludo,
Jaime.
13 July 2009 at 2:30 PM
Hola Jaime, ya te contesté por email.
13 July 2009 at 10:31 PM
Hola, Sergio, gracias por tu respuesta.
18 September 2009 at 8:15 PM
Hola! ¿qué opinas de Edicy? al menos como un portafolio provisional
sé que tener un sitio oficial es importante, pero debe ser mejor mostrar algo en edicy que en deviantart , ¿no? Saludos!
27 September 2009 at 11:53 AM
Hola Sergio, me pasa como a Jaime, tengo registrado ya un dominio, y me falta ya solo el hosting… pero en Downtownhost, se me escapa de presupuesto. Contratar Shared Bronze por 3 años son 178.20$.
¿Existe otro plan más barato? ¿O hay algún otro servicio de hosting fiable?
Muchas gracias por adelantado.
27 September 2009 at 8:02 PM
Hola Luis,
¿por qué no contactas con Jorge the Downtownhost y le preguntas tú mismo (jorgecatena@msn.com)? Dile que vas de mi parte, quizás pueda hacerte algún descuento o recomendarte otra compañía.
Saludos.
28 September 2009 at 7:17 AM
Gracias por la respuesta
7 January 2010 at 2:19 AM
Hola, Sergio, una pregunta (otra más
) me habías dicho que un dominio cuesta unos 8 euros al año, pero noté que al querer registrar uno me da un subtotal de $150 ya que me incluye otros productos como Deluxe Email, Private Registration services, etc, sé que si lo regtistro por varios años (en realidad 4) cuesta menos esto es con Godaddy asi que me confunde un poco lo del subtotal. ¿algún consejo sobre esto porfavor?
Saludos
7 January 2010 at 1:32 PM
Hola Diana, esa es una de las malas costumbres de Godaddy, elimina absolutamente todos los extras, en realidad no los vas a necesitar.
Saludos.
7 January 2010 at 11:19 PM
Hey, Gracias, Sergio