WordPress Free Themes
WordPress Themes are basically website templates designed particularly for the WP CMS. Each theme comprises of “template files” that include custom-made template, image files, style sheets etc. One can get these wordpress themes at lot of places online where they are sold in bulk to multiple webmasters, are custom made for your website or are just free.
The best way is to pay small fees in templates or just get them free. Never pay much in themes when you can get them free or cheap. In this case you should be able to get a lot many features without going overboard with your budget. Just download these free themes on this page, take the free domain and hosting (cheapest and most reliable one) at Ipage.com, follow the instructions and get your site up within no time!
Getting the contents for your website
You might have a great looking website, with the best navigation possible, but unless and until you don’t have a rich and useful content for your visitors, you will probably not leave a positive influence. Chances are your visitor will not take your site seriously and will probably never return. So, your efforts will only be transient if you put relevant, useful and valuable content on your website.
Informative and educational content that is interesting and can retain viewers better than anything else. You should try to keep your website fresh with new updated content. One needs to have discipline in this matter and do this regularly. But in order to do this, you need to know how and where to find relevant content for your website. Simply copying and pasting from other sites is a big mistake, Never do that.It will make your website ban from Google.
How to get content.
If you think you have good communication and writing skills, you can write new content yourself and update your website. Or hire professional writers to do the job for you. You will also find plenty of freelancers who can do a good job for you at economical rates. If you regularly modify your Website’s content, you will certainly get an edge over the competition. You will keep getting more visitors to your website who will know that there will always be something new and fresh to read at your site.
While creating the content
You are the best person to know what attracts the visitors to your website and what your audience want. It then becomes easy to know what to put inside the content and how to go about modifying it.
Here are a few of the suggestions that can make content even more interesting. You can place any of these inside your content:
News clips or stories
You can place some featured articles offering the best content. To make your content even more interesting, you can introduce discussion groups, feedback, forums, chat etc and make it even more interactive for your visitors.
Get exclusive content
If you are asking for someone to write content for you, make sure no one else gets the right to that article for publishing. When you offer special content, you buy the loyalty of the readers and syndication openings in other publications.
You can exchange articles and reprint them but of course with mutual understanding and permission. You might get some new regular visitors from your guest author’s site. You can find article, review or even ebook writers here:
or the cheapest one:
Iwriter.com the prices start here from 2$ per article.
The HTML document So far, you’ve been taking the HTML code fragment of the full HTML-ortions document. In this section you will learn how to put it all together and create the first original site. The Document Type Definition In the early days of the Internet, web browsers were full of quirks. When people Recommended web sites, they had to take these problems into account. For example, browser will also calculate the text box floating gently around the edges of different way, which side looks like a good browser, but it seems strange to another. Years later, the rules (HTML and CSS, the stylesheet standard then consider 6. chapter) would be a single detail. With these new rules, all browsers can be displayed on the same page in exactly the same way. But this change caused a serious long-lived headache browsers to the dark age HTML, such as Internet Explorer. They had to somehow support the new browsers 2. Chapter created the first 31st Page The HTML document standards, while still being able to properly display the existing web sites, including those that relied on the old quirks. The Internet community settled down to a simple solution. When planning a new, modern website, you indicate that fact to the code, called the document type definition (DTD) or doctype, which goes to the very beginning of the HTML document (Figure 2-6). Figure 2-6: The document type definition (DTD) for the first piece of information to an HTML file. It tells the browser what marking standards with which to write the page. When the browser encounters a page in a doctype, you can turn on standards mode. Then the page displays the most consistent, standardized manner possible. In the end, It follows that the page looks almost the same in all modern browsers. But when the browser encounters an HTML document that does not have a doctype, all bets are off. Some, such as Internet Explorer, switch to the dreaded quirks mode. When The quirks mode, Internet Explore try to behave the same way previous versions was 10 years ago, quirks and all. This ensures that a very old web pages look the way they are back when you first set up, even if you rely on browser bugs ancient that has long been settled. Unfortunately, different browsers have different features. So if you are not viewing the page doctype multiple browsers, you can probability that the different sizes of text, borders, margins and inconsistent, and wrong content is located. For this reason, web pages without doctype bad news, and do not create them. Web designers in different doctype that they indicate the standard marker uses (eg, XHTML, HTML5, HTML 4.01, or indeed the old). However, the browsers Doctype you have a dirty secret: not really care what you say about the doctype. Simply interested to have a doctype. This is because almost all doctypes trigger Standard mode. So it may be the site for an XHTML 1.0 doctype, but it HTML5 content inside, and the browser will not mind at all. Today, most web developers use the HTML5 doctype, which looks like this: 32 Website Creation: The Missing Manual The HTML document
The container elements are by far the most common type. They apply formatting content nested between the tags start and end. • autonomous elements do not turn On or Off. Instead, they insert something, as an image in a page. One example is the element
, which inserts a line break in a page. autonomous elements do not come as a couple, container elements do, and you can hear them called empty elements because you can not put any text inside. In this book, all autonomous elements include a slash before> closing a bit like an opening tag and closing all in one. You’ll see a line break written as
. This form, called the empty element syntax is useful because it clearly separates the components containing autonomous elements. This way, you’ll never be confused. Note: In a not so distant past, web developers were forced to use the empty element syntax, because it was an official part of the XHTML language. However, this convention is optional and allows HTML5 autonomous elements use the same syntax as the start tags (which means you can use
to insert a line break, for example). Figure 2-5 provides two types of elements in perspective. Figure 2-5: Top: This snippet of HTML shows both a container element and an autonomous element. Bottom: The browser displays the resulting Web page. Just do b> it.
Just say no. This container element bold a word This autonomous element inserts a line break Chapter 2: Creating your first page 29 HTML tags Elements nesting In the previous example, you apply a simple item to get bolding. You put the text you want bold and between b> tags. However, text is not the only thing you can put between a start and end tag. You can also nest an element in another. In fact, elements of nesting is a basic buildingblock techniques of web pages. Nesting allows you to apply more detailed instructions for formatting text (for example, it allows you to create bold, italic) by combining all the elements you need in the same instruction set. You can also nest elements to create components for more complex page, such as bulleted lists. To see a nest in action, you need something else to work with. For the following example, consider both the familiar element, which italicizes text. The question is what happens if you want a piece of text bold and italic? HTML does not include a single element to this, so you need to combine two. Here’s an example: This word i> b> italic and bold. When a browser to chew through this piece of HTML code, it produces a text that resembles what: This word was in italics and bold. Moreover, it does not matter if you reverse the order of . The Following HTML produced exactly the same result. This word b> i> italic and bold. However, you should always make sure you close the tags in reverse order which you opened them. In other words, if you apply in italics and bold formatting, you must disable bolding first, then italic formatting. Here’s an example that violates this rule: This word i> b> italic and bold. Browsers can generally resolve this issue and make a good guess on what you really want, but it’s still a dangerous habit that you write more complex HTML. As you will see in later chapters, HTML gives you more ways to elements of the nest. For example, you can nest nest an element inside another, then another element Within the latter, and so on indefinitely.
You can identify a tag by looking at angles, two special characters that look like this: <>. To create a label, you type the HTML code between the brackets. This Code is for the eyes as the browser, the web visitors never see (unless they use the View Source ➝ thing to look at the HTML). Essentially, the code is an instruction which transmits information to the browser how to format the text that follows. For example, a single tag is the tag , which means “fat” tag names (are always lowercase). When a browser encounters this tag, it passes over the bold, which affects all the text following the tag. Here’s an example: Chapter 2: Creating your first page 27 HTML tags This text is not bold. This text is bold. By itself, the keyword is not good enough, he is known as a start tag, which means that it turns on a certain effect (in this case, bold). Most tags are beginning coupled with a closing tag cutting effect. You can easily recognize an end tag. They look the same as the start tags, except that they begin with a slash. They look like this instead of like this <. Thus, the end tag for the bold is b>. Here’s an example: This is not fat. Warning! B> Now we’re back to normal. Which a browser displays as: This is not fat. Be careful! Now we’re back to normal. This example illustrates another important principle of browsers: They have always done tags in order, depending on where the tags appear in your text. For the bold formatting the right place, you need to make sure the position of the and b> tags appropriate. As you can see, the browser has a fairly simple work. It scans an HTML document, searching for tags and enable or disable various formatting parameters. It takes else (anything that is not a tag) and display it in the browser window. Note: Adding tags to text and Vanilla is known as the marking of a document, and the labels themselves are known as HTML markup. When you look at raw HTML, you may be interested to examine the contents (The text between the tags) or the markup (the tags themselves). Understand the elements As you’ve seen tags come in pairs. When using a start tag (like for fat), you must include an end tag (like b>). This combination of tags start and end and the text between them is an HTML element. Here’s the basic idea: The elements are containers (see Figure 2-4). You put some content (As the text) within this container. For example, when using the and b> you create a container that applies bold formatting to the text inside the container. As you create your web pages, you use different containers to wrap various parts of text. If you think about the elements in this way, you’ll never forget to include an end tag. Figure 2-4: For bold text, you need to start with the good container. This is the familiar. Beware! B> Start tag is transformed into fatty setting End tag is transformed into fatty Content formatting off An element 28 Creating a website: The Missing Manual HTML tags Note: When someone refers to the element , they hear the whole shebang tag-start, end tag, and content between the two. When someone refers to a tag , they mean just the instruction that triggers effect. Of course, life would not be very fun (and computer books would not be nearly as thick), no exceptions.
Confused? Do not worry, it HTML5 designers were smart. They did the job with all functions currently operating in XHTML. This means you can write HTML5 Documents at the present time (like you in this book), without using any kind of new features that browsers do not support, and everything will be fine. Best of all, you’re ready for a not too distant future, when new browsers colonize land and you can finally start using some of the features of HTML5 fantasy alone. Note: HTML5 supports everything that is possible in XHTML-without the necessary changes. However, the the syntax of XHTML is stricter than that of HTML5, and there are several practices that supports HTML5 but XHTML does not work. Web developers are divided on whether these practices are horribly wrong style or simply convenient shortcuts. To encourage you to stick to good habits, this book still uses the strictest XHTMLstyle syntax. 26 the creation of a website: The Missing Manual HTML tags HTML5 front view A bit more about HTML5 Wrap your head around HTML5 can be a bit of a challenge. Part of the problem is that the word “HTML5” effectively includes the latest version of HTML and a pile New standards are still being developed. And just to make life more interesting, some of these standards work with many popular browsers today, and other are not yet implemented, even on the latest versions of HTML5. Interestingly, HTML5 offers only a few additions to the standard family of labels you’ll learn to use in this chapter. Most these tags allow web browsers, search engines, and other automated tools a little more structural information on your web pages. For example, you can use specialized tags to tell a browser what section of your page into the navigation links. More glamorous, HTML5 also includes a new way to add video on your webpage without requiring plug-ins, as Most modern browsers. (Chapter 17 has more about this feature.) But the main purpose of HTML5, and related standards, is to provide a set of powerful tools for development web applications, web pages to interact with. Examples include a framework for drawing two-dimensional images, a geolocation feature that locates your visitors geographical location, and a technique that allows interactive Web pages work offline. All these characteristics are well planted on the bleeding edge web design, and none of them work in versions of Internet Explorer before IE 9. If you’re curious about the future, continue to seek “HTML5 Preview” box in this book. You can also visit in Appendix A for a brief overview of some new elements in the language of HTML5. To get the scoop on term future of web development, see HTML5: The Missing Manual. HTML tags Now that you know how to peer into the existing HTML files and how to create your own, the next step is to understand what happens in the HTML file on average. All revolves around a single concept-tags. HTML tags are formatting instructions that tell a browser how to transform ordinary text into something visually appealing. If you were to take all tags an HTML page, which would consist of nothing more simple, unformatted text. What is a keyword
When you have completed your web page, save the document. In Notepad, first choose File ➝ Save. At the bottom of the Save As dialog box box in the coding list, select UTF-8. (Your web page will work even if you Do not take this step, but it keeps validators happy.) In TextEdit, you must first choose Make Plain Text Format ➝ to ensure that the program saves your page as a plain text file (not rich, a binary document). Then you can use File ➝ Save to save the file. In the encoding of plain text box, choose Unicode (UTF-8). When naming your file, use the extension. Htm or. Html (see note below). For example, a typical HTML file name is LimeGreenPyjamas.html. If you use TextEdit, the program will ask if you really want to use the. Htm or. Html txt instead of the standard text file;. click “Use .. htm” No step is required in Notepad. However, in the “Save as type” box, you’ll need to choose All Files (*.*) instead of Text Documents (*. txt) if you want to see your HTML files in the file list. Note: Technically, you can use any file extension you want. However, using. Htm or. Html saves confusion (you know immediately the file is a webpage) and avoids common problems. To For example, using a htm. or file extension. html ensures that when you double-click the file name, your computer knows to open it in a web browser and not another program). It is also important to use .. The extension htm or html, if you plan to transfer your files to a Web server, the server may refuse to Barbarism hand on pages that have non-standard extensions. 4. To view your work, open the file in a Web browser. If you use the extension. Htm or. Html, opening a page is usually as easy as Double-clicking the file name. Otherwise, you might need to type the full path of the file address bar of your browser, as shown in Figure 2-3. Remember, when you compose your HTML document in a text editor, you will not be able to see the formatted document. All you see is the text clear and HTML formatting instructions. Tip: If you modify and save the file after opening it in your browser, you can take a look at your Recent changes by updating the page. In most browsers, which is as easy as right-clicking the page and Refresh or Reload choosing. 24 the creation of a website: The Missing Manual Introducing HTML: Language Web Figure 2-3: A browser’s address bar reveals that the current Web page is actually located. If you see “http://” in address, it comes from a web server Internet (above). If you viewing a Web page on your own computer, you just see a regular file path (middle, showing a file location Windows in Internet Explorer), or you see a URL that begins with ‘:///” the file prefix “(bottom showing the location of the file Chromium). Local addresses
Webmaster Help Solutions
Getting website made for your business or services and floating it on web has become more of a necessity than the usual need today. Any company, big or small, a new entrant or an old one, wants to use its potential to the maximum and that is simply not possible without a website. Nevertheless, just owning a website is not the end of the story. You need to keep it dynamic, give it a professional look, make it relevant and keep it up-to-dated, so that you can achieve your business objectives.
You need to put your business where it needs to be. But you will need a lot of tools and guidance to keep the web traffic high and keep the website ranking high. Webmaster help solutions cover a lot many issues to help you in development and promotion of sites. You can look in forums, get product and software updates and newsletters, keep in touch with hosting providers as well as domain registrars, read tutorials and guides, read daily industry news… etc.
Links to webmaster help solutions:
or Fill the form below and send as a question, We are here to support you absolutely free! We will reply in less then 24 hours. Here are just some of the things we specialize in:
Domain Registration & Hosting
Point & Click Site Builders
Custom Site Design
Search Engine Optimization
Newsletters For Webmasters
Webmasters today have to constantly struggle to stay informed with the latest algorithms and technologies emerging on a daily basis. It can be quite overwhelming for them to keep pace with the number of products available to them. Newsletters continue to be one of the most easiest and convenient ways used by the web developers to find the information related to web and new development. Searchenginewatch, pandia, peforminsider are a couple of important newsletters for webmasters.
These important newsletters for webmasters focus on design, site promotion, positioning and marketing of the websites. These consist of useful and important articles by the noted web experts and cover all the niche areas of particular interest to webmasters.
Leaf through the following links to reach some important newsletters for webmasters.
To view a document HTML, all you need is an ordinary text editor. Windows computers come with one called Notepad. To open the Windows Vista or Windows 7, click Start, type Notepad in the search box and then click Notepad icon that appears. On a Mac, use the material in the text editor, TextEdit, which can found in the Applications ➝ TextEdit. In a text editor, you can open the HTML, usually with simple File ➝ Open menu command. If you downloaded the content partner for this book (which you can find on the CD is missing www.missingmanuals .com/cds/caw3), you can try to open the file popsicles.htm shown in Figure 2-2. Chapter 2: Creating your first page 21 Introducing HTML: The Language Web Figure 2-1: Even if your letter appears to be relatively simple to Word (Top), look at it. Doc doesn file “almost as much, if skip to Word and open the file in a text editor such as Notepad (below). Word processors usually convert a file ” series of 0s and 1s in a meaningless stream of intimidating gibberish. The actual text is somewhere there but it is buried in computer gobbledygook. Figure 2-2: Store documents as a standard HTML text. Above: The web browser displays the document in Word rewritten as a document HTML. Bottom: When you display an HTML file in a text Editor, you can easily locate the full text of the original document, along with some additional pieces of information within angle brackets (<>). These HTML tags convey information about the structure of the document and formatting. To 22 creating a website: the missing manual Introducing HTML: The Language Web Looking at the HTML of a website Live Most word processing programs do not let you open a Web page directly from the Internet. To do this, to be able to send a request via the Internet to a web server, which is a job best left to a web browser. However, the search engines themselves give you the opportunity to see the raw HTML of a website. Here is what to do: 1. Open the browser. 2. Navigate the site you want to consider. 3. In your browser, right click the page and then select View Source (in Internet Explorer) or View Page Source (in Firefox and Chrome). Once you make your selection a new window that displays the raw HTML creating the website you see. Tip: Firefox has a handy feature that allows you to home in on top of your HTML in a complex page. Simply select the text you’e interested in the site, right click on the text and then choose View Selection Source. Most sites are much more complex than the example popsicles.htm shown in Figure 2-2, so we have to wade through a lot more tags HTML. But since you acclimatise to the patchwork of information, you will have an extremely useful way to peer beneath the covers of any website. In fact, professional web developers often use this trick to check out the work of their competitors. Create an HTML file Here is one of the best kept secrets of writing website: You do not need a live website to start creating your own web pages. That’s because you can easily build and test pages using only its own computer. In fact, do not even need a connection to the Internet. The basic approach is simple: 1. Fire up your favorite text editor. 2. Start writing HTML content. Of course, this place is a bit difficult because they have discovered the HTML standard yet. Hang on-ELP is the way below. For now, you can use the following very simple snippet HTML. Just type exactly as shown, text, slashes, brackets, sharp, and all: Popsicle
United Workers’ Union fight for your rights. Technically, the document is missing the two lines a few construction details selfrespecting sites should have. However, each search engine can read this HTML plot and interpret correctly what they want: the two lines of text formatted shown in Figure 2-2. Chapter 2: Creating your first page 23