160 likes | 337 Vues
Creating a web design concise provides a spotlight for your website and helps to recognize the services you are probable to require from a web communication agency or design firm.
E N D
Index • Introduction • What is Web Designing? • Technologies used for Web Designing • Architecture of your Website • Different Types of Website • Issues with Web Designing • Common mistakes during Designing Website
Introduction to Web Designing • Web Designing is the follow of presentation content that are delivered to end users through world wide web using a Web Browser. • The goal of Web Design is to build a Website – collections of electronics documents and applications that resides on Web Server/ Servers. • The Website may include text, images, sounds and other contents or may be interactive. Unless a web site meets the needs of the deliberate users it will not meet the needs of the organisation providing the web site. • Website development should be user - centred, evaluating the evolving design against user requirements. The design should take account of recognized guidelines for web writing style, navigation and page design. • The site structure and page design should be evaluated by representative end users. Management and maintenance is important to maintain usability.
Continued… • If you are going to make known a Web page, there are a lot of stuff that you need to think. One way to learn about good page design is to cruise other people's well designed pages. • You can use your browser's View | Source command to check the HTML markup, locate the .gif files, spot scripts, and generally get the inside view of how the page is designed and constructed. • This is alike to running your pet computer application and being able to call up the source code in a window to see how certain subroutines work. • With such simple contact to the inner workings and stuffing of other Web pages, it seems only usual to borrow, paste, modify and or else use the resources of the net to fashion your own presence.
What is Web Designing? • The skill of making designs of a website with smart looks and creative ideas is the website designing. By this way you can issue your ideas concerning your services and products to common public. Websites are the source for you to tie to the international market. The probability to earn higher profit in the region of global website can be better through an attractive design of the website. • Web design is used as a broad term to explain any of the various tasks involved in creating a web page. More exclusively, it refers to jobs focused on building the front-end of a web page. • The web consists of many pages, presenting information using different technologies and linked together with hyperlinks. There are two basic aspects to any web page found on the Internet. The first is a presentation that the user interacts with, typically visually, although the second is a back-end that includes information for non-human browsers. • The basic markup language used to tell a browser how to present information is called the HyperText Markup Language (HTML). A stricter version of HTML is also widely used, known as eXtensible HyperText Markup Language (XHTML). Using HTML or XHTML, a web designer is able to tell a browser how a web page should emerge. In the last few years there has been a thrust towards untying the underlying structure of a web-page (using HTML) from the visual presentation of the site (using Cascading Style Sheet or CSS). This approach has a number of major benefits in both the short and long term, and is assembly popularity as time progresses.
Continued… • So as to design an smart website many websites plug-ins like Java Script, Flash, and Quick Time are used. whilst designing a website make use of graphical elements which help the users for navigating through web pages with an ease. • Today, there are a number of types of websites under designing process. They can enclose static pages and dynamic pages. • Dynamic Pages – These Web Pages are designed in way that they can give response to the entered input at the front end. These pages can be adapted or changed depending on the modifications done by the web master. • Today, you do not have to be dependent on web master for altering contents of your web pages. You can renew the contents of your website by making use of CMS (Content Management System).
Technologies used for Web Designing • Markup languages (such as HTML, XHTML and XML) • Style sheet languages (such as CSS and XSL) • Client-side scripting (such as JavaScript and VBScript) • Server-side scripting (such as PHP and ASP) • Database technologies (such as MySQL, MSSQL) • Multimedia technologies (such as Flash and Silverlight) Based on the necessities of the company website can be made in static or dynamic depending on the nature of the site.
Different Types of Website • Static websites A static website is the simplest form of website, in which the site’s substance is delivered without the use of server side processing. Static websites are used principally for brochure sites and can include complex graphics, animations and JavaScript driven features. • Dynamic websites Dynamic websites rely on server side scripting to provided advanced interactivity and typically use a database to deliver the content for individual pages. A dynamic advance is appropriate for developing bulky websites with content which is standard, for example, catalogues, photograph albums and complex series of data. A dynamic website will be necessary to allow users to sort and search records, or to limit access to parts of the website using a log-in system. • Content managed websites A content managed website is a more alteration of the database driven dynamic site. The content management system provides a password protected interface through which users can add, edit and remove content from the site. A content management system is mainly useful in the case of bulky sites which have many contributors, some of whom may be working from remote locations.
Continued… • eCommerce websites An eCommerce website is a dynamic website which has the functionality to method financial transactions. Most eCommerce websites are built to imitate a bricks and gun store and use the model of stock pages, shopping basket system and checkout, using a secure online payment system. Many eCommerce sites also contain a content management system, so that product details can be added or updated, and some contain advanced features such as automated stock control. • Flash websites Flash is proprietary software developed by Macromedia which is used to create complex animations. The programme is stylish enough for entire websites to be constructed using Flash technology. Flash websites can be visually striking and provide or else unfeasible levels of user interactivity.
Issues with Web Designing • Website design has a lot of constraints – especially the shape, size, resolution and color capabilities of the viewing system. Font options are also strictly limited at the present time. • The correct placement of design elements that print media allow is not accessible on web pages, so there are a series of compromises to be made. a) Automatic audio Always give people the choice of listening to any music or recorded information you have on your site. Don't routinely suppose that your visitors will be fascinated by your voice or your music. Always give them the choice of turning it off. b) Spinning, flashing, or blinking ads Flashing banner ads are the alike of a festival barker trying to entice people into a sideshow. You don’t need to shout to people to get you message heard. Keep you ads partial and your content rich. c)Unnavigable sites Do not anticipate visitors to leap through "link hoops" to get to your information. They won't. Make your product, price, or service, clear, precise, and simple to find. Design your content so that still elementary school children can appreciate your site.
Continued… d)Excessive pop-ups In this day and age, pop-ups are predictable. But if visitors have to secure various pop-ups to get to your site, they may depart and never come back. The same applies for "fly-in" or "hover" that rebound across the screen. If you have to use something, include a pop-up that loads when a visitor leaves your site. e)A page full of dead links and 404 error messages Maintain your links up to date and take along the links that are no longer active. f) Dark text on a dark background Don't anticipate your readers to work to read your content, Since they won't. They will depart and find the information they need elsewhere. g) Use Flash judiciously Except you have a film site or a product that requires a detailed visual description, resist using Macromedia's Flash for e-commerce. If you are using your site to sell a product, use high-quality, fast-loading photos and creative descriptions of each item. If you must use Flash, make your files as small and fast-loading as possible. h) Solid blocks of text with no breaks between paragraph That may work in print, but it will not flutter on the Web. People don't read online content the way they read offline -- they skim. Impressive blocks of dark text will put off your readers. Make your content clear and short. Break up your paragraphs, and use plenty of white space.
Common mistakes during Designing Website There are numerous lists of web design mistakes around the Internet. Most of them, conversely, are the “Most common” or “Top 10” mistakes . • The user must know what the site is about in seconds Notice is one the most valuable currencies on the Internet. If a visitor can not figure what your site is about in a couple of seconds, he will maybe just go somewhere else. • Make the content scanable This is the Internet, not a book, so forget bulky blocks of text. Perhaps I will be visiting your site as I work on other matter so make sure that I can examine during the whole content. Bullet points, headers, subheaders, lists. • Do not use fancy fonts that are unreadable Certain there are some fonts that will give a difficult look to your website. But are they understandable? If your main purpose is to convey a message and get the visitors reading your material, then you should make the process easy for them. • Do not use tiny fonts The earlier point applies here, you want to make sure that readers are comfortable reading your content. My Firefox does have a zooming feature, but if I need to use on your website it will perhaps be the last time I visit it.
Continued… • Do not open new browser windows I used to do that on my first websites. The logic was easy, if I open new browser windows for outside links the user will never leave my site. WRONG! Let the user manage where he wants the links to open. There is a cause why browsers have a vast “Back” button. Do not be anxious about sending the visitor to another website, he will get back if he wants to (even porn sites are starting to get aware regarding this point lately…). • Do not resize the user’s browser windows The user should be in control of his browser. If you resize it you will risk to confusion things up on his side, and what is worse you might lose your trustworthiness in front of him. • Do not require a registration unless it is necessary Lets put this immediately, when I browse around the Internet I want to get information, not the other way around. Do not force me to register up and leave my email address and other details except it is extremely necessary (i.e. unless what you offer is so good that I will bear with the registration). • Do not overuse Flash Separately from increasing the load time of your website, extreme usage of Flash might also irritate the visitors. Use it only if you must offer features that are not supported by static pages.
Continued… • Do not play music On the early years of the Internet web developers constantly tried to successfully include music into websites. Estimate what, they failed unhappily. Do not use music, period. • Make sure to include contact details There is nothing inferior than a website that has no contact details. This is not bad only for the visitors, but also for yourself. You might drop important feedback along the way. • Do not break the “Back” button This is a very basic standard of usability. Do not break the “Back” button under any condition. Opening new browser windows will smash it, for instance, and some Javascript links might also smash them. • Avoid complex URL structures A simple, keyword-based URL arrangement will not only recover your search engine rankings, but it will also make it easier for the reader to recognize the content of your pages before visiting them. • Use CSS over HTML tables HTML tables were used to create page layouts. With the arrival of CSS, however, there is no reason to attach to them. CSS is faster, more consistent and it offers many more features.
Thank You… Cbil360.com (A Miami Web Design | Website Redesign Company)