Jack is Here, asp.net findings

As a software engineer, I focus on .NET, especially asp.net, C#, WCF and so on, and I am also very interested in Search Engine Optimization.

Entries for the ‘css tutorial’ Category

Making Minisites With Joomla Cms

While almost everyone has heard of minisites by now if you know anything about internet marketing, very few people have considered using an open source and free CMS or content managment system, like Mambo or Joomla, which is based on Mambo code, to produce minisites.

What are the advantages of using a CMS like Joomla to rapidly make and deploy minisites on the internet?

1. Joomla is easy to use and you can use thousands of free CSS based templates that support the latest standards and have a site up in hours, not days.

2. Joomla support easy wysiwyg or what you see is what you get visual editors that allow you to set up and add content to a site as easily as using a word processor on your desktop computer. What this means is that your site supports the latest web 2.0 standards and can grow in content easily and quickly without redeveloping your website from scratch.

3. Joomla has thousands of extensions and you can easily produce websites that rival sites costing tens of thousands of dollars for nothing. You can easily add membership sites, photo galleries, streaming video, audio, chat, and forums as well as rich blogs. In short, everything to make your site “sticky” and keep bringing back those visitors over and over again.

4. Joomla makes changing the look of your site a snap, since you can change your template and quickly change the look and feel of your website in just minutes, allowing you to freshen up your site every once in a while.

5. Joomla is continuously updated and is now releasing a beta version called 1.5. Most people are still working on 1.03 or so, but it is nice to know that future upgrades are available.

6. Joomla is well supported by many Hosting services now, and is able to be installed by Fantastico scripts with just one click. There is a user manual and several video packages that show you how to make templates and set up membership sites for profit.

7. Joomla and most of it’s extensions or add ons are free and open source so it is cheap to get a very professional web presence on the internet.

For all the advantages, it will take a few weeks to get used to the new methodology of using a CMS to manage and deploy your websites unless you are used to making websites from your browser. Once you get the hang of it however, you never want to go back to the slow laborious system of desktop website creation and uploading.

I recommend you go to one of the sites called Joomlatutorials.com and go through the tutorials right after installing Joomla and before you do any work on your own site. Basically, you start with a template that you get for free at the largest free site template repository called www.joomla24.com. They have over 1,500 free templates you can start with. Alternatively, you can go with one of the many commercial template companies that offer a variety of paid templates that you can modify and make into your site.

Once you select the template, you must change the permissions on your template and media areas of your template section in Joomla under your public html directory so that you can make changes to the appropriate template and files.

You do this either within joomla or most often, from cpanel using your file manager functions and set the file permissions to 777 for the folders and 666 for files.

You must get a log in from your hosting company after installation so that you can go into the administrators section that you manage and build the site from and make changes and add content to the site.

After you log in, you go to the templates section in the site manager and click on new.

Then you have a dialog that prompts you to browse your computer and select the site template that have presented in ZIP format and upload the template on your site. After a few minutes if it is successful, and she tells you, yes, and then click Next. Then your website template will work with the other standard templates is listed. Click the radio button to select the template that you installed the default template.

Then click on the radio to select the default template, and then click HTML in the HTML template to edit for the page. They are for the control of images on the page. They usually start with the word
You must be sure the graphic is slightly smaller than the size, so that the header graphic or logo is displayed without messed up the format of the template or page. You need to upload using an FTP program like Transmit or Filezilla the image file that you want to use for your logo or header image. Once you have the Joomla folder into the public html folder, you must click on it to find the template folder. Inside that there is a picture folder. You need to upload your chosen image into that folder. There should be. Jpg or. Gif file in the same format as that used in the template, if possible. Once the image appears in the file, the next task is to upload the HTML code into the HTML file, modify and replace with the name of the image. Then drag when you show your www.sitename / joomla your front page of your graphic logo or header file.

Next, you must click the buttons on the front page, you do not need to unpublish. They enter the Main Menu and unpublish section is anything but the Home button. You must go to Joomla Extensions page and go to section menu and a menu extension, which you will find pictures and other files to your menus. Then the appropriate file extension will be ready when it's time for your menu link, which is the last step in setting up your website.

One thing you can do now is figure out what extensions or extras you will need on your website. You can just have a straight minisite but you will do better in the search engines and in the eyes of your visitors if you have a theme based content site and not just a sales page. If you add a chat client, a forum, and a blog to your site then you will find that your visitors become involved with the site and keep returning. The more they are on your site, the greater the chance they will buy what you have to offer, be it an affiliate offer, an ebook, or a membership.

Check each section of the extensions. Especially the graphics section where all the banner advertising extensions are. You can monetize the site with banners and/or text ads that will bring additional money onto the site. It is true that if you use adsense on your site, your site will show up in the search engines sooner. There are several adsense modules. You will need to add docman or Remository if you will be setting up files for download on your site. Community builder or AEC will serve you well if you are setting up a membership site. You will need One of the wsiwyg content editors in the content and news section so that you can edit your pages easily and quickly. You must set up your wysiwyg editor as your default editor for Joomla. Then when you go to add content, you can easily and quickly edit your pages. You should go to the Blog section and add X-Blogg for editing your blog offline and download one of the blog programs for easily setting up and running a blog from your site. You will need to add one of the payment processors and/or a shopping cart for your site if you will be selling products from your site. Once you have added all the extensions, be it a component, module, or mambot you are ready to go to the next step.

Next, you will begin the sections you need in your site. Then you'll categories to add the sections until you have split your website into an organized unit. Then you will edit the first page with the content editor and the WYSIWYG editor have made the default content editor. You add images, and add items, so that everything is done to your satisfaction. Use surveys, banners, and the Adsense or other text ads for your affiliate programs on the front page on a rotating banner ad or rotating schedule. So you can track where most of your sales are coming from. Keep adding articles and other sections of your page until it is finished. Do not forget to add, sales pages for each product or affiliate opportunities you promote. Then paste

Once that is all set up check all your images and your spelling for all your articles. Check your links and make sure that everything is in order. Make sure your shopping Cart is working properly by adding a sample products and ordering them. Make sure that any forms are working properly to add your visitors to your opt in list.

Add your newsletter buttons and set up your mailings. Set up your autoresponders for any orders or requests for you newsletters. I suggest you set up your newsletters in an archive section on your site so that people can download them from the site in case their email Spam filter eats your newsletter.

Once everything looks good publish your pages.

Congratulations, your site is now live. Write in your area of expertise, two articles a day, you will have circulated the Internet in 1001 all income you have the time to make money articles. You only need to submit an article directory and add a signature file that you mentioned your experience and the main site. As I said, if hundreds of websites to do so you will soon see a flood of traffic to your website, and follow the money! Joomla holiday greetings!

How To Style WordPress 2.5

It’s soon going to be time to redesign my web site for the “Web 2.0 Age.” I have seriously looked at two platforms, Drupal and Joomla, with which to accomplish this.

Drupal and Joomla offer comprehensive packages that, in the case of Drupal, includes a blog and forum as core modules. Theming these platforms can be accomplished through both CSS (Cascading Style Sheets) and PHP (Personal Home Page or PHP: Hypertext Preprocessor) code modifications. However, these platforms are complex and learning enough to install, manage, and customize these platforms can be a daunting task.

After studying the two platforms, including using them both on my test bed platform and on the Internet, I decided to take a look at WordPress as a possible solution to my future Web needs. I was surprised to discover that the latest version of WordPress is easy to install, easy to use, and easy to theme.

In this article, I will describe how to customize WordPress 2.5.

STYLING WORDPRESS — THE JAKOB DESIGN

The current design for my personal web site, SelectDigitals.com, is based on work and philosophy of Jakob Nielsen , http://www.useit.com/. Nielsen’s work has been dedicated to making usable web sites that deliver content that is easy to find and easy to read.

Nielsen's site design (and my site is with permission) is simple and elegant, and the main purpose of content delivery. WordPress is the main purpose of content delivery. So, my first WordPress design is the added feature of interactivity and visitors to maintain the appearance, look and feel of our site and we are striving. I will be referred to as Jacob's designs for this purpose.

There are six major components that make up the look of the default WordPress blog:

1. Header Graphic,

2. Blog Title,

3. Tagline,

4. Page,

5. Background,and

6. Footer.

In order to make the Jakob blog load quickly, I decided not to use a header or footer graphic; and since the design will essentially be the default WordPress theme with a new coat, only a little graphic design work needs to be done. In fact, I only needed to create one graphic to to generate the blog page with it’s two column effect. The blog page will “float” centered in a dark-blue *body* background that will serve to frame the page.

Creating the Graphic

A look in the image directory for the default WordPress theme shows the default images used for the Kubrick look. For now, there is only one file of particular interest: kubrickbgwide.jpg. For the Jakob design, the other Kubrick images are not needed but will be needed for the “Fancy”, more complex design.

The blog’s page will be created from a “slice” through the center of the new design. The slice is a narrow image the width of the blog page.

I began my design by laying out a basic page (760px X 600px) in Adobe Illustrator. I like using Illustrator for artwork of this kind, although other programs could be used, too.

I filled the basic page with the page’s background color (not to be confused with the dark blue *body* background). The light background color will will “show-off” colored text, such as the blog’s title and tagline.

I overlayed the page with two rectangles, or “columns.” The left-hand, 510px-wide column is filled with a pastel yellow color; the right-hand column, 230px wide, is filled with a pastel blue color. The two columns fit within the basic page with a 10px border of page background around them.

In Illustrator, I then placed a 760px X 40px rectangle on the page and used this to make a slice. A slice is nothing more that a representative piece of a larger image, in this case, of the blog design. I saved the slice as kubrickbgwide.jpg. Kubrickbgwide.jpg will be used to generate the blog-page background. As new content is added to the blog page, copies of the slice will be stacked vertically to “grow” the two-column background. This is the only image needed by a browser to generate the blog’s home page. The Blog will, therefore, load very quickly.

Pretty easy so far, right? The rest of the design is accomplished through the theme’s CSS file and/or through the WordPress administrative interface.

CSS Changes

The default CSS file is in the WP content_themes_default directory. The following CSS text display code changes to style.css file. Before making any changes in the default CSS file, I always save the original copy. CSS file, and can open any text editor. The text will be removed as shown in square brackets. New or revised text will be displayed without brackets.

/* Begin Typography & Colors */

body {

[background: #d5d6d7 url('images/kubrickbgcolor.jpg');]

background: #636f89; /* Set the Body background color to blue */

}

#page {

[background-color: white;]

[border: 1px solid #959596;]

border:none;

}

[#header {

background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;

}

#headerimg {

margin: 7px 9px 0;

height: 192px;

width: 740px;

}]

#footer {

[background: #eee url('images/kubrickfooter.jpg') no-repeat top;]

background: #fffef2; /* Very light yellow */

}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg [.description] {

text-decoration: none;

[color: white;]

color:red; /* Make the title red */

padding-bottom: .5em; /* Put a little space between the title and tagline */

}

.description {

text-decoration: none;

color: blue; /* Make the tagline blue */

text-align: center;

}

/* End Typography & Colors */

/* Begin Structure */

#page {

[background-color: white;]

background-color: fffef2; /* Very light yellow */

[border: 1px solid #959596;]

border: none;

}

#header {

[background-color: #73a0c5;]

background-color: #fffef2; /* Very light yellow */

}

/* End Structure */

After making and saving these changes to the style.css file, the newly designed blog page is accomplished.

STYLING WORDPRESS — THE FANCY DRESS DESIGN

Although I like the simplicity of the James blog design, it will not appeal to everyone. Many people love

First of all, it should be noted that the background of the default WordPress page uses header (kubrickheader.jpg) and footer (kubrickfooter.jpg) graphics. These graphics are not filled with a solid color, as in the Jakob design, but with gradients. There also appears to be a very small drop shadow under the page.

Because of the complexity of the default page, additional graphics are required and, thus, more slices will be needed. Additionally, when a more complex body background is desired in which to “float” the page, a “seed” image for this might also be required (this is what the kubrickbgcolor.jpg image is for).

As before, I created a drawing of the blog page in Illustrator. The page, with rounded corners, floats on the default WordPress background, has a yellow gradient, and has a small drop shadow.

I first created a 760px X 600px rectangle on the Illustrator artboard. I filled this rectangle with the background color (C:8, M:6, Y:6, K:0).

Next, using the Rounded Rectangle Tool, I drew a 736px X 584px rectangle and filled it with the yellow gradient. Essentially, I made the page as large as possible within the background while leaving enough room for the drop shadow.

Finally, I gave the rounded rectangle a small drop shadow.

To ensure that the discs have fused perfectly into the body * is the background, I have a 60px X 60px square of the same background color (C: 8 M: 6 Y: 6 K: 0) and save it as kubrickbgcolor. jpg. The small picture will be used to

Creating the Slices

Using the Rectangle Tool, I placed a 760px X 200px rectangle on top of the layout described above. I positioned this rectangle at the top of the layout and used it to make a slice for the header graphic. Before doing this, I disabled stroke and fill.

I saved the slice as kubrickheader.jpg.

I created the footer and page slices in a similar fashion and renamed them as kubrickfooter.jpg and kubrickbgwide.jpg, respectively. Kubrickfooter.jpg is 760px X 63px and kubrickbgwide is 760px X 40px.

There are two other Kubrick images in the images directory: kubrickbg-ltr.jpg and kubrickbg-rtl.jpg (left to right, and right to left). These images are the same as kubrickbgwide.jpg. So, I made two copies of kubrickbgwide.jpg and renamed them accordingly.

CSS Changes

The default CSS file is in the wp-content_themes_default directory. The CSS text below shows the code changes to style.css. Square brackets show which code to delete and new code is shown without brackets. Before making the change, I copied and saved the original file. For the Fancy design, the CSS changes are minimal.

/* Begin Typography & Colors */

body {

[background: #d5d6d7 url('images/kubrickbgcolor.jpg');]

background: #e7e7e7 url(‘images/kubrickbgcolor.jpg’);

}

#page {

[background-color: white;]

[border: 1px solid #959596;]

}

#header {

[background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;]

background: #e7e7e7 url(‘images/kubrickheader.jpg’) no-repeat bottom center;

}

#footer {

[background: #eee url('images/kubrickfooter.jpg') no-repeat top;]

background: #e7e7e7 url(‘images/kubrickfooter.jpg’) no-repeat top;

}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg [description]{

[color: white;]

color:red; /* Make the blog title red */

padding-bottom: .5em; /* Put a little space between the title and tagline */

}

.description {

text-decoration: none;

color: blue; /* Make the blog tagline blue */

text-align: center;

}

/* End Typography & Colors */

/* Begin Structure */

#page {

[background-color: white;]

background-color: #e7e7e7;

[border: 1px solid #959596;]

border: none; }

#header {

[background-color: #73a0c5;]

background-color: #e7e7e7;

}

/* End Structure */

After the design and CSS work, the WordPress shows it’s new clothes to the whole Internet.

STYLING WORDPRESS — THE NO-GRAPHIC DESIGN

Nothing every goes wrong when a browser loads a page from the Internet, right? Even if this were, in fact, the case, it is still wise to consider how a page will display in case the graphics can’t be found.

In the case of Jakob-design, if not downloaded kubrickbgwide.jpg get, for some reason the page would not appear acceptable. Because of the bright background for the header and footer are used, they usually show on the dark blue background of the body are transmitted. However, the content is hard to read: it is almost lost in the dark blue background. A bright background for the body could have been a far wiser choice.

The creator of the Kubrick design solved this problem by assigning alternate background colors to be used if the graphics were not available. The assignments are made within the style.css file:

body { background: #d5d6d7 url(‘images/kubrickbgcolor.jpg’); }

#header { background: #73a0c5 url(‘images/kubrickheader.jpg’) no-repeat bottom center; }

#footer { background: #eee url(‘images/kubrickfooter.jpg’) no-repeat top; }

If the images are not available, the alternate RGB color value will be used.

If the graphics are not available, the default WordPress blog is still presentable and usable. For an initial page redesign, starting with the basic Kubrick design, without graphics, might be a good place to begin. This can be accomplished by simplifying the statements above:

body { background: #d5d6d7; }

#header { background: #73a0c5; }

#footer { background: #eee; }

The colors can then be changed to try out various blog color schemes. Just change the RGB color codes, save the CSS file, and refresh the browser to see the changes immediately.

Yours for a more successful blog,

Royce Tivel

How to Get Speedup on Hosting – Some Online Portals

It is easier not to start a hosting site. Small study that can help or full knowledge, as well as shopping for a new site, to manage it and we bought one once.

Some online resources providing good basic information are included in this piece of writing.

Website hosting is not comparable with our telephone services in which once purchased a plan and service starts. Inweb hosting there are some complication, both in buying and maintaining a website, as well as creating one is also small problem. Over anticipation into the process sometimes causes a problem as and when things do not go as smooth as they hoped. There are many resources offered by web for those who are not familiar with the basic terminology and processes. This piece of writing covers some of them and provides handy information.

For Beginners on Internet:

For those who are new to the Internet as well as don’t know much about website hosting, have to collect information about the both. The BBC with its “Web wise Online Course” is providing a fun visual guide to the complete basics of the Internet. This course is accessible in Flash as well as Text versions. Since the Flash version is more visually engaging, also the Flash plug-in is fairly simple to obtain if it is not installed earlier. Also a Web portal by name of About.com is offering a whole segment on the Internet for Beginners. Various articles covering the whole thing from email to web search and introductory netiquette are provided on this portal.

Resources for Website Hosting:

There is variety of sites, which would like to teach us and let us know how to sell hosting at the same time, but learning resources specifically dealing with online web hosting are not enough. Nearly all significant website hosts are providing learning resources on their sites, and these resources are important and helpful as they contains the content dealing particularly with the applications of their customers who are keen to learn and use their hosting. So it is more important to select a host which is providing a solid online learning / tutorial section explaining the tools of hosting.

There are several portals providing general information about web hosting, along with the articles dealing with current topics in the industry of website hosting. The FAQ s and HOW TO s provided by this portal is beneficiary for the beginner than the experienced professional. So before setting out to shop for website hosting services it is most important to collect such information’s and learn the basics, as it will allow the customer to analyze the policy of their approaching host.

Some other forums are bound, website hosting for beginners and professionals. It is not really a lack of posters that help newcomers in their problems.

Resources for Designing the Websites:

Many portals, forums, site design if you have a problem and tutorials. We have now been proven to be beneficial is dependent on the requirements of people. If people really want to learn the code behind the website, example, HTML, XTHML, and CSS, W3Schools will be helpful for online tutorials. Ranging from basic HTML to advanced scripting and database languages, W3School provides all. Small and easy to learn the content will be presented in encapsulated form.

To conclude:

There are several helpful resources on web beneficial for the beginners related to hosting, providing basic skills and knowledge regarding the methods for hosting. Some resources are listed in this piece of writing and by our own search on search engines; we can find more links about hosting and hosting companies. These links provide us specific information about the user’s need and administrator’s account.

How to Choose a Good Web Host

Not everyone who is new to the internet knows what hosting is so I will assume no knowledge of hosting on your part. Bear with me if you have some experience in this area.

Is usually rented on a managed server computer or a computer rack or large an area on the hard disk. Most shared hosting or shared in a hard disk space. Dedicated hosting is the entire drive or a computer dedicated to a client's Web site and documents.

Everyone of the websites you see on the internet is stored somewhere on a host computer and it is displayed using html and CSS so that a person’s browser will display the page you see.

Choosing a good host is one of the most important things you need to do.

I could write a separate article on choosing a domain name but I think the two are so related in nature as to be better dealt with together in this article.

Choose a domain name, but is to select one of the URL or web address is known as the Internet's name. For example, one of my website is called www.healyourselfnow.net. This is a domain name. I can say that domain name is important, so it is, but you need to know more.

You typically Please select a domain name is the keyword for the site. For example, to target the main keywords of your computer as if you can Cheapcomputers.com Greatcomputers.com or use. This is just an example, get a general idea. Many people use the hyphen in the name of, I do not like is not recommended as a search engine does not.

Security is another issue. How secure is your site? If you are selling the host should offer SSL certificates at a reasonable price of less than 30.00 so that your transactions are secure. Also, do you have a virus scanner and does your host offer leech protection to protect your images and to prevent other members from giving out passwords to restricted areas of your site.

Does your host support Fantastico or one click access to important scripts like a CMS or content management system like JOOMLA or MAMBO that allows editing or updating of your web site content with the ease of using a word processor. No knowledge of html or css is needed. So anyone in your office can contribute to website content with minimal training! Also, you can add a learning managment system like Moodle, or a live chat program or forum and instantly make your website interactive.

An interactive website is considered “sticky” or a site that will attract and keep visitors coming back to, over and over again.

The last and most important issue when choosing a web host customer support. Does your host offer 24 Live Chat Support? There are things that affect your site and the need for security and peace of mind from knowing that you can get competent advice, even friendly at 3 clock in the morning comes. Live chat is like Microsoft Messenger, except that you are talking about a secure line for the express purpose of customer interactive. Live support will be tickets at a ticket-and email-based support system that is not as interactive as live chat, but sometimes is necessary to solve a complex problem with your site.

So to summarize, does your host offer tutorials on your site for cpanel or whm if you are hosting more than one site? Does your host offer scripts with one click installation?

Does your host offer excellent chat based and ticket based customer support? How fast is their turn around time on that support? After all, it does you no good to have 24 hour support if no one answers your call. Does your web host offer competitive prices? I would be remiss if I did not mention that bargain prices are not at all important if your host offers web design with your hosting or some other extras that are not available at other hosts. If you are new to the net, and don’t have much experience you will need a lot of support at first to help you get to know that you are doing.

For example, e-books, templates and software, you can re-sell the money master resale rights. This is acceptable host charging 30.00 per month, if they offer web page design assistance, and provide e-books, software, templates, and template-based Web Site Builder, you can put in less than an hour a decent site. Access is not a novice economic initiatives.

If your host can answer “yes!” to all of these questions then you can rest assured that you have chosen a good host.

Your host determines your success on the internet as much as your efforts do, so choose wisely.

Free Website Tools

Once determined, you can build a website, there is much to help around your work will be pleased to know that many free website tools. To find these little one will be able to simply run two major search engines. But first, you can use it, you need to know the Web can help in any kind of tool site.

Before you begin, you are even in your site, you will find that you have a few free web hosting option. This is the ideal, if you only plan to build a very simple or purely personal website. You can also find some free text editor, to help build your website.

Those of you eager to learn coding, such as HTML or CSS, should search for free online tutorials. You’ll come across much good, easy-to-understand online instruction, and the knowledge you gain will serve you well when building your site.

You’ll also need to consider the appearance of your site. If you don’t want to design your web site from scratch, choose one of the numerous free templates on offer. And, if you don’t have a logo, or if you need extra pictures, make use of free clip art to help create an attractive and professional look.

Perhaps you feel your graphics and photos need improving or editing? No problem … you’ll discover plenty of free image editing tools to choose from, many of them extremely easy-to-use.

The content of the website consists of text, graphics, and – sometimes – video. Take advantage of achieving the excellent free online encyclopaedia of interesting and accurate text. And in order to perk your site a bit, look for the famous free video sites for free and get a proper video clips or video tutorial.

Do you plan to sell things on the site – hard products, digital products or services? Then, you will find the collection of visitors to the payment of money of liberty. You will encounter a tool that allows freedom of movement of the shopping cart, and a button, although the actual payment will be collected to the measures.

The actual construction of your site is to obtain only a small part of the online business. You also need to consider the market to achieve your site through the search engine optimization methods, a good search engine rankings. Do not worry! Again, there are a large number of free tools to help solve your helping hand.

First of all, when writing a web page, the ideal is a hot topic for people interested in writing, so start looking for free tools, will provide this information. Does not that also good money to write to make a profit – and popular – subject? But, how do you know which theme is profitable? Yes, yes, you will find a free tool for your work!

Building incoming links to your site is an important part of search engine optimization, so make use of free online tools which help you with this task. Once you’ve managed to achieve a few incoming links, you’ll want to check the Page Rank of your site, and analyze your site, using yet more free tools.

Who knows, once you’ve become an experienced webmaster and have experimented with all these tools, you may even come up with ideas for making your own free website tools – an excellent way of building your site’s reputation!