Note on Webpage Design and Editing tool

  • Note
  • Things to remember

Webpage Design

The Web page design stands for designing the Web site containing various Web pages. Web pages are coded with various tags, according to tag the browser interprets the code and gives the output or formats the Web page. Web page not only consists of tags and styles as well but also consists of script known as VBScript and JavaScript which makes the Web page dynamic. Here, the dynamic word refers to the Web page which becomes more interactive and lively.

.

Source:www.navicosoft.com

As a Web site designer, he/she must have active knowledge and ideas about the how users use our sites. (Web Design)

Users are scanners

A typical an uninvited visitor would not stay long and read the whole content of your entire web page! No matter how much important and useful information that you put on a Web page, the visitor only spend a few minutes on scanning seek information after that he/she decides whether to leave or stay.

Be sure what you write must be short and useful for the visitors and place very first sentence of the page! After that, try to keep the user occupied with short paragraphs and new header down the page. (Web Design)

Less is more keep

Paragraphs should be as short as possible. Keep the pages as short as possible. Keep the chapters as short as possible. Use a lot of space! Pages overloaded with text will kill your audience. If you have a lot to say, break your information into smaller chunks and place it on different pages! (Web Design)

Navigation

Create a consistent navigation structure that is used by all the pages in your Web site. Don't use hyperlinks inside each paragraph, to send visitors to every page of your Web. This will destroy the feeling of a consistent navigation structure. If you must use hyperlinks, add them to the bottom of a paragraph, or to the menu. (Web Design)

Download Speed

Sometimes developers are not aware of the fact that some pages take a long time to download. Most visitors will leave a Web page that takes more than 7 seconds to download. Test your web pages over a low-speed modem connection. If your pages take a long time to download, consider to removing graphic or multimedia content. (Web Design)

Let your Audience Speak

Feedback is a very good thing! Your visitors are your "customers". Often they will give you some valuable hints about what you could have done better. Provide a simple way to reach you, and you will get a lot of input from the people with different skills and knowledge. (Web Design)

Sample of Web page layouts

.

Source:www.hiretheworld.com

Webpage Editing Tools

Web pages are designed by using various editing tools like front-page, Dreamweaver, coffee cup HTML and other tools like Flash, GIF factory, Photoshop Swish, etc. for graphic manipulation and animation which acts as a component of Web page design. In addition to this, design the Web page we could use notepad as well or any editor where we can type the code and script.

But such editor takes a lot of time to code the Web page so professionals use software like FrontPage, Dreamweaver etc. One of the important aspects of this software is, though it makes easy to design Web page but it can’t perform the entire task of HTML tags, in such case one have to code it by the Web designer himself/herself.

Dreamweaver

It is a proprietary Web development tool developed by Adobe System. It was originally developed by Macromedia in 1997 and was maintained by them until Macromedia was acquired by Adobe Systems in 2005.

.

Source:computersoftwares-s.blogspot.com

It is the Web design and development application that provides a visual WYSIWYG editor and the code editor with standard features such as syntax highlight, code completion, and code collapsing as well as more sophisticated features such as real-time syntax checking and code introspection for generating code hints to assist the user in writing code.

FrontPage

Microsoft FrontPage is WYSIWYG HTML editor and Web site Administrator tool from Microsoft Corporation. Microsoft provided FrontPage from 1997 to 2003 as a part of Microsoft Office Package but then after discontinued it. Since then it replaces by Microsoft Expression Web and SharePoint Designer since December 2006.

.

Source:logos.wikia.com

Coffee Cup HTML Editor

It is an HTML editor that supports both raw HTML and WYSIWYG editing. Though the WYSIWYG editing in no longer available in a newer version. According to the developers of this editor, it is the first to support javascript, split-screen editing and built-in FTP upload.

.

Source:softwarezpro.com

(Shrestha, Manandhar and Roshan)

Bibliography

Shrestha, Prachanda Ram, et al. Computer Essentials. Kathmandu: Asmita's Publication, 2014.

Web Design. n.d. 13 June 2016.http://www.w3schools.com/website/web_design.asp

Webpage Design and Editing Tools

  • The Web page design stands for designing the Web site containing various Web pages.
  • Web pages are coded with various tags, according to tag the browser interprets the code and gives the output or formats the Web page.
  • Web page not only consists of tags and styles as well but also consists of script known as VBScript and JavaScript which makes the Web page dynamic.

There are various web page editing tools:

  1. Dreamweaver
  2. Front page
  3. Coffeecup HTML editor

 

 

 

 

.

Very Short Questions

0%

DISCUSSIONS ABOUT THIS NOTE

No discussion on this note yet. Be first to comment on this note