Nov 22, 2009

Finishing The Look Of Your Newly Install Web Script - Cleaning up your CMS, Forum, Blog, Gallery Scripts

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > How-To's and Tutorials > Websites and Web Designing

Finishing The Look Of Your Newly Install Web Script - Cleaning up your CMS, Forum, Blog, Gallery Scripts

vujsa
Most third party webscript come complete with a standard template, color scheme, graphics set, logo, favicon, and of course a copyright notice.

Since most of these scripts are open source these days, we have a lot of room to modify the original script as long as we don't redistribute the modified script.* In fact, even for most paid scripts, we are allowed to modify the script to suit our needs. It would be nearly impossible to stop most of us from making such modifications.

Here is a list of things you should change to complete the installation of your website.
  1. Template
    The template has more influence on the appearence of your site than any other component.
    1. Search for and view ready made templates for your web script.
      • Check the homepage of the web script you are using. There will probably be a list of submitted templates that are ready to use.
        The downside to this is that many of these homepages don't offer a way of previewing the template without installing it on your website.
      • Run a search engine query for your scripts templates.
        Remember that templates may be refered to as many things.
        - myscript skins
        - myscript templates
        - myscript themes
      • Try to find site similar to your site for ideas that work.
        This doesn't meen copy the cloesest site you can find. Check for other sites using the same script as you or providing similar content as you. If your website is about books, a website about magazines may provide you with ideas.
    2. Using a wysiwyg editor, make a rough draft of the way you want your website to look.
      Just try to get all of the content blocks in roughly the right spot. You can use the editor to quickly change various component colors to find a color scheme that you like.
    3. Edit the template files to customize the page for your final needs.
      In many cases, your template core files may need to be alterd to get the right look. Most web scripts weren't designed to easily move a component from one place to another on the page. This would require you to modify the file as a result.
    4. If all else fails, using a basic template, designa new template on your own.
      This can vary in difficulty depending on the script you are using. Something like Mambo or Joomla is very easy since there is only one template file and it is 95% HTML. A forum template may have dozens of template files and be 45% HTML and 55% PHP.
  2. CSS
    Once you have the layout you want from the template you chose or designed, you'll want to customize the CSS. The Cascading Style Sheet (CSS) is an extention of the template set. Without it, the template will not work. The CSS controls all of the color information as well as the positioning and size of the various components on the page. As a result, simply changing or writting a new CSS for your template would drastically change the look of your website.
    1. Here is where that wysiwyg editor really comes in.
      Most wysiwyg editors have really nice color choosing features which will make the process go a lot faster.
    2. Make several different CSS versions.
      Once you have a CSS that makes your template look the way you want it to, us it as the basis for a second or third CSS file. You can then quickly compare color schemes and styles to pick the most suitable look.
  3. Graphics
    By now you have noticed that the graphics that came with your template may no longer match the rest of your site. If you have made major color alterations to your site, then the graphics are probably the wrong colors.
    1. Make a backup of the default template graphics.
    2. Make your graphics fit your colors cheme and layout.
      You have two options for doing this.
      • Alter the default graphics to match your website's look.
      • Design new graphics to match your website's look.
      If you choose to design new graphics, you may find it helpfull to visit a clipart and icon website to get inspiration and more importantly artwork. Why bother spending hours designig a new people icon when there are thousands that are already made. You can then concentrate on the parts of the graphics that effect the look of your website. Basically, if you want to design a new "members" button, use a stock people icon on your new button background.
  4. Logo
    Your log is what tells everyone that visits your site what our site is about. If your site is about your company, then the site logo should use your company's logo. If your website is your company, then the logo should convey the purpose of the website. You want to gain the interest of your visitors right from the start. Be sure that you logo matches the look of your website. Also, make sure that your website matches your logo. This is where paople make a lot of mistakes in the design of their website.
  5. Fav Icon
    The favicon is an image that is displayed in the browser bookmarks next to the bookmark, in the browser address bar when the page is viewed, and on the browser tab next to the website name in tab browsing capable web browsers. This is usually a much smaller and more simplified version of your logo.
    You really need to change the defult favicon that comes with youe web script. At the very least, delete or rename the default favicon. It tells your visitors that your page is unfinished if it doesn't match the rest of the website.
  6. Copyright
    The copyright notice or the powered by notice in the footer of most web scripts can be removed in many cases. The relly depends on the scripts author but if the script is distributed under the GNU/GPL license, the powered by notice can almost always be removed from the footer area. The GNU/GPL license usually allows for the removal of the copywrite notice located in the footer area of the website. Under no circumstance can you ever remove the copyright notice located in the source files of the web script you are using. There may be restrictions that won't allow you to remove a "page generated by myscript" from the meta tags of your site.
    I highly recommend that you contact the developer of the script that you are using a ask for the specifica regarding the removal of such notices. Being able to remove these notices will give your website a more professional and unique look.

Just by making slight adjustments to each of the items in the list will really polish the look of your website. Sometimes the smallest change is the one that effects the user the most. It could be by making a popular link easier to find or highlighing an important area or the page.
Some of you may have very successful websites already and are afraid to make these kinds of changes. You can make slight adjustments of a longer period of time to prevent update shock to your users. Maybe once a week chance one little thing. Just be sure that what you change this week will still match everything on your website. For example, if you intend to use new graphics, but haven't changed the colors of your website yet; make new, temporary graphics that match the old colors until you are ready for the new colors.

While the default components of your web script may look very good, remember that there are a lot of lazy people out there that would have a website that looks identical to yours. Then instead of a Joe's Cars Website, you'd just have another myscipt website for Joe's Cars. Individuallity is the key to sucess here.

I hope this is useful to someone. cool.gif

vujsa



*Actually many open source scripts allow for the redistibution of the modified script and allow for a fee to be charged for the changes only. For more information, see the details of the GNU/GPL License.


 

 

 


Comment/Reply (w/o sign-up)

OpaQue
Also, After you finish up your templates and CSS part. Do check your site in these major browsers :-

1. Internet Explorer (1st Priority)
2. Firefox (2nd Priority)
3. Opera

The priorities have been given according to the Percentage of browser software used by the visitors of Trap17.com. smile.gif

Comment/Reply (w/o sign-up)

FeedBacker
Nice n site
Finishing The Look Of Your Newly Install Web Script

Hello, Your site is great. <a href="http://www.Abra2.Com">abra2</a> [url=http://www.Abra3.Com]abra3[/url] http://www.Abra1.Com [URL]http://www.Abra4.Com[/URL] Regards, Valiintino Guxxi

-feedback by Valintino

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : finishing, newly, install, web, script, cleaning, cms, forum, blog, gallery, scripts

  1. How To Backup Your Phpbb2 Forum And Restore It On A Phpbb3 Server.
    A step-by-step tutorial for testing your backup and perform an upgrade (1)
  2. How To Create A Good Forum
    Step by step instructions (25)
    Introduction After looking around a bit, I managed to find numerous tutorials on how to
    create a good web site. But most of them talk about developing a template and/or managing a (static)
    web site. Next, there are few of them that deal with Content Management Systems, and even less
    tutorials mentioning forums (and if they do, it's pretty raw, in my opinion). So that's what
    I'm going to deal with – forums – or better to say, bulleting board systems (BBS) . What is a
    forum? A forum, also referred to as a message board , is a way of communication....
  3. CuteNews: PHP-based Blog System - No MySQL
    (11)
    I don't know if you guys have heard about CuteNews, but I think it's an awesome blogging
    system. If you don't know where to get it or how to set it up, here is a quick run-down.
    Download the zip file (virus free) from http://www.mysharebox.com/dl.php?key=8276639 . 1) Unzip
    the file. 2) Make a folder titled "cutenews". 3) Upload the contents of the cutenews folder into the
    one you've just created. 4) CHMOD the file index.php to 777. 5) CHMOD the folder "data" to 777.
    6) Then CHMOD all the files and folders inside of "data" to 777. 7) Go to http://YO....
  4. How To Install S9y Weblog Software
    (0)
    Right , here's my guide at how to install S9Y ( www.s9y.org ) 1. Download the version of S9Y
    you want from the website above 2. Extract the rar file 3.Upload all the files to a Web host 4.
    Go to you domain/subdomain , also at this point make sure all the files are CHMOD 775 5. S9Y's
    Installer should start and give you an overview of you system's setup 6. Make sure there is
    nothing in red and click Simple Install 7. Fill in all the spaces , with you Database name ,
    Password , etc ... From here on S9Y is very easy to set-up ! Just use it as you ....
  5. Add A Forum To Your Site
    A guide to adding discussion forums to your site (23)
    QUOTE When you’re setting up a site using CSS, it’s a good idea to do a little planning ahead
    and think how you’ll be using your styles, otherwise you could end up spending much more time later.
    As a case in point – for a site I’ve recently built, a basic style sheet was put together, with
    entries for matters like headlines, section headings, item headings and so on. When it came to forms
    on the site that needed headings next to the data entry boxes, the logical choice was the item
    headings style. It helped maintain a consistent look across the site, but it came bac....
  6. Mambo-Invision Power Board Bridge Advanced Install
    IPB4Mambo Installation Instructions (4)
    Here is a tutorial I did for Antilost.com. Thought it might be useful here as well. Original Post
    QUOTE (vujsa @ www.AntiLost.com - May 13 2005 @ 12:31 AM) Tutorial Finished! Here
    is the deal, the original release of invision4mambo is no longer supported by the individual that
    developed it.  Additionally, the bridge was written for Mambo 4.5.1 but doesn't work for Mambo
    4.5.2.  The installation method for invision4mambo is what causes the bridge not to work for
    newer versions of Mambo.  This is caused by original Mambo files being completely ....
  7. Smf - Asta Style!
    Forum systems are go! (11)
    So your not too happy with your current Bulletin Board System or are just wanting one, well this
    guide has insructions on setting up SMF in a very astahost way. First you need to actually find
    and learn about SMF, you can see there forum at http://www.simplemachines.org/community/index.php
    youll see its working blindingly fast. It can handle a lot more and that has be proven, for instance
    a Liverpool FC fan club, look at the stats at the bottom /ohmy.gif" style="vertical-align:middle"
    emoid=":o" border="0" alt="ohmy.gif" /> next what about a brimmingly full forum ....

    1. Looking for finishing, newly, install, web, script, cleaning, cms, forum, blog, gallery, scripts

See Also,

*SIMILAR VIDEOS*
Searching Video's for finishing, newly, install, web, script, cleaning, cms, forum, blog, gallery, scripts
advertisement



Finishing The Look Of Your Newly Install Web Script - Cleaning up your CMS, Forum, Blog, Gallery Scripts

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com