|
Internet publishingAlthough Weboardo looks like a WYSIWYG editor (WYSIWYG -What You See Is What You Get), you must not forget that the Internet is not WYSIWYG at all. Surfers and potential customers will be using a wide variety of devices and browsers to view your pages.Here is a list of information about what you should or shouldn't do to become a good web designer. GeneralOne of the BIG mistakes is that "a professional web designer" creates a page which is "optimized for: ... browser". He thinks the great majority of surfers use this browser so it does not matter, but an increasing number of surfers use "pocket-computers", mobile phones, etc. They won't see anything of those pages. Your pages will be viewed on very different screen resolutions, color spaces or absolutely without any graphics. Not only surfers but also SEARCH ENGINE ROBOTS browse the Internet and these are very important for the web master because they draw traffic to the sites which are readable for them - they can read only text. An example of what you should never do: Put a big image map on the home page. It may be nice but the long download time will make the majority of the surfers stop the transfer and go somewhere else and search engine robots will not be able to understand the content of the page. Always include some alternate text to your images. Always use WIDTH and HEIGHT specifiers for images. (Weboardo does the last two for you. However if you want to change the standard alternate text from the file name of the image to something different, you must use TAG settings window.) Use titles for your pages, these are very important for search engines and the surfer can see where he is immediately. Include the name of the WebSite in the title because the surfer may have got to your page from another site through a link and may not know where he is. "Price list" is an example of a bad title. "Price list of ... Inc." says more. Don't write very long pages and try to say the most important thing at the beginning of the page. According to one survey only 10% of surfers scroll the contents of browser windows when they come to a new site and it is serious. The first page that the surfer comes to could be any, so put information about your site and link to "home" on all your pages. Try to write short paragraphs. Background imageYou may use background images in Weboardo but use them wisely. A nice background image can improve the appearance of the page a bit but an unsuitable image can make the page absolutely unreadable. The background image should always be in very strong contrast with the text.
Nonbreakable spaceIn HTML any number of white spaces (spaces, tabs, enters) means one space. That's why Weboardo doesn't allow you to enter more than one space at one position because otherwise the appearance of the page in Weboardo would differ from the one in a browser. A line can break at any white space. It may be inconvenient in some cases when you want two or more words, images, etc. to remain next to each other, e.g. parts of date. In these cases you use nonbreakable space (" " in HTML). They appear as a normal space but the line does not break at them. Example in HTML:text which won't be broken This text will (almost) always stay on one line. 'Almost always' because in some cases such as when the text is longer than the width of the browser window - the browser may break it. Nonbreakable spaces are not white spaces so you can enter any number of them next to each other. In Weboardo a nonbreakable space looks like a small rectangle (the same as if you press a key for which the current font does not have a character). You can enter them by pressing <SHIFT+SPACE>. Weboardo automatically converts them to " " for you.
HeadingHTML recognizes 6 sizes of heading; H1 - the biggest - used usually for page headings, through H2, H3, H4, H5, used for less important headings, to H6 - the smallest - used for copyright notes, etc.Examples: This is H1 textThis is H2 textThis is H3 textThis is H4 textThis is H5 textThis is H6 textPhysical fontPhysical fonts are fonts where you specify HOW they should APPEAR. You can use Bold text, Bold italics text, Italics text, Underlined text, Fixed text, Big text, Small text andLogical fontLogical fonts are fonts where you specify WHAT is WRITTEN in the font. You can use Embed or Strong embed, Definition,Code, Sample, Keyboard input, Variable or command or Cite. Then it depends on the browser how it will appear.
HyperText link/targetHyperText link is a link which, when you click on it, transmits you to the target. The target may be on the same page, on a different page or it may be a page stored on a server on the other side of the Earth. When you create a link you must enter the address where the link leads to. If the target is a page the address is the path to that page. If the target is one particular position on a page the address is "path_to_the_page#name_of_the_target" e. g. "http://www.someserver.com/support/index.html#Drivers". If you want to point to a particular position on a page there must be a link target. HyperText link/target can appear as a text or an image. In Weboardo you enter HyperText link/target from the menu or by pressing <ALT+H>. Then TAG settings window is displayed. Only now can you specify if you want to insert a link, a target or both. According to this you enter the link and/or the link target name. The link/target is created. Now you can enter a text to describe the target or you may insert an image <CTRL+ALT+I>.Example: Contents ImageFirst of all, a warning: DON'T USE LARGE IMAGES. If you need to use one put a thumb-nail of it with a link to the big one on the page and if the surfer wants to see it full size, let him follow the link. Always include an alternate text to images so that even search engines and text based browsers can find out what's there. Use WIDTH and HEIGHT specifiers for all your images (you don't need to do it manually, Weboardo does it for you). In Weboardo you can insert an image using menu or pressing <CTRL+ALT+I>. Choose the image file, then TAG setting window displays - you can change the alternate text for the image there. The standard alternate text is the file name of the image.
Fixed line breakText is normally broken at the right margin of the window. If you want to break line on a particular place insert Fixed line break - either from the menu or by pressing <ENTER>.Example: text before fixed line break text after fixed line break ParagraphWrite text in paragraphs and keep them short so that it is easy to read them. You can insert a new paragraph from the menu or by pressing <ALT+P>.Example: text before end of paragraph text after end of paragraph
ListsUnordered listAn unordered list is used when you have a list of subjects which don't have any particular order. It is displayed with a wider left margin and before every item a mark is drawn. The mark differs according to the level of the list - several lists can be inside each other - and according to which browser you use, so don't rely on the appearance of the marks.Example:
Ordered listAn ordered list is used when you have a list of subjects which have a particular order. It is displayed with a wider left margin too, but instead of marks there are numbers or letters. Also this list can contain other lists, even unordered ones.Example:
Definition listA definition list is used when you have a list of definitions and explanations of them. Every item of a definition list has two parts - name, phrase, etc. and definition. The name appears at the left margin and the definition is displayed on the next line with a wider left margin. Definition lists can't contain any lists.Example:
In Weboardo you can insert a list from the menu or by pressing <CTRL+ALT+U> for an unordered list, <CTRL+ALT+O> for an ordered list and <CTRL+ALT+D> for a definition list. You can add items to the list by pressing <TAB>. Unordered and ordered lists can contain other lists (of both types), just place the cursor where you want to insert another level of list and insert the list that you want. Example:
OthersCenteringYou can center everything you enter by inserting Center either from the menu or by pressing <CTRL+ALT+C>.Example: BlockquoteIf you want everything you enter to be placed on screen with wide margins you insert Blockquote from the menu or by pressing <CTRL+ALT+B>.Example: Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Blockquoted text Horizontal lineHorizontal line is exactly what it means. A gray horizontal line is usually used as a separator. If you want your pages to look good don't use it. You can enter horizontal line from the menu or by pressing <CTRL+ALT+H>Example:
|