Showing posts with label Web. Show all posts
Showing posts with label Web. Show all posts

How to Start / Setup Your Own Blog Using WordPress


This series of tutorials deals with how you can start your own blog using a blogging software called WordPress. WordPress is a free blogging software that you can install onto your website so that you can write and manage your own blog. It is generally regarded as easy to install and use. The tutorials take you through the steps of installing your own WordPress blog, configuring/customizing it, modifying it so that it is search-engine friendly and so on.

This chapter deals with how you can go about setting up the blog.

Requirements

There are certain prerequisites before you can use WordPress as your blogging software.
  1. Your web host must support the execution of PHP scripts. PHP is basically an interpreted programming language. It is the language in which WordPress is written, and thus for WordPress to run at all, your web host must support it. Most, if not all, commercial web hosts support PHP. If your site is hosted on your ISP, chances are that it does not support PHP and cannot run WordPress.
  2. Your web host must allow you at least 1 MySQL database. WordPress stores its data, your blog entries, in a special file called a database, which allows easy and fast retrieval. Check with your web host if your hosting package provides any MySQL databases. Again, if you are hosted on an account which your ISP supplies to you for free as a result of your using their broadband or dialup services, it is unlikely that you have access to MySQL at all. Get an account with acommercial host instead.
  3. Your web host should not insert any advertisements into your web page. Although this is not an official requirement for running WordPress blogs, my experience is that you will run into problems using your WordPress blog when the web host embeds advertisements into pages displayed on your site. My tests on a few free web hosts providing PHP and MySQL access show that the inserted advertisements interfere with the forms created by the WordPress script, with the result that you may be unable to post or edit any blog entries.
    Note that I am not saying that you cannot insert advertisements onto your own page. Ads you insert on your own page, if done correctly, do not cause problems. However, most free web hosts automatically insert advertisements into your web page without your intervention. Sometimes these advertisements are loaded into portions of the page that interfere with the WordPress script that handles posting and editing.
    (Before you get angry at the free web hosts, you should note that they use the advertisements to recover the cost of running your website. Free web hosts without any viable revenue model tend to close after a short time, as my article on free web hosts that disappear overnight mentions.)

Optional but Recommended

  • Ideally, find a web host that runs the Apache web server on a Unix-type machine (like Linux, FreeBSD, OpenBSD, etc). Although WordPress runs on other web servers, you have many more options on how you can configure the structure of your site and the links (or "permalinks") to your pages if your site runs on Apache.
  • My personal recommendation is that you also get your own domain name. WordPress itself does not require this, but, as with any website, it's best to own your own domain. I found this out the hard way when I started my own sites. If you use a domain name supplied by your web host (such as some-name-or-other.blogspot.com), you are at the mercy of your web host in the long run. When they close, and free web hosts close with alarming frequency, the community and search engine reputation that you have built up over the years will be lost. You will be forced to start your blog on a new host with a new URL, losing people who have bookmarked your site and linked to it. Your previous good search engine ranking will also be lost and you will need to start from scratch. Even if they do not close, they can at any time decide to charge you an exorbitant rate, above market rate, for you to keep your site. You will then have no choice but to agree, since you would otherwise lose everything you have built up over the years.
    With your own own domain name, any time you are dissatisfied with your web host, you can simply backup your database, move to a new host, import your old entries into the new host's database and you're back in business as though nothing has happened. Your visitors may not even realise that you have changed web hosts.

How to Install WordPress

  1. Find out from your web host the name of your MySQL database, the user name you should use to connect to the MySQL database and the password for the database. In some cases, your web host may require you to create the database yourself from their control panel. Follow their instructions and do so. Make sure that you write down all the information provided about your database, word for word, letter for letter. That is, if your web host (or your web control panel) tells you that your database username is called "yourdomain_yourusername", make sure you write that down and not just "yourusername" even if you specified "yourusername" when you created the database. Note also that the user name and password used to connect to your database may not be the same as that used for your web hosting account.
    You will need to use this information later.
  2. Download the latest WordPress software. You can either get the zip version or the "tar.gz" version. If you don't know what "tar.gz" is, download the zip version. This tutorial assumes that you have downloaded the zip version.
  3. Unpack (or unzip) all the files contained in the archive you downloaded. If you use Windows XP, simply double-click the file, and drag the folder "wordpress" onto your desktop.
  4. Open the "wordpress" folder. In Windows, this means double-clicking the folder. In the window that opens, you should be able to spot a file named "wp-config-sample.php". If you cannot find such a file, and you are using Windows, look for a file named "wp-config-sample" (without the PHP extension). Windows hides file extensions by default.
    Start up an ASCII text editor and open that "wp-config-sample.php" file in it. In Windows, you can simply use Notepad. To start Notepad, go to the Accessories folder in your Start menu and click the "Notepad" item. Then click the "File" menu, followed by the "Open" item in the menu that appears. Navigate to the file you found earlier and double-click it to open it.
  5. In the file, you will see lines like the following:
    /** The name of the database for WordPress */
    define('DB_NAME', 'database_name_here');
    
    /** MySQL database username */
    define('DB_USER', 'username_here');
    
    /** MySQL database password */
    define('DB_PASSWORD', 'password_here');
    
    /** MySQL hostname */
    define('DB_HOST', 'localhost');
    
    /** Database Charset to use in creating database tables. */
    define('DB_CHARSET', 'utf8');
    
    Replace "database_name_here" with the name of your database. Make sure that the name of your database is enclosed within the single quotes. That is, if the name of your database is "mywordpressdatabase", the line should read:
    define('DB_NAME', 'mywordpressdatabase');
    
    Replace "username_here" with your MySQL database username, and the "password_here" with your MySQL password. Again, make sure you do not delete the enclosing single quotes.
    Scroll down the file to find the section containing words like the following:
    define('AUTH_KEY',         'put your unique phrase here');
    define('SECURE_AUTH_KEY',  'put your unique phrase here');
    define('LOGGED_IN_KEY',    'put your unique phrase here');
    define('NONCE_KEY',        'put your unique phrase here');
    define('AUTH_SALT',        'put your unique phrase here');
    define('SECURE_AUTH_SALT', 'put your unique phrase here');
    define('LOGGED_IN_SALT',   'put your unique phrase here');
    define('NONCE_SALT',       'put your unique phrase here');
    
    Replace all instances of "put your unique phrase here" with any phrase you like. They can also be of any length. Like your password, these keys are supposed to improve the security of your blog. If you can't be bothered to think up new phrases for those keys, you can use WordPress' secret key generatorto generate some random sequence of characters that you can copy and paste into those lines.
    Save the file under a new name, "wp-config.php". To do this in Notepad, click the "File" menu followed by the "Save as" item on the menu that appears. Type the name "wp-config.php", including the quotes. You must include the quotes or Notepad will name the file "wp-config.php.txt" behind your back.
  6. Now comes the long and tedious part: uploading the files to your web hosting account. Basically, what you will need to do here is to transfer all the files in the wordpress folder to your web host. It is a long process (especially if your upload speed is slow) since there are many files to transfer.
    You will need an FTP program. An FTP program is simply a piece of software that transfers files from your computer to your web host. (It can transfer files the other way as well, but that is beside the point of this tutorial.) You can either get one of the free FTP programs listed on thefreecountry.com's Free FTP Clients, Secure FTP (SFTP) Programs page, or use some other FTP client that you like.
    If you don't have any preference, try FileZilla so that you can use my tutorial How to Upload a File to Your Website Using the FileZilla FTP Client on http://www.thesitewizard.com/gettingstarted/howtoupload.shtml as a guide on how you can upload your WordPress files. If you use some other software, you will need to read the instructions supplied with that software yourself.
    Whichever software you use, connect to your web host using that software, and transfer ALL the files located in your wordpress directory. You can do either of 2 things:
    • Transfer the files directly into the main web directory of your web hosting account. You may want to do this if your entire website consists of your blog. You should also do this if you are a total novice when it comes to creating a website or blog, since it will simplify your job later.
    • Transfer the files into a subdirectory (sub-folder) of your web hosting account. This is useful if your blog is only a small part of your website. You will then need to create a main page for your website that has a link pointing to your blog. For example, if you create a folder called "blog" in your main web directory, the URL to your blog will be called www.example.com/blog/, and you will need to create a file www.example.com/index.html that points to that URL. If you take this route, whenever I say www.example.com/wp-admin/install.php and www.example.com/wp-login.php later, you will need to use www.example.com/blog/wp-admin/install.php and www.example.com/blog/wp-login.php instead. You will also need to create the index.html yourself. If you don't understand what I just said in this paragraph, use the first option.
  7. Once you have finished uploading your files, open your browser and go to www.example.com/wp-admin/install.php. Replace the "www.example.com" with the real URL of your website. You will now need to complete the installation of your blog using WordPress' browser interface.
    If you get an error message at this point, telling you that WordPress could not connect to your database, it probably means that you entered the database name, user name or password wrongly in your wp-config.php file. Fix the incorrect information in the wp-config.php file, and upload that file again to your website. Then try www.example.com/wp-admin/install.php.
  8. Fill in the name of your blog and your email address. Click "Continue to the second step".
  9. WordPress then sets up your blog and displays a page giving you your blog username and a password. Write this username and password down somewhere. You will need to use this every time you manage your blog or post an entry.
Congratulations, you have successfully installed WordPress. You can start posting to your blog by going to www.example.com/wp-login.php (replace www.example.com with your domain name), logging in with the "admin" user name and the password supplied to you earlier and following the instructions given on that page.

What is CSS?


CSS was first developed in 1997, as a way for Web developers to define the look and feel of their Web pages. It was intended to allow developers to separate content from design so that HTML could perform more of the function that it was originally based on - the markup of content, without worry about the design and layout.
CSS didn't gain in popularity until around 2000, when Web browsers began using more than the basic font and color aspects of CSS. And now, all modern browsers support all of CSS Level 1, most of CSS Level 2, and some aspects of CSS Level 3.
Web Designers that don't use CSS for their design and development of Web sites are rapidly becoming a thing of the past. And it is arguably as important to understand CSS as it is to know HTML - and some would say it was more important to know CSS.

CSS is an Abbreviation

It stands for Cascading Style Sheet.
Style sheet refers to the document itself. Style sheets have been used for document design for years. They are the technical specifications for a layout, whether print or online. Print designers use style sheets to insure that their designs are printed exactly to specifications. A style sheet for a Web page serves the same purpose, but with the added functionality of also telling the viewing engine (the Web browser) how to render the document being viewed.
Cascade is the special part. A Web style sheet is intended to cascade through a series of style sheets, like a river over a waterfall. The water in the river hits all the rocks in the waterfall, but only the ones at the bottom affect exactly where the water will flow. The same is true of the cascade in Web style sheets.
Every Web page is affected by at least one style sheet, even if the Web designer doesn't apply any styles. This style sheet is the user agent style sheet - the default styles that the Web browser will use to display a page if no other instructions are provided. But if the designer provides other instructions, the browser needs to know which instructions have precedence.
For example, in my Web browser, the default font is "Times New Roman" size 16. But nearly no pages I visit display in that font family and size. This is because the cascade defines the second style sheets set by the designers to redefine the font size and family and override my Web browser's defaults.

Where is CSS Used?

CSS is used to style Web pages. But there is more to it than that. CSS is used to style XHTML and XML markup. This means that anywhere you have XML markup (including XHTML) you canuse CSS to define how it will look.
CSS is also used to define how Web pages should look when viewed in other media than a Web browser. For example, you can create a print style sheet that will define how the Web page should print out and another style sheet to display the Web page on a projector for a slide show.

Why is CSS Important?

CSS is one of the most powerful tools a Web designer can learn because with it you can affect the entire mood and tone of a Web site. Well written style sheets can be updated quickly and allow sites to change what is prioritized or valued without any changes to the underlying XHTML.
The challenge of CSS is that there is so much to learn. But it doesn't seem like it. After all, there are only around 60 properties in CSS Level 1 and around 70 in CSS Level 2. Compared with the number of HTML tags and attributes to learn, that can feel like a cake walk.
But because CSS can cascade, and combine and browsers interpret the directives differently, CSS is more difficult than plain HTML. But once you start using it, you'll see that harnessing the power of CSS will give you more options and allow you to do more and more things with your Web sites.
If you want to be a professional Web designer, you need to learn Cascading Style Sheets. But luckily, they are fun to learn.

Download free Internet Explorer 10 Release Preview For Windows 7

Microsoft has released the Internet Explorer 10 Release Preview (Pre-release aka Beta) for Windows 7. It seems that no major UI change has been done. But some good changes are done. Microsoft claims that it is two times faster as fast as Google Chrome 23 and 20-25 percent faster than Firefox 16.


System Requirements:

  • 32-bit or 64-bit edition of Windows 7 SP1 or 64-bit edition of Windows Server 2008 R2 SP1
  • Minumum 512 MB of RAM
  • Minimum 70 / 120 / 200 MB of hard drive space
  • At least 1 GHz processor
Internet Explorer 10 Release Preview comes with built-in spell checker, new scroll bars, option to open last browsing session, new web standards changes and some other changes. It's come with 'Do not track' feature enabled by default. It is faster in comparison to IE 9.
 In many tests of speed and HTML5, it fails to come in Top 5.

[UPDATE] Mozilla Firefox 17.0.1 Released


Download Informer 

UPDATE: This version improves stability.

Mozilla Firefox is one of the great web browser and one of the most used web browser. Mozilla Corporation, its owner, is making it user friendly and easy to use. It uses moderate RAM memory. Mozilla Firefox can run on following four channels:
  1. Beta
  2. Aurora
  3. Nightly
  4. Release
Here is a list of changes occurred in the recent Mozilla versions:
  • First revision of the Social API and support for Facebook Messenger
  • Click-to-play blocklisting implemented to prevent vulnerable plugin versions from running without the user's permission
  • Updated Awesome Bar experience with larger icons
  • JavaScript Maps and Sets are now iterable
  • SVG FillPaint and StrokePaint implemented
  • Improvements that make the Web Console, Debugger and Developer Toolbar faster and easier to use
  • New Markup panel in the Page Inspector allows easy editing of the DOM
  • Sandbox attribute for iframes implemented, enabling increased security
  • Over twenty performance improvements, including fixes around the New Tab page
  • Fixed: Pointer lock doesn't work in web apps
  • Fixed: Page scrolling on sites with fixed headers