Beerwin's World of Stuff

things for, on and about web

Newsflash

Due to lack of interest in my destop projects (PlainHTML, ShutDownerXP, and newly, WE editor), i decided to shut down all activity regarding desktop projects, this time for good.

In the meantime, i've found my code editor of choice, in the great Eclipse editor, so this is another reason not to develop "yet another web editor". Many third-party components used in my projects are too much buggy, to continue development, some of them outdated, and i don't have time to fix them all. It's a waste of my time, and it will lead to nothing. I'm committing my time to PHP development from this time forward.

The BWS project will be cut down to a minimum, and the forum section will be shut down. I will archive the site, and remove pretty much everything not related to PHP development and web design.

I am introducing a new feature: Logging in with GMail account credentials.

I believe, this will be a good idea, since it won't require to register on the BWS site.

I began to upload some new kind of stuff, widening the content scope of this site. When new information is too valuable to be collected by different content bots, i will put them behind authentication.

User accounts created for the forum are member accounts, thus enabling for you to see these internal articles.

Sign Up here for free!

There is a new template available on BWS: Silver Plating

This is a new template for larger sites, portals, community sites, galleries, etc.

 

 

I want to see it

Old web templates were dropped, because they are out-of-date did not comply with today's standards, and many more reasons.

Those templates will not be available anymore.

Community

HomeResourcesWeb DesignWhat you shouldn't ever do on your CMS based website

What you shouldn't ever do on your CMS based website

CMS means Content Management System (meaning: you can add, change, remove content from your site, with simple word processing knowledge)

This article assumes that you have a minimal knowledge in editing CMS based websites, resizing and uploading images, word processing.

You probably got your website ready made by either a professional web design company, either you got it from a free web service provider, it may have a facility that lets you add new content to your page without any technical (meaning programming/HTML, CSS) skills.

This is a very good thing, BUT it has drawbacks. I will explain them below.

1. Bad formatting

A site is looking exceptional, the text in it is well formatted, so visually is OK, until someone creates a new article, or changes an existing one, and tries to format the text.

This is a badly formatted text in this design and context

Don't try to format the text, even if your editor lets you do it. Never change the font color, or background color, unless you know about colors and how they look with each other, and which color is suitable in the current color scheme/design. If the editor offers you styles in a dropdown list (usually it has a "Styles" text inside it), please be a bit 'lazy' and use it. Styles are usually provided by the web design company or built into the CMS system. Styles provided in this manner usually are following the overall site style and are in harmony with other site elements.

With Styles use only the Bold, Italics, sometimes Underline, predefined formats(paragraphs, headings, pre, code, etc.) and the alignment options, lists (numbered or bulleted), indentation.

2. Content created with word processor software, Spreadsheet software (Microsoft Office Word, Excel, Openoffice Write, Calc, etc. )

Never _EVER_ paste content directly from word processor software and spreadsheet software (neither from PowerPoint). WHY? Word processors and Spreadsheets use their own styling and proprietary formatting solutions, which are not always compatible with web standards, and very often bloated.

With compatibility are coming problems like the site design falls apart, bad formatting, ugly stuff, missing images, etc. Do you know what i'm talking about, am i right?

The second bad thing: word processors are using bloated techniques for formatting (nothing wrong with them, those tecnhiques are ensuring quality in word processing) which INCREASE the size of the downloaded page. Two lines of Excel tables (roughly 500 bytes(characters) of useful information) took over 800 KB (approx. 800.0000 characters). I know this is an extreme example, but the 800 KB of garbage is still there, even if you insert 1000 table rows or a dozen of paragraphs. This will increase the download time of your pages to almost triple or even quad (depending on how compact is your site's design and structure). There are some editors which strip the extra garbage from the pasted info, but som meta information still remains in the inserted code, and that's what really can mess up you webpage.

If you have previously created materials, written text, copy them from your word processor, paste it first into a plain text editor (PlainHTML (It has a plain text mode too), Windows Notepad, Notepad++, Notepad2 or any other), select it again in the plain text editor and paste into the online editor. The pasting and copying from a plain text editor gets rid of all formatting stuff created by the word processor, and you get the clean text only. After you inserted the cleaned up text into the online editor, you may format it again.

3. Badly inserted, wrongly sized, misshaped images.

 

coffee
It is ugly, isn't it?
If you have a visual editor in your site editor, it will allow you to insert images and to resize them AFTER they were inserted. There is nothing wrong with this function, it is rather welcome. The wrong is how one resizes them. The results may be distorted, pixelated images, and long download times for 'small thumbnails'. Some things that certainly will help yo in this:

Resize the images ON YOUR MACHINE first (Any decent image viewer has this function) to the intended size (they are nearly all below 1 MP).

If this isn't possible, or you wish to store you image as it is (although i don't recommend it if you ar thinking seriously about your online presence and page loading times), then just insert the image into the online editor, click it hold down the Shift key and resize the image. This ensures, that the image just resized won't be distorted, it's proportions will be kept.

 

If you keep these in your mind when updating your site, your site will always shine as new and will look as it was dreamt.

 


Discuss this article
You need to log in or register to participate in this discussion.

Latest news

From the blog