Tuesday, May 29, 2012

What it takes for someone to become a web designer

What are the qualifications to become a web designer


In the event that you’re in a natural way talented in a single special section then simply qualifying criteria most likely is not as essential however for the majority of people having the capability to prove on a Curriculum vitae that you currently have what is required in order to commit your self for the length of time to achieve success will unquestionably become essential to astonish almost any future employer or maybe customer.

I actually constantly possessed a great interest for Art for the duration of education yet besides becoming interested in Graphics, I really didn't know what exactly I’d really want to do for income and so soon after completing GCSEs and also A Levels I specialized with an Art training course during university which in turn provided me with direct exposure to Graphic Design, Artwork, Digital photography and also Pottery as well as Fashion. After that I made a decision that Graphic Design seemed to be undoubtedly an area which I really enjoyed most and performed an extra season on University in a very dedicated computer served art and design training course which in fact had several different segments for Illustration, Computer animation, Graphic Design, 3d models, Website Design and also Logo Design.

Developing a powerful portfolio


Probably the most challenging factor while beginning out is actually constructing a portfolio designed to win over potential customers and recruiters. Without having a portfolio it’s improbable that you’ll get an employment but wait, how do you really develop a portfolio with no employment? University or college perform definitely will assist however you may additionally be thinking about performing some efforts for a nearby charitable organization which don’t have an online prescence. It's likely you have quite a few friends or family that run their own personal company which you could make a website for? Right now there is actually a lot of independant electrical engineers plus local plumbers which don’t have a website who I’m convinced will be thrilled to get a web site created for them at low costs in order that will also be a possibility.

Just about any job which will prove a possible recruiter that you've got what is required can assist you to get that very first work or customer so just as attractive as it would be to earn money, your current goal must be to construct your portfolio to the phase at which it is going to make an impression on within your work applications.

How can personal projects help


It may also help when you've got a couple of private projects to demonstrate that there is a actual interest on the actual work you are doing and also that it’s not only a job. Your portfolio as well as blogging site similar to this very one you’re looking at is an excellent launch but in addition take into consideration various other hobbies and passions you have got which could produce a great web site. One example is, this can be an internet site for just a specific sort of music that suits you, a sport team you really like or perhaps holiday vacation spot you love to go to. Your own private projects don’t really need to be massive internet sites but they can be of use during representing to upcoming customers that you have got the creative imagination along with aspire to produce web sites of which you’re very proud of.

Things to have in mind if you want to become software engineer


Computer programming is a wonderful and also rewarding profession selection which provides career progression as well as improvement to driven individuals. In order to turn into a productive computer engineer it is very important to acquire technical ideas within the area in addition to practical knowledge.

What exactly is the Career Prospect for Experts having Computer Science Diploma?
The actual United States Bureau of Labor Statistics,, declares that career possibilities for computer developers and also computer software engineers are extremely great. Job opportunities are hoped for to boost by twenty one percent all the way through 2018. Experts possessing a bachelor’s diploma within computer scientific disciplines could have one advantage inside the employment market.  Speedily growing technological innovation and knowledge safety have risen job opportunities amount for  programmers.

A software engineering career involves various functions plus obligations so they cover many different job labels. The Occupational Outlook Guide book provides the perfect understanding towards the jobs and obligations, truly worth the fine peek and comprehending if you desire to find out in-depth regarding this profession. You’ll come across almost all of what you are looking to learn about a profession being a computer software professional on the actual BLS web site.

Certifications, Expertise combined with Capabilities


Experts think the large sections of education desired being a computer software industrial engineer is among the most difficult issues with the career. As there is continually on-the-job discovering as well as education, experts believe there’s way too much for just one individual to be familiar with, therefore this shouldn’t overpower you. They are saying anyone can develop and improve by relying upon co-workers so that you can fill out the holes within your expertise along with abilities.
Surprisingly, these people find this particular one of the most useful elements of the career.

Ambitious experts will be able to go through computer-programming at almost all education and learning stages which range from certification ranges upon close to associate’s, bachelors, masters to PhD level diplomas. Getting ready to turn into a computer engineer carries a bachelor’s or perhaps associate’s diploma on computer science, computer information, maths as well as computer software engineering.

For even more sophisticated work opportunities, a master’s diploma may necessitate. Additionally, internet certification plans within computer technology can also be found to remain learners up-to-date aided by the most advanced technology and supply these people with a very good competing benefits. Perhaps you may prefer to go through standard programming subjects or maybe you may possibly create compute applications for the particular industry such as financing, online business or even accounting. No matter what, you can expect to build up your key abilities along with development abilities.

Build and design websites in priority for mobile phones


These days it’s more usual to get yourself a experienced web artist which is aware of personal computer support more than mobile phone. That is apparently a warning sign of creating on the actual desktop computer web browser for many years instead of various other displays. However you will find there's expanding scenario to debate that mobile development is the ideal starting point concerning new-age internet sites.

In this particular blog post I’d love to talk about a couple of key factors in this particular discussion. Especially that getting started on mobile initially will provide you with understanding of the way the design structure may happen on larger sized displays. Showing priority for mobile phone isn’t at all times the most effective option, yet on today’s Online world it seems like mobile phone utilization keeps growing at an escalating pace. Every graphic artist seriously enthusiastic about making semantic designs is going to leap at the theory of programming internet sites for smartphone initially.

Make all page elements more simple


Once I firstly commenced exploring the particular mobile internet I used to be commonly displaced inside a ocean of CSS multimedia issues as well as JavaScript plug ins. However these kinds of resources aren’t beneficial in the event that there’s simply no grounding to operate on. It's important to start out with an elementary recognize of the reason why you may design and style intended for cell phone and also slowly but surely integrate all these strategies.

An excellent strategy should be to give consideration to decreasing your web site to merely important components. When you're able to deprive down the design concept towards simple basics it helps make the whole process of developing for portable displays increasingly simplier and easier. But exactly why on earth do you need to begin in the actual mobile world?
Basically, the idea means that you can process every different job by using a more lucid perception on aims in addition to customer desired goals. It's important to question your self Precisely what do I'd like to see the end users to do? What is it that my visitors would like to do? Portable display real estate is significantly more expensive when compared with displays or perhaps notebook monitors. You will want to make use of the area you’re made available to accommodate most elements beautifully into position.

Becoming familiar with Visitor Desires


The prerequisites of the website visitors will alter dramatically for every person. Whether or not you’re developing a personalized job or even doing business self-employed it’s important to dedicate an amount of time frame making plans for functions on the webpage.
Are customers primarily stepping into your website through Search engines or perhaps social networking? Just think on the subject of precisely what would be the most widely used elements inside the design.

With such thoughts on your mind it is easy to create a a whole lot more subservient mobile phone webpage design. And also showing priority for this initially would mean you’ll have a nice chunk of experience when you are relocating to pc web development. Taking into account internet sites are created for the particular consumer experience you must commit all the time as required so that you can prepare these kind of capabilities. Try out number of distinct design options in ordinary Html code to determine the way they look and feel inside a mobile web browser.

How can web developer make use of social media

Doing work in the industry of web development provides a a lot distinct experience compared to artwork design. The job is much more task-oriented and needs a greater amount of focus along with fine detail. Not forgetting bug repairs, upkeep, or simply having websites operating on an internet host.

It appears like the career of the graphic designer is much more inspiring and even freeform. That is true with regard to improvement too, other than inside a various philosophy. Outdoors supply motion offers significantly transformed the actual web design business from it's primary.. As well as social networking is really a associated business having a great spine. When you know how internet sites will help you like a creator you’ll end up being hard-pressed using the Web as a given!

Creating Connections


Initially when i first started within html coding web sites it had been easier to utilize someone. This really is nevertheless the situation along with any kind of modern-day big task. However with a lot of free cms going swimming, you're no more necessary to use individuals within the exact same bodily room. System close to and then try to fulfill additional enthusiastic designers focusing on comparable suggestions because your self. You will find on the internet discussion boards, advertising boards, as well as weblog dialogue posts where one can reveal suggestions with each other. This is actually the easiest way to show your self brand new methods too.

Talk about your own Encounter


For those who have a few many years of go through it might be useful to create a little weblog of your. Even though you simply have an easy profile web site, or free whatsoever, you are able to nevertheless create lessons as well as content articles regarding html coding methods as well as web development. Talk about whatever you understand which may be useful for other people to comprehend and make items for that internet.
With time it’s feasible you'll combination a little subsequent. Interested web-developers will be thinking about researching brand new methods. In case your submissions are great after that it’s simple to attract as well as astound a little target audience. You are able to additional this particular achievement through operating information upon main systems for example Facebook. Advertising is equally as essential and also you can’t disregard the width associated with social networking.

Examine Sociable Information Web sites


Different color leaves because social networking there's a well-liked sub-culture dedicated to sociable information. This can be a kind of internet software in which the neighborhood associated with customers gets the actual publishers. Just about all tales tend to be chosen upon in support of typically the most popular content articles may submit on to top of the page. Delicious is likely to be the actual leader within this business -- the web development market offers observed improvement.

Wednesday, May 16, 2012

What program can i use to write a javascript code in?

There are many people which want to start learning javascript web programming, but they firstly ask themselves... "what program can i use to write a javascript code in?" This very popular scripting language can be written in almost every text editor. You can even write it in common notepad that come with windows, but don't do that, why would you when there are some better text editors that are more specialized for web development and therefore for writing a javascript. Features that you might need for writing javascript are code highlighting, auto complete and code hinting. Code highlighting is a feature that highlights the different parts of codes like functions, variables, etc. so you can see your code better and know what is what.

Let me recommend some good but free programs where you can write as many code as you want without any problems. Firstly I will suggest you to use a editor that would most developers on the world recommend. It is a Notepad++, which have features I mentioned above for huge amount of programming languages. It's also extendable with various plugins that you can find on the internet for free. If you maybe have a budget to spend on this and want a bigger program to use for a web development then the best choice is absolutely Adobe Dreamweaver which is professional web development software from Adobe with high quality and long tradition. Any of these w will work, but if you are absolute beginner then just go with the Notepad++, it is great for beginners and people who are trying to learn javascript or some other web programming language. I can give you links to dozens of other free editors but I am sure that Notepad++ is the best choice for the beginners, especially if you are in the process of learning. Just make sure to always save your javascript files with a .js extension, and you can include it with the <script></script> tag into your html page. Have fun!

Tuesday, May 15, 2012

What is the best text editor for a beginner?

Probably at this point you know that you need a text editor to start writing the code for your website, but you are unsure what is the best text editor for a beginner. Choosing the good one will surely make you more comfortable with writing the code, and also give you some useful options which make your coding easier. I will now try to show you top ones that are great for beginners to use, and of course free. Remember they are not sorted from the best to worst, I will list them randomly, and you go and pick the one you like the most.

1. Notepad ++

Maybe you already heard about this one. It's the one of the most popular and simplest editors out there. It is extendable with a different plugins. You can download it here.

2. Aptana Studio

Another good choice, it has fully featured IDE with many plugins available. Main focus of this editor is development of AJAX applications. Might be a little bit confusing to the new users but I would give it a chance. Click here to download the Aptana Studio.

3. Amaya

Great editor for a users that are in a learning process. It's a W3C editor and it can validate the HTML while you writing it as it also acts like a browser. Perfect editor if you want to follow up with the W3C standards. And of course the download link.

4. phpDesigner

This one is mostly used for making  a PHP pages and web applications, but it is great one for beginners at the world of the web development. So if you will use this editor for creating complex php pages or maybe for learning the php, either way it's a excellent choice. Link: phpDesigner

5. HTML-kit

HTML-kit is the editor which gives you lot of features especially for the writing of HTML and CSS code. It also has option to validate your code, which is rare for free editors.


How to make a person look younger in Photoshop?

Maybe you have some photos of yourself or your friend, and you wanted to know how to make a person look younger in Photoshop. Yes as you probably assumed, Photoshop is the right way to do that. It is by far the best program for processing digital photographs and it's so popular that even people that have nothing to do with photography heard something about it. If used in the right way, it can do amazing stuff with the photographs. Basically, in order to make someone on the photo look younger, you need to clean his face and make it look more smooth. You probably saw some beautiful photographs of the models in the magazines? Notice how their skin on the face look soft and clean. It's all done in photoshop. In fact, it's not really hard to learn. Maybe you will have some trouble in the start, but with practice and experimenting you can really get some nice photoshop skills in a just few months.

If you are familiar with the photoshop already, I will tell you which are the most used tools to achieve these effects. Most essential tool is the Clone Tool, pretty easy to use, you need to select a sample from the clean area of the face and then click on the part you want to correct. Other one is the Healing brush tool, which can be used to additionally smooth the skin and make everything look more natural. That were some tips for those who are already familiar with the photoshop but unsure of which tools to use for this. But for totals beginners, and also advanced users, I will post a video tutorial from a YouTube where a guy is showing you how to make someone look younger with some very nice tips and tricks by using an example of older woman and making her look very nice. I am sure you will like it.



Do I need college classes to learn web design?

As web design is very popular today, there are some colleges that offer web design classes, so some might ask themselves "do I need college classes to learn web design". I am absolutely sure that you will do lot better if you learn it on your own. Simply enough internet is loaded with the tutorials and helpful forums so basically you can learn just about everything by using those. Another thing is, I am sure most college programs are late in terms of trends and popular coding/designing. Because learning programs are taking long time to develop and organize, so at the time they start using it for the classes, there is possibility that some of the stuff from their learning program is getting old. Everything I know about web design, I learned on my own. Experimenting, exploring and practicing are things that lead to successful web designer.  Trust me you will just waste money if you decide to pay for college classes to learn it. Let's talk about things you can do to get started learning web design.

First of all, you need to get through css and html. That is fundamental of web designing and should be your starting point. Go to w3schools and see everything about html/css on there. After you learn some basics, also good idea is to pick some templates from web and see how their coding and design look. You can always learn new things by looking at templates made by others. Also, try to make your own pages and test them locally on your computer. Imagine some kind of company, and make a complete website for it. Take your design and post it on some forums, ask for opinions and suggestions. Also, always good thing is to ask your friend on their opinion on the site you created. Divide your learning process on several parts, and do not move from one part to another until you fully mastered previous one. Practice, practice, and practice. You will do wonders, trust me ;)

How long does it take to learn web design

You are all curious about how long does it take to learn web design, right? Answer to this question is really depending on the individual that is trying to learn web design. Some people have more natural artistic talent then others, and may eventually come up with some great ideas in the small amount of time. If you are afraid that your artistic skills are not so good, don't worry. But firstly, before anything, you need to learn HTML and CSS. It is absolutely essential when it comes to web design. When someone say "I am a web designer", it also means that person know css and html. You should not have many problems with this part. I recommend you to visit w3schools to find some great css and html tutorials. Just Google it and there ya go. If you already know html and css, I would recommend learning photoshop. With combination of these, you can create amazing website in photoshop, show it to client in a image format, and then convert it to html/css.

When it comes to actual design ideas, let me suggest you something. Always look at competition designs, see web design inspiration galleries, and together with time you will learn what people like, what is trendy, and eventually sometimes have almost instant ideas for designs. Don't worry about time frame, it will only ruin your learning process. Be patient, and most importantly: PRACTICE! While learning, you should experiment on your own all the time, and also try to use everything you learned so far to make simple web pages, etc.

After you become confident enough that you can design solid websites, try to get some jobs at freelance site. You can make nice money there, but one more great thing about freelance sites is that you will meet lot of people and employers, and all of them can be your potential partners to earn money. Start to learn web design right now, and good luck!

Monday, May 14, 2012

What web programming language should I learn?

Hi fellows, as title says, I am getting asked very often what web programming language should I learn by individuals that are eager to enter the web development waters. Of course, It's always better to ask then to do wrong thing. Web developer is a really popular job these days and because of that interests from people to learn some web programming languages are growing. First thing I am going to say about this: Be patient! You can't learn anything in a day or two. Now let's see what choices you have here.

Firstly, if you don't know anything about HTML and CSS, please close this page and start learning it. Just joking, well, html/css is something you can't start to learn web development without. So before you go for any of the languages, you need to learn html and css, it is a essential thing and you cannot pass it. There are tons of tutorials about this, I recommend checking out w3schools to learn some basics. But if you do know html/css, then you have some choices to make about programming languages to learn. Firstly you need to decide what are the things you want to do with the pages you make. If you want to make interactive web pages, with all kinds of image sliders, drop down menus, and so on, you should go for javascript first. It is the browser side language and it's very popular. Also there are many libraries that can make your life easier when it comes to javascript. That is a little something about javascript. PHP is also a great choice to make when it comes to web development. It is a server side language which means that code is running on the server which is returning the result to the browser. PHP is great for processing and validating forms, working with databases, etc. So you are probably asking yourself when is he going to answer the question...Well, if I must make a choice, it would be PHP first. Master it and you will do wonders. But don't forget about javascript, also very useful.

Friday, May 11, 2012

How to Build Your Own Website From Scratch for Free

For people that want to have their own website, but don't want to pay hundreds of dollars to make one, I will show you how to build your own website from scratch for free. If you need a website for your local business or maybe you want your personal website or blog where you will write about topics that interest you, you can make a website for free on blogging platforms like wordpress or blogger. Both are simple to use and user friendly, and there are many free themes for these platforms, which can be installed in just a few minutes. Let me show you how to do all of this on blogger and wordpress with a few simple steps.

Wordpress

Go to wordpress.com, you will notice big orange button on the left which says: "Get Started Here", when you click on it it will take you on the page where you will choose all the info regarding your username and your website. You can use .wordpress.com sub domain, which is free, but you can also buy custom domain for $18 per year. Enter your desired website address and all other info, then click on "Create Blog" on the bottom of the page. When you confirm your email by clicking on the confirmation link they sent to you, you will be able to choose a theme for your site. All of the offered themes are simple but effective and I recommend using these. Then you will be on your control panel where you control your posts and pages. It's really easy to use and I am sure you will not have many problems with it.

Blogger


Second and also very good option is using Blogger, one of the best, and the most popular blog platforms out there. All you will need to get started is a Google account. I am sure most of the people have one, but if you don't you will be offered to make one when you go to blogger.com. On the starting page you can login to exiting Google account and after that just choose display name which will be used to sign your blog, it's same thing like the author username. After that you will be right on the Blogger dashboard, which got the new look recently, very nice one. In the top left corner, you will find a button which says: "New Blog", click on it. Now you need to choose your website title and address. Custom domain can be added also, and it's fairly cheap, only $10. Now on the admin panel you have many options, explore and experiment, there are several free themes to chose. If you just want blogging or you want a few pages website, Blogger is amazing!

I hope this article will be enough for you to get started with your website. Many more specific tutorials for Blogger and Wordpress can be found all over the internet, and by using those you will end up with having great looking website which you made for free or just several bucks. And that was our goal, right? To learn how to build your own website from scratch for free. Thanks for reading!


Thursday, May 10, 2012

How to Create Website Shortcut on Desktop

If you have one or more websites that you visit very often, you will find useful to have shortcut to it on your desktop. For people that are trying to find out how to do that, you are on the right place, I am just about to show you how to do it.

Windows 7

Right click on your desktop, then go to New > Shortcut, you need to have a window like this one appeared:

























Now enter the address of a website you want to make shortcut for (don't forget http://) and click next. Enter the name of the shortcut and click finish. Done!

Windows XP


Pretty much the same process if you use Windows XP, right click on desktop, New > Shortcut, and you will see this window:





Type in the address of the desired website, click next, then write the name of the shortcut, click finish, and you will have website shortcut on your desktop.


How To Create a Website Banner in Photoshop

For those who are beginners in the world of the web design, I made a simple video about how to create a website banner in photoshop. In the video, I was using some simple techniques, that can be used to make simple but yet very usable banners for web. Subject of a banner and it's size were picked totally random. Take a look at it and I hope you will like it. Thanks!






Thursday, May 3, 2012

HTML Code For Registration Form

Many of the beginners in the world of web developing and design probably sometimes wondered how does the html code for registration form looks like. I will show you an example code, but just having html code is not going to be enough to make your form fully working, but it's a step forward and after all I always recommend step by step learning . You will need to validate the form after the user submit it and notify about possible errors  but I will be covering that topic in some other post. First, if you don't have any hosting make sure you get one so you can host your sites and test them, I recommend this one. Now we will focus on the HTML part.

Here is an example code:


<form action="register.php" id="register" method="post">
<table border="0">
<tbody>

<tr>
<td><label for="name">Your Name*: </label> </td>
<td><input id="name" maxlength="45" name="name" type="text" /> </td>
</tr>

<tr>
<td><label for="email">Email Address*:</label> </td>
<td><input id="email" maxlength="45" name="email" type="text" /></td>
</tr>

<tr>
<td><label for="username">User Name*:</label> </td>
<td><input id="username" maxlength="45" name="username" type="text" /> </td>
</tr>

<tr>
<td><label for="password">Password*:</label></td>
<td><input id="password" maxlength="45" name="password" type="password" /></td>
</tr>

<tr>
<td align="right"><input name="Submit" type="submit" value="Submit" /></td>
</tr>

</tbody></table>
</form>

And here is the result we get with it:



Pretty simple, right? Okay so you noticed that I've inserted my form inside a table. There are also other ways to align form elements, but I love using tables for this, because I find it easy to align elements perfectly by using tables, and it will work in all browsers. What happens here is that we will have separate PHP file that will validate and process our form. You link the form with the php file simply with inserting action="filename.php" inside the opening form tag. This one is just an example for you to see what it looks like when we use the code I wrote above, and it won't work on this site of course. Adding some CSS to this can make it look very nice, but that is the topic that I will be also covering in the coming posts. Feel free to use this code on your websites, you have my full permission. If you have any questions about this html code for registration form just contact me or write a comment to this post and I'll be glad to help you. Thanks for reading and stay tuned for new tutorials, tips, and tricks!

Best Language For Web Development

People ask me very often what is the best language for web development. But answer is not simple at all, because there are plenty of languages to learn for web development and what is the best one really depends on what do you want to accomplish. Let's take a look at the most popular languages used for web development today, and shortly describe what every of them can and can't do, so you will be able to find out what is the best one for you and start learning it.

1. PHP

We all know about this one, even people that never had any relation with the web development world have heard about PHP. It's the language used to make dynamic web pages and it has general purpose, so it means you can do big amount of things with it. It's a server side script, which means that the code is executed on the web server which return resulting web page to the browser after the processing. It can be implemented directly into the HTML document without calling it from the external file. You can have as many blocks of PHP code as you want inside your HTML document. So it's by far the most used server side programming language, and you can't make mistake if you go for this one. Some other server side languages worth mentioning are: ASP.NET, Cold Fusion, Perl, Java..etc. If you are a newcomer with the PHP, I am sure that you can jump right in and you will be able to write some simple but still useful scripts in a few hours, and still, if you master it, you can write high end professional scripts. Go for it!

Here is a statistic for usage of server side programming languages for website by w3techs.com:

best language for web development










2. Javascript

Javascript is most popular scripting language out there. One of the best web programming language. It runs on browser and it's usually used to add interactivity to the web pages. You can embed it into your HTML document by using a <script></script> tag, or link to external javascript file inside of head tag in your document, which is the way I recommend. Extension for javascript files is .js and of course you can write it using any text editor. It's a lightweight programming language which means that it is not so complicated and syntax is fairly simple. There are tons of written libraries which can make writing of  javascript codes much much easier. Some of the most popular libraries are: jQuery, MooTools, Prototype, Dojo...etc. All that beautiful sliders that you see on today's websites are created with javascript with help of jQuery library.

Conclusion

So basically if you learn these two programming languages, you will be able to do ANYTHING that comes on your mind for your websites. So we almost answered the question what is the best language for web development, depends on what you want to do, you can go either with PHP or Javascript, but learning any of these two is good. So get some tutorials and start coding. Cheers!


Wednesday, May 2, 2012

Best Way To Learn HTML and CSS

People ask me very often what is the best way to learn HTML and CSS. Truth is that there is no really best way. Why? Because every man is different, and said so some will find it easier to learn in one way, and some will think that way others use is hardest one. But I will now give you some tips that will help you learn CSS and HTML faster for sure.

1. Patience

This is very important. Don't think you can learn everything in a one day, you need yo know that from beginning. People often think that they can learn it all in a just few days and start to use their knowledge right away, but when they see that is not possible most of them gets demotivated and stop learning.

2. Go step by step

This tip is really a follow up the to previous one. For example, if you are learning CSS, take just one part of it and master it before moving to the next one. Example: Start learning positioning with CSS and ONLY when you master that part, move to the next one. When you start thinking that positioning is a piece of cake, when for example have the positioning code for some div elements in your head before even writing it, you mastered that part, move to the next one.

3. Practice

Also really important part. Everything new that you learn, practice with it, experiment with the code as much as you can, there is also a possibility that you will learn something new from the experiments. Don't just read one tutorial and move to the other right away, doesn't matter if you understood the code while reading it, if you don't practice you will forget everything you read in a matter of days!

4. Do not waste money on books and tutorials

Some people will maybe not agree with me on this one, but I am writing my personal tips, and this is my opinion. There is really TONS of free and also good tutorials on the internet, so no reason to waste money on that. You can also get help on the many helpful forums covering this topic, there are plenty of people that will respond on your question in a matter of minutes.

5. Use your new knowledge to teach other people

If you have some friend who is also interested in this topic and want to learn about HTML and CSS, offer them some basic lessons to help them get started. It will also help you because teaching is great way to make your skills and knowledge get stronger.

So these are just basic tips, there are more for sure, but I listed the best ones here that will help you learn faster. Combining these tips may very well be the new best way to learn HTML and CSS. Thank you for reading and stay tuned for new tips, tricks and tutorials. Bye!




Beginners guide to building a website

Hi everyone, in this beginners guide to building a website I'm going to explain some very basic things you will need to start learning how to build a basic websites. I will be posting many different tutorials and tips so if you follow along I'm sure you will not have any problems to build a website on your own. Don't expect you can learn to do this in a day or something like that. I've seen many e-books and stuff that say you will learn CSS or HTML in a 30 minutes or something like that. Let me make it clear for you, DO NOT buy anything like that, it's just a big fat lie.

Things you will need to start building websites


First of all, every piece of code you will write in some kind of text editor. There are really plenty of text editors you can use to write code, let me recommend some for you. Best one for beginners is really Notepad++, it has great features that will help you write the code and best of all it's FREE! So I wont really bother to recommend any other free editor because this one is most popular and will do the job for you perfectly. If you maybe have some money to spend on this, from the paid ones I like Adobe Dreamweaver the most. It's advanced editor for developers and you can do lot of stuff with it.

So I have the editor now, what do I write in it?

So let's start with some basic things. You can simply start with making a new document in your editor and save it with .html extension. So now you have your HTML page. Open it with your editor and let's start with some basic tags every HTML document need to have. Tags are used to define how will browser display and format the website content. Every tag have it's opening and closing. They are called opening and closing tags. For example <title> is the opening tag, and </title> is the closing tag. You noticed that only difference is  "/" before word "title" in the closing tag. There are 4 essential tags that every HTML document need to have:
  • <html> </html> 
  • <head> </head>
  • <title> </title>
  • <body> </body>
<html> </html> - Defines a document and telling the browser where is the page start and end. Contains every other tag in our document.

<head> </head> - Contains some information about our document that will not be displayed on the page. For example in the header tag we will place links to our CSS files, external scripts, meta tags, title tag, link to the favicon...etc.

<title> </title> - This defines the title of our document that will appear on the title bar on the browser. This tag must be placed inside the head tag or otherwise it won't work.

<body> </body> - Used to display all actual content on your website, so all images, paragraphs, links and other content that will be visible to user must be placed inside the body tag.

Now when we know what all of these essential tags do, let's make a example document with the "Hello World" title and simple sentence inside the body tag.

<html>
  <head>
    <title>Hello World!</title>
  </head>
   <body>
 
     This is my first webpage!
  
   </body>
</html>

So this is pretty simple webpage we have here, but hey this is the beginners guide to building a website and I'm sure you are happy because you learned how and where to start, and I hope this will motivate you to learn further and become the expert in this! I recommend you to visit w3schools where you can find all other HTML tags and learn how to use them. Thanks for reading, I hope I helped!