What do you mean by static and dynamic website? How to become professional web developer and designer?

Static Websites : Static websites are brochure-style websites that can be custom designed or designed from Economy Templates. A static site is an ideal choice if you have a limited budget and want to feature information that does not change frequently. The static website is a simple and effective way to get your message out. Static websites are quick to set up and require almost no maintenance. It is simple, effective, and is very easy for search engines to pick up. When potential customers and clients are looking at you as a possible supplier, they will check your website. 

Dynamic Websites: A dynamic website is one whose content is regenerated every time a user visits or reloads the site. Dynamic websites communicate with a database that pulls content into the page when a link is clicked. This is the preferred application for e-Commerce, membership sites, dating sites, event calendars, mailing lists, and sites where frequent changes are needed and a high degree of user interactions are aimed.

How to become a professional web developer and designer?

Web design is all the methodologies used to build and design a functional website. Web development and designWeb designers thus need to be updated with the latest trends to be able to design creative websites. Web design has seen the emergence of new trends and new ideas in last few years. There was also the addition of website interactivity to web design. Newly designed sites are inclined towards displaying their content in an interactive way.

Things to remember

Trends

Keeping up to date on the latest trends is important – however “trends” does not mean “copy”. Get inspiration and create your own style.

Learn & Develop

Great designers are always learning and stay fresh on the latest styles. There are different websites available; personally I would recommend w3school, and Lynda.

Think on Paper

Sketching should be your best friend, especially if you’re in the beginning stages of a wireframe or even simple list ideas. Getting away from the computer and onto paper gives you less distraction.

White Space 

Sometimes less is more. Don’t clutter your designs – readability is key to the success of a website. Minimal or Simplistic does not mean boring. 

Technology / Applications 

Keep up on the latest programs in your field and if you’re looking for online training I suggest checking out Lynda. Read These are some great magazines and newspapers related to media and technology. Subscribe to the technology pages on social networking sites, read their profiles etc. 

Know your Audience 

Revisit the original creative brief, just because your designing something you like – doesn’t mean the client will like it. You have to look at the age group and demographic target your trying to reach, all these things are very important and you should take extra steps to not lose site of this. 

-->

Ask others Opinions 

Recently I was redesigning a logo and simply “tweeted” on Twitter. You don’t have to show everyone either depending on the content, ask a colleague you trust. They may point out problems or errors that didn’t cross your mind. 

Build a “Toolbox” 

I keep a hard drive full of assets, code, old work & forms that I need to grab someday. I organize it by the type of work. When your searching for something while working on a project it’s a lot easier when you’re organized. Trust me it will save you time! 

Competition 

Take a look at what other web designers are doing. Being aware of what’s happening in your industry is a must. There is not a shortage of gallery sites around.

Use of attractive graphics and displays 

A web designer can use a creative layout and concept to attract users. This helps to capture the initial attention of users. Users stay on a page when we provide them some actions to be performed to explore a site rather than providing simple text-based content. But one thing that you must keep in mind is use of high resolution graphics, pictures and flash images make your website slow because it takes time to render the page. Induce action from users Even when a website is creatively designed, the final aim of the website is to make a user perform a desired action on the page. This action could be to register for a free trial or enquire about a service. This is when a web designer needs to think, ‘what next?’ to move on to the next level. 

Engage users while they perform an action 

A user may not have time or patience to look through various categories and find out the required information. For example, a photography website can have tabs such as nature photography, useful cameras for nature photography, wildlife photography, etc. If these elements are presented together, it can make a user visit all the tabs in search for information. 

Adding Interactivity to Websites 

After reading through the above points you would have definitely agreed that interactivity is the way to achieve your aims for website design. By paying close attention to websites, one can fine great samples of interaction, which would engage you and make you think that web design is no longer a simple HTML page but a canvas, which can be painted creatively and differently! Do you know any such creative website? 

Skills Required 

Here’s a checklist of skills that are some of the most important for good web developers to have. 

Basic SEO 

Knowledge of basic SEO is essential for any good web developer. While you can leave keyword research to your clients, a developer should have sound strategies for targeting those keywords on the page. 

A good JavaScript library 

Even if you don’t write much JavaScript, knowing a good JavaScript language can make that little bit so much easier. Whether it’s jQuery (my personal favorite), Mootools, or whatever, learning a JavaScript library will cut your JavaScript development time in half. 

Cross-browser debugging 

In order to reach as many viewers as possible, your websites need to work in all the major browsers (IE6, IE7, IE8, FF2, FF3, Safari, Opera). Everyone hates cross-browser debugging, but the better you get the less you’ll have to do it. 

Image processing and optimization 

A strong knowledge of image processing not only allows you to make quick changes to comps without bouncing them back to the designer, it also helps you to understand what is possible when asking for design changes. 

Building layouts with valid HTML/CSS (and no tables) 

The markup should be clean and validate according to its doctype and the CSS should be separated from the HTML, which means no inline styles and especially no “font” tags. Whenever you write HTML it should naturally be valid xHTML; meaning properly nested nodes, closed image tags with specified alt attributes and other basics. Then you can go on to learn which nodes can be nested within which, and other more complex validation issues. In the end you’ll find that the w3c’s HTML validator hardly ever throws an error, which is a really good feeling. 

Apache rewrites 

Apache rewrites make it easy to take messy URLs and make them clean and easy to type. You can clean the URL using certain syntax rule. But beyond simply cleaning URL’s, Apache’s mod_rewrite can be used to quickly turn a simple page into a complete app with a directory structure. Simply rewrite the various query string variables to be directories, and you’re all set. 

Debugging Software 

When it comes to the front-end, I like Firebug, which allows you to click elements on the page and analyze which styles are being applied and from which style sheet. You can additionally add or remove styles on the fly, as well as edit the page markup. Version control Version control not only is the best way to backup files as you work on them, it is really the only way to effectively collaborate with other developers. Version control works by keeping a record of the changes in a directory’s contents. 

What you should be good at? 

• HTML (Hyper Text Markup Language) 

• CSS (Cascading Style Sheet) 

• JavaScript or Jquerry 

• Server Side scripting Language (Like PHP, ASP.NET) 

• MVC Framework (Model, View Controller like Cake PHP, Code igniter, etc) 

• AJAX Technology

 • XML (Extensible Markup Language) Speed up your Website 

• Save images in the right format to reduce their file size. 

• Minify your CSS and JavaScript documents to save a few bytes. 

• Combine CSS and JavaScript files to reduce HTTP requests 

• Use CSS sprites to reduce HTTP requests 

• Use server-side compression to reduce file sizes 

• Avoid inline CSS and JavaScript 

• Monitor web server performance and create benchmarks regularly. 

• Learn how to increase the page load time.