Blogger template Web developer tips when making the website what kinds of necesary step to be taken during web development or web design.

You get here a series of tips and tricks that can make it easier to make a website that can make your website better, and that can help you to avoid some of the pitfalls.
Make a drawing - Before you start the slave with codes or Web Editor, so grab a piece of paper and a pencil, and low draft, how the page should look like. It is much easier to do the work on the screen, if you have a fairly defined starting point.

blogger templates

If you do not yet have put you firmly on how the page should look like, so try to visit other websites to get inspired. For example, you might want to take a look at the css Zen Garden, where you can view the same page exposed to a multitude of different layouts.
You can also find ready-made templates, which makes it possible to make a nice looking website in less than an hour. Simply replace the text on the template with your own text. Some Web design programs provide a variety of templates — typically buy programmes-but you can also find websites that offer templates. In addition, you can find free templates on Open Web Design and on Open Source Web Design. Others offer you free templates, against that you include a link to them on your page (you can get rid of the link for $ 10). This applies, for example the Zero Dollar Templates and Steve's free website templates.
Sitemap - You must have more than just a few pages on the website, you may want to make a sitemap on a piece of paper before you begin to create the pages. It will help you to structure your website in different parts, and you will at the same time get a better overview, so for example you know in advance, what links you must have in any menu on the pages.
It would also be a good idea to make a sitemap on the actual website, because it can help your visitors to find their way around.

web page design

Doctype - At the top of the code on your page should be a doctype which tells the visitor's browser, how to read the page. Without a doctype, you cannot be sure that the page is displayed correctly, and since also cannot be validated by a validation service.
Validation- You should make sure that your website complies with the various Web standards. So there is a greater chance that the page is displayed correctly in all existing and future browsers. Most browser manufacturers are trying to comply with the standards, and it will happen even more in future browsers. You comply with the standards of the day, your page also displayed correctly when a new version of the various browsers broadcast. You do not comply with the standards, you risk having to make your page about when a new browser is broadcast.
Another great advantage to validate your pages is that it is much easier to find errors in the page. The reviewer will tell you simply, if you forgot to close or open a code, or if you use wrong codes on the page.

Although you complies with the standards, there may be differences in how the page is displayed in the various browsers, because in some cases interpret the standards differently. But the kind you can usually relatively easily corrected with small adjustments in the code. In addition, the differences between the various browsers have become much smaller, after Microsoft released Internet Explorer 7.
You can validate your page, visit the W3C and enter the address of your website. It is also possible to validate since, although it has not yet been published, since you can upload an html file or the actual code for the validator. Validates your page, you will be allowed to place an icon as the above on your website as a sign that your code is in order. It is of course optional, if you want to use the icon, Louis ' Corner uses the for example does not, even if the pages validate.

blogger template

Use Firefox - Use Firefox to check your pages in. Firefox is not as fault-tolerant as Internet Explorer. If you have made errors in your code, there is therefore a greater chance of catching on here. At the same time comply with Firefox standards. It works in Firefox, there's a good chance that it also works in all other browsers. However, there are differences in how the different browsers interpret html code, but when the page is displayed properly in Firefox; it is easier to customize it to Internet Explorer, for example, than it's the other way around. In addition, you can get a very powerful tool for Firefox in the form of the extension Web Developer.
Liquid page size - When you make a regular printed matter, you always know how much paper is, and it will always be the same size, regardless of who looks at it. That means that you can easily place the images and text that you'd like to have it. Home page school in a wide window.
But on a home page is not quite so easy. Users can have widely differing screen sizes and screen resolutions, and some might prefer to see the page so that it fills the entire screen, others have a sidebar open, so there is less space for the actual website, and still others use only a portion of the screen to the browser. In addition, the user can choose font size, which also affects how much text can fit on a line.
All of these things means that text and images are not necessarily will be located at the same place on the page and in the same size as with you. It is therefore important that you make your website so that it matches the widest possible range of sizes.
However, it can be hard to make a design that is completely liquid. Louis ' Corner, for instance, has chosen to make a design that uses a fixed size at 770 pixels in width (which fits to a screen resolution of 800 pixels in width). The fixed width option is selected so that the lines should not be too long and therefore too difficult to read.

web application development

Visit Louis ' Corner with a browser that is wider than 800 pixels, is designed in such a way that liquid background pattern, take up more space on each side of the content itself.
If you choose a fixed size on your page, make sure that the maximum is 770 pixels. There are still many who use a resolution of 800 pixels, and you have chosen a fixed size that is too large, they will display a horizontal scrollbar on the side. A horizontal scrollbar is almost a mortal sin and a sure way to chase visitors away on.
Note that if your page should be readable on mobile phones or other small web operators, you must completely avoid fixed sizes.
Fonts A computer with Comic Sans MS -  It can be boring to use the same fonts as any other user on their home pages, but you must be careful to choose the more special fonts. If the visitor does not have the font installed, he will instead display an alternate font, and it can look very different. In fact, it is only a few fonts that go back on virtually all computers, and it is the usual "boring" fonts such as Arial and Times New Roman. If Verdana, which is widely used on websites, may be absent on the visitor's computer.
A computer without a Comic Sans MS. header is an image so that it appears correctly. Most Windows users will have installed the slightly cartoonish font Comic Sans MS, but all those who do not use Windows, will probably see a more ordinary font instead. Microsoft has created a feature called Web Embedding Fonts, where a font can be sent to the visitor, if it is not already installed. The downside is that it only works on Windows, and even only if the visitor is using Internet Explorer.

However, there is a solution to use great fonts that everyone can view, although it is not optimal. You can use pictures instead. For example, if you want a nice headline, you can use a graphics program to make an image heading. So it will be displayed correctly in all browsers.

The disadvantages of using pictures: there is a risk that the heading is not indexed by search services and fx Google places great emphasis on headlines. Are you doing pictures of larger sections of text, the text is not indexed by search services. And finally, the user's screen resolution is of great significance. The lower the resolution, the bigger the text will appear, and the higher the resolution, the smaller the text. You are in danger, for example, that the text is so small on a screen with high resolution, that it cannot be read. And in contrast to plain text, the user cannot resize it. The size of the text, however, is especially a problem if you use the pictures to plain text headers can usually always be read.
Do not hit Rammer - In the old days, it could be a good idea to use frames on a page. On the other hand, they helped with putting the content on the website, on the other hand, you could just update a single frame, so, for example, could have a set menu and a logo that did not have to be retrieved several times.
Today, we can place the content on the pages with stylesheets (css), even much better than with frames. Browsers have also been better at remembering already downloaded the images, so they don't have to be downloaded each time the page is updated. In some cases it may be desirable to be able to update individual sections of a page, for this purpose you can use the tag <iframe>.
But it is not just because, who today are better solutions, you should avoid using frames. Framework has some very major drawbacks. The visitors can, for example, did not immediately make a bookmark to a specific page. The bookmark will always point towards the front. Search services have also problems with frames. You run the risk that the page is not found by the search service, or that the search service is doing a link directly to a single frame. The visitors then come into the frame via the search service, he has no menu, and then he cannot enter on your other pages. However, you can solve the problem with a Java Script, read closely at, who brings a detailed explanation on the Danish.
Use stylesheet- Earlier you were relegated to use frames, tables, or small invisible images to position text and image the desired locations on a website. But with stylesheets (css), it has become much easier to place content, and at the same time, you can separate the layout code from the common html tags and the content on the page.
One of the advantages of using the stylesheet is that you can easily switch the layout on a page. It is not unusual that you want to change the layout when the page has a few years or three old. Do you use the old-fashioned layout methods, you need to check and correct in every single page in order to change the look. Do you use an external stylesheet, you can just edit one file, regardless of how many pages you have lying around.
At the same time you can offer visitors to choose between several different layouts. For example, you can create a layout with larger font mm. corrected vision-impaired, or you can make layouts with color choices to suit the different seasons. It is also possible to create specific stylesheet for printing pages. Are you printing a page on Louis ' Corner, you will for example not be printed logo and menu as well as the left sidebar? They are there anyway no need to print, as they are not very good on a piece of paper.
You can see an example of optional layouts where you with one click can toggle between the regular appearance on Louis ' Corner and an alternative appearance with some harsh colors. The page also contains the necessary code to let the visitors change appearance.
Change on the example page is actually very few; try to check the css Zen Garden. There you can find hundreds of very different-and beautiful-pages, all of which are created just by changing the style sheet. The pages are so different, that it may be hard to believe that the underlying html code is unchanged. CSS Zen Garden has been translated into several languages.
Just like you can validate common html tags, you can also validate a stylesheet. The W3C has created a css validator, where you just need to instate address to your stylesheet. You can upload style sheet directly to the reviewer, if it has not yet been put up on your website.
Javascript - Java Script are small pieces of code that can make a Web page more interactive. The code is executed in the visitor's browser and can, among other things, change the content on the page, without page must be downloaded again. For example, you can make a small calculator. Type the numbers in the two fields, and click = to put the numbers together:
However, there are also disadvantages to using Javascript. It is not anyone who has turned on Javascript, and Javascript are interpreted differently by the various browsers. The biggest problem, though, is that search bots do not understand Javascript. So for example, if you have created a menu in Javascript, comes the robot never longer than to your home, because it cannot find some links. Unless, of course, you have ensured that the menu also works without Javascript.
Color of the ScrollBar and size of window
You have, in spite of the above advice on liquid page size created a website that is best seen in a specific size, and now you want to make sure that the visitor's browser is displayed in the size. It can be done with a Javascript. But there are two reasons to leave it: it does not work in all browsers, and you frighten visitors away. It is the visitor's browser, keep your fingers from the!
You've seen websites with a colored scrollbar, and now you want to even have such a, for it is as smart, when the scrollbar suit designed on the side. There are two reasons to leave it: it does not work in all browsers, and it may seem annoying at the visitors, because it can be harder to find the ScrollBar. It is the visitor's browser, keep your fingers from the!

With regard to the scroll bar you may want to let the visitors decide, whether he will have a different color on the ScrollBar by offering him an alternate stylesheet, but be aware that the code for colored beams is not included in the standard, so it will mean that your stylesheet does not correctly validate. You can find the codes to coloring the scrollbar on Rita's website.
Live pages - Why settle for a boring page, when you can get a live page with funny animated pictures, credits with important messages or jokes as well as background music, that can put the visitors in the mood?
First and foremost, because it kind of bothers the visitor! Animated images and credits steals the attention of visitors, so he cannot concentrate on the actual content on the page. And with regard to music, so you may not know about the visitor just sits and listens to the weak passages in one of Mozart's symphonies, when you suddenly interrupt with vocal tones from one or another melody that the visitor will not stoop to calling music.
Of course depends on the use of live elements completely by the expected audience. Do you want to make a serious and serious page, you should completely stay away from stuff like that. Do you want to make a fansite for a computer game, you can well afford to use live elements, but remember everything in moderation. The page doesn't get any better and better, the more animated images you loader onto it.
The problem with music is unwanted music, e.g. music that starts automatically when the visitor enters on the page. Are you doing it instead, so that the music first starts, when the site visitor clicks a start button, there is of course no problems in using music.

free website builder

Small and capital letters - Most websites are on UNIX or Linux computers, and they distinguish between small and capital letters. This means that for example, if you have an image called Myname. Jpg and you in your code write myname. jpg, so the image is not found. It is a good idea to always use lowercase letters to both file names as in the code, so you avoid errors on the account.
Also, avoid using special national characters like æ, ø and å in filenames. You cannot be sure that all servers support them, or that they will work in all browsers. The same is true for spaces in the file names.
web developer, web development, web templates, web page

Spell check and troubleshooting

No matter how careful you are, it can be almost impossible to find all the error itself. We tend to be blind to their own faults, because you read what we think it says in the text, instead of it actually says in the text. Therefore, it will always be a good idea to get others to browse through the pages for errors before you put them out on the Internet. A spell checker in a program can also do wonders.

Prevent copying

When you have spent many hours making your website, you may want to prevent others from copying the image or images that you have lying around on the page. But it is a waste of time to try that sort of thing. Although there are methods that can make it a little more cumbersome to copy the content, for example by preventing the right click on the page. But it kind of can be easily circumvented, and it works, incidentally, nor in all browsers.
In short: did you first put the side out on the net, everything can be copied, no matter how many contortions you make.
On the other hand, you can enjoy the copyright also applies on the Internet. Have your page or content on the achieved level of originality, you can take the law in his hand to prevent others from using your material on their own website. Photographs are even protected, even if they have not achieved a level of originality. Use any your materials improperly, you can send them a Bill.
Copyright - The Copyright Act gives visitors to your website is allowed to make digital copies for personal use. Do you have a great picture on your page, the visitor must e.g. good copy it and use it as the background wallpaper on the desktop of his computer.
The visitors can also use the image in a printed birth day invitation sent to family and friends. There is then an analog copy, and such a may be used for private use. Private use includes the household as well as friends and acquaintances, while personal use only includes the household.
But the visitors are not allowed to use the image for commercial purposes, and he should also not spread it to strangers, for example by placing it on a website. And he must, of course, not sell it to others.

creating a website

Violates any your copyright, you can send them a bill for the previous use of your material, at the same time; you can ask them to stop using or enter into an agreement on payment for further use.
You can find the rules of the Copyright Act, the most relevant paragraphs is § 12 about copying protected material and section 83 on remuneration and compensation.
Search Services - You've finally got put your website on the Internet, and now would you like to have, that others can find it. And to this end, it is a really good idea to be registered with the various search engines. The best method is to have an existing website that is already indexed, to link to your new page, so you quickly absorbed in the search engines. However, you can even register your website at the links below to the most popular search engines-but please be patient, it may take a bit of time to be indexed in this way.
Registration Pages:
But one thing is to be registered, it is also important to be ranked high on the list of search results. Are you not on the first 1 to 3 pages, it can almost be equally. Search engine optimization is a science for itself, but it is first and foremost about having a page with interesting content that others bother to link to. And so should the content be structured.

The website's address is also important; it will be a really good idea to have your main keyword in the address and/or in file names. If you want to make a page about security on the PC is, for example, saved. If your desired domain is recorded, so consider alternate names or use multiple words, either with hyphens between the words or in urgent cases out of a. But avoid too long addresses, otherwise you risk that the individual words are weighted lower.

File names are also important. The front is usually always index, but use reportedly filenames to the subpages instead of e.g. Page2.html. Are you doing a page about viruses, so call the page virus.html. So will the page scales high on a search on security virus.

The same applies to the page title-displayed in the top bar of the browser and on the tabs. Here you can choose a slightly longer text with multiple keywords-the first words are weighted higher than subsequent words.

With regard to structure, so it is important to use heading tags such as h1, h2 etc. where h1 are weighted higher than h2. It is therefore to use headers with words that you would like to be found with. did you make a page about the cultivation of roses, you can make a headline with the h1, which is called Cultivation of roses, and a subheading with the h2, which contains several important words, such as: How to grow and crop you roses and how to fertilize you them.

search engine optimization

You can find good advice and guidance to basic search engine optimization (SEO). There are also some experts in this field who share out of their experiences in various blogs. It might be a good idea to follow one or more of these, since search services constantly change their weighting of the different parts of a website. Follow eg AJIT nehra blog on search engine optimization.

Choice of Web space

You'll need a Web server that others can view your finished page. In fact, you can easily have a webserver on your own computer, but it has the disadvantage that the computer must be switched on 24 hours a day, and it is expensive in power. Extra Bill for power can easily run up in over 2,000 dollars a year! You are usually much better off by buying space on a webspace, it is both cheaper and easier. Read my guide to the choice of Web space.
Practical links - In addition to the links in the previous section, you will get here a number of links to websites which can help you to make your own website.


Post a Comment