Articles of interest & Assistance


How email Works

When you send and receive email, you use an email client which allows you to create and interact with emails from other computer users. Your email client can be web-based, meaning you check it through your web browser (examples include Hotmail, Gmail, or Yahoo Mail) or it can be an application on your computer (like Outlook, Thunderbird or Mail).

How email Works

Here’s a basic explanation of how email works:

  • The sender composes a message using the email client on their computer.

  • When the user sends the message, the email text and attachments are uploaded to the SMTP (Simple Mail Transfer Protocol) server as outgoing mail.
    All outgoing messages wait in the outgoing mail queue while the SMTP server communicates with the DNS (Domain Name Server–like a phone book for domain names and server IP addresses) to find out where the recipient’s email server is located.

  • If the SMTP server finds the recipient’s email server, it will transfer the message and attachments.

  • If the recipient’s server can’t be found, the sender will get a “Mail Failure” notification in their inbox.

  • The next time the recipient clicks “Send & Receive,” their email client will download all new messages from their own email server. You’ve got mail!


How to setup your 24Web email


Outlook for Office 365


Mac Mail

OS X ElCap&Mojave

OS X Yosemite

Thunderbird for Mac

Outlook 2016 for Mac

Outlook 2011 for Mac

Mobile Devices




Our Design Process

A professional, attractive, and easy to use website is essential.

Our websites are designed to bring you results while remaining affordable.

We work closely with you to create a website, in a search engine (SEO) and Social Media (SMO) friendly manner, that will ensure your website stands out from the competition in both design and internet traffic. Whether you require us to create a brand new website from scratch or redo your existing website, we can provide you with unsurpassed customer service and quality web solutions that meet your vision and goals.

Your website is an investment that must deliver results. We work with individuals, start-ups, small and large companies alike to design websites that brings them results and return on investment (ROI) while still remaining within their available budget. You can benefit from not just our web design work, but also our experience in graphic design, web development, search engine optimization (SEO) and Social Media Marketing (SMO).

Just having a website isn’t enough any more, we strive to deliver a website that will bring the world of potential clients to your site and call them to action. We achieve this by working closely with Media Marketers and SEO experts.

We ensure that we build in all the necessary web design elements, search engine optimisation features and social media integration components that is required for it to be easily found by people searching for your products or services. Once found, our web design compels the visitor to make contact or purchase your service or product offering.

The Process:

In our initial research phase, we will listen, learn and process what sets your company apart from your competition and how best to present your company, through your website, to the word. We will collect all the available media you would like us to include on your website, eg. Write-ups, pictures, brochures, logos, videos, etc., and will discuss initial design layout options, look and feel and colour schemes for your website.

A sandbox area will be hosted for your website on one of 24Web Design Studio’s servers where you can monitor, via the internet, the progress as we design the initial framework of your website. It is also from this sandbox area that you will be afforded the opportunity to comment and request changes in any aspect of the design as the project progresses.

Only once you are completely satisfied with the design and the features of your website in the 24web design studio’s sandbox area, will we proceed to publish and make your website visible to the internet and thereby the world.

Once published to your chosen and hosted domain (web address) on the World Wide Web will we proceed to introducing your website to the relevant search engines such as Google, Yahoo, Bing est.

You may at any time contact us for any additional features, changes or advice you may need in connection with your website and we will gladly oblige your every need no matter how small or large.

The Pricing Model:

We at 24web design studio believe that every one of our clients is unique and therefore we have structured our pricing model to reflect this belief.

Our 24web design studio pricing works on a set of base packages to which we allow you to add any additional modules. Once you have any of our base custom design packages you are free to peruse our ever increasing list of additional modules. You can request for addition modules to be added to your website at any time.

All clients that have specific or extensive needs for their intended website can contact us and we will workout a tailored package deal that fits your specific requirements and budget.
See our product price list


Web Design

Web design’s many different skills

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all. The term web design is normally used to describe the design process relating to the front-end (client side) design of a website including writing mark up. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and if their role involves creating mark up then they are also expected to be up to date with web accessibility guidelines.

Motion graphics

The page layout and user interface may also be affected by the use of motion graphics. The choice of whether or not to use motion graphics may depend on the target market for the website.

Motion graphics may be expected or at least better received with an entertainment-oriented website. However, a website target audience with a more serious or formal interest (such as business, community, or government) might find animations unnecessary and distracting if only for entertainment or decoration purposes.

This doesn’t mean that more serious content couldn’t be enhanced with animated or video presentations that is relevant to the content. In either case, motion graphic design may make the difference between more effective visuals or distracting visuals.

Motion graphics that are not initiated by the site visitor can produce accessibility issues. The World Wide Web consortium accessibility standards require that site visitors be able to disable the animations.

Quality of code

Website designers may consider it to be good practice to conform to standards. This is usually done via a description specifying what the element is doing.

Failure to conform to standards may not make a website unusable or error prone, but standards can relate to the correct layout of pages for readability as well making sure coded elements are closed appropriately. This includes errors in code, more organized layout for code, and making sure IDs and classes are identified properly.

Poorly-coded pages are sometimes colloquially called tag soup. Validating via W3C can only be done when a correct DOCTYPE declaration is made, which is used to highlight errors in code. The system identifies the errors and areas that do not conform to web design standards. This information can then be corrected by the designer.

Page layout

Part of the user interface design is affected by the quality of the page layout. For example, a designer may consider whether the site’s page layout should remain consistent on different pages when designing the layout.

Page pixel width may also be considered vital for aligning objects in the layout design. The most popular fixed-width websites generally have the same set width to match the current most popular browser window, at the current most popular screen resolution, on the current most popular monitor size. Most pages are also center-aligned for concerns of aesthetics on larger screens.

Fluid layouts increased in popularity around 2000 as an alternative to HTML-table-based layouts and grid-based design in both page layout design principle and in coding technique, but were very slow to be adopted. This was due to considerations of screen reading devices and varying windows sizes which designers have no control over.

Accordingly, a design may be broken down into units (sidebars, content blocks, embedded advertising areas, navigation areas) that are sent to the browser and which will be fitted into the display window by the browser, as best it can. As the browser does recognize the details of the reader’s screen (window size, font size relative to window etc.) the browser can make user-specific layout adjustments to fluid layouts, but not fixed-width layouts.

Although such a display may often change the relative position of major content units, sidebars may be displaced below body text rather than to the side of it. This is a more flexible display than a hard-coded grid-based layout that doesn’t fit the device window. In particular, the relative position of content blocks may change while leaving the content within the block unaffected. This also minimizes the user’s need to horizontally scroll the page.

Responsive Web Design is a newer approach, based on CSS3, and a deeper level of per-device specification within the page’s stylesheet through an enhanced use of the CSS @media rule.


Web designers may choose to limit the variety of website typefaces to only a few which are of a similar style, instead of using a wide range of typefaces or type styles. Most browsers recognize a specific number of safe fonts, which designers mainly use in order to avoid complications.

Font downloading was later included in the CSS3 fonts module and has since been implemented in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. This has subsequently increased interest in web typography, as well as the usage of font downloading.

Most site layouts incorporate negative space to break the text up into paragraphs and also avoid center-aligned text.

User experience & interactive design

User understanding of the content of a website often depends on user understanding of how the website works. This is part of the user experience design. User experience is related to layout, clear instructions and labeling on a website. How well a user understands how they can interact on a site may also depend on the interactive design of the site.

If a user perceives the usefulness of the website, they are more likely to continue using it. Users who are skilled and well versed with website use may find a more unique, yet less intuitive or less user-friendly website interface useful nonetheless. However, users with less experience are less likely to see the advantages or usefulness of a less intuitive website interface. This drives the trend for a more universal user experience and ease of access to accommodate as many users as possible regardless of user skill.

Much of the user experience design and interactive design are considered in the user interface design.

Advanced interactive functions may require plug-ins if not advanced coding language skills. Choosing whether or not to use interactivity that requires plug-ins is a critical decision in user experience design. If the plug-in doesn’t come pre-installed with most browsers, there’s a risk that the user will have neither the know how or the patience to install a plug-in just to access the content. If the function requires advanced coding language skills, it may be too costly in either time or money to code compared to the amount of enhancement the function will add to the user experience. There’s also a risk that advanced interactivity may be incompatible with older browsers or hardware configurations.

Publishing a function that doesn’t work reliably is potentially worse for the user experience than making no attempt. It depends on the target audience if it’s likely to be needed or worth any risks.

Marketing & communication design

Marketing and communication design on a website may identify what works for its target market. This can be an age group or particular strand of culture; thus the designer may understand the trends of its audience. Designers may also understand the type of website they are designing, meaning, for example, that (B2B) business-to-business website design considerations might differ greatly from a consumer targeted website such as a retail or entertainment website. Careful consideration might be made to ensure that the aesthetics or overall design of a site do not clash with the clarity and accuracy of the content or the ease of web navigation, especially on a B2B website.

Designers may also consider the reputation of the owner or business the site is representing to make sure they are portrayed favourably.

extract from “Web design – wikipedia ” – Full article here

A great website design start with proper planning, and ends with great customer service and satisfaction