Youtube Facebook Twitter Deviantart My feed Feed directly to your inbox

How to publish your first website

1 December 2007

Tutorials, Web design

How to publish your first website
Choose your language / Elige tu idioma:englishespañol

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:

  1. Choose a domain name
  2. Hire web hosting
  3. Check if your domain is available
  4. Register your domain name
  5. Point your domain name servers to your hosting account
  6. 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?:

  1. 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.
  2. 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 ;)

This post was written by:

- who has written 96 posts on SOSFactory Blog.

My name’s Sergio Ordoñez I´m illustrator, graphic and web designer. A selection of my work is included at SOSFactory. If you want to support this blog, please be an active member: tweet the posts, participate in the discussions and the exercises :)

Contact the author

  • http://www.87graphix.deviantart.com Kristian

    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.

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • http://elchicocalamar.blogspot.com/ SaG

    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

  • http://www.sosfactory.com Sergio Ordonez

    Como tiene que ser, hay que diseñar con fundamento :)

  • hector archundia

    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!

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • Osvaldo

    Saludos, si quiero instalar la pagina en mi propia red, con apache que debo hacer ? darle hospedaje yo..??? gracias

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • http://livepulse.net Sam

    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”

  • http://livepulse.net Sam

    The code I entered was:

    Just remove the spaces in the tags and it should work.

  • http://livepulse.net Sam

    Hmm it doesnt seem to want to let me post the code snippet for you.
    Just google it :-P

  • http://www.callemania.tk Peter

    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

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • Richard

    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

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • http://na Mike k

    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

  • http://www.sosfactory.com Sergio Ordonez

    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

  • http://www.myspace.com/morciodesign morcio

    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

  • http://americanhighstand.es.tl/AMERICAN-HIGH-STAND-ACADEMY.htm xabi

    Te agradeceria si me pudieras dar algún consejillo para que mi web tuviera exito en los buscadores.
    Gracias.

  • http://www.sosfactory.com Sergio Ordonez

    Hola Xabi, para eso está el artí­culo.

  • Pingback: How to publish your first website

  • Adrianno

    Me gustaria manejar una base de datos en mysql codifico en php,

  • http://www.sosfactory.com Sergio Ordonez

    Hola Adrianno, lo siento de base de datos no tengo ni idea, mejor pregunta por foros de programación.

    Saludos.

  • elChapin

    Interesante informacion, voy a tomar en cuenta tus consejos.
    Saludos.

  • Julio

    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

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • Diana

    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.:)

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • Diana

    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.

  • Diana

    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.

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • Diana

    Gracias. ¿Mandar el portafolio en pdf se ve amateur? no entendí­…me dices puedes mandarlo, o ¿no debo hacer eso?

  • http://www.sosfactory.com Sergio Ordonez

    Me referí­a a meter varios archivos en JPG dentro de un PDF y mandarlo por correo electrónico.

  • Diana

    ok, ya debe estar aburrido de preguntas tontas, jeje. Gracias por contestarlas.

  • http://chocbar.wordpress.com Faye

    Hey, I really love this post :)

    Helped me a lot, thanks!

  • Diana

    Mencionaste en un artí­culo q Dreamweaver es para diseño web, pero qué dices de Firefox, ciertamente sé muy poco de este.

  • Diana

    Perdón, no es Firefox, jaja, es FIREWORKS…

  • http://www.sosfactory.com Sergio Ordonez
  • Diana

    Querí­a saber tu opinión, si lo has utilizado. Saludos.

  • http://www.sosfactory.com Sergio Ordonez

    Lo siento, nunca lo usé en profundidad.

  • Diana

    ¿Para diseñar la web SoSFactory utilizaste Dreamweaver, entonces?

  • http://www.diangelux.deviantart.com Diangelux

    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.

  • Diana

    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?

  • Diana

    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 :)

  • http://www.sosfactory.com Sergio Ordonez

    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.

  • Jaime

    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.

  • http://www.sosfactory.com Sergio Ordonez

    Hola Jaime, ya te contesté por email.

  • Diana

    Hola, Sergio, gracias por tu respuesta.

  • http://greatdiane.daportfolio.com Diana

    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!

  • Luis

    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.