WebDev Masters

Web Development & Webmaster Resources

Browsing Posts tagged HTML

I’ll tell you something straight up. I’ve used Kompozer, a free html editor that I’m sure you know, to build myself some nice little websites that, without fail, sell a bunch of my products every month. And the funny thing is that I’m no expert whatsoever with using html, which means you can easily do a similar thing! This article will show you how to get started…

The first thing you need to know is that I started from the basics, and the second is that a website doesn’t have to be a beautiful work of art in order to make sales. As long as it gives the viewer what the viewer needs then you’re starting on the right foot.

Okay, now let’s talk about the basics, because you really DO need to know this stuff. It’ll just make your life easier. I never set out to be a html expert, or coder, or whatever you call it, but I’m glad I learned the basics. That means I can now create a really simple website in Kompozer and edit it myself, without having to get someone in to do it. And that saves a LOT of time, believe me.

So what are the basics then? Well, let’s keep things real simple. The basics are just knowing how to make a website page look alive and easy on the eyes. You don’t need to know much, but you’ll want to understand how to do these things… make text bold, italic, bring in images, make links work, make simple tables, keep stuff lined up and centered, know how headlines work, and the rest you can learn as you go.

If that all sounds like too much hard work then there’s a few things that might help. Firstly, remember that all things are hard before they’re easy, and secondly there’s hundreds of really helpful html know-how websites around the place that’ll show you exactly how to do what we just talked about. :)

But probably the best way though is to open Kompozer and just start playing around with some sample website templates, and see what happens. That’s what I did, and what I still do… Look ‘under the hood’ to see how it’s done, and learn from that. If you want to create profitable websites then that’s your first step – know the basics.

Martin Hurley helps Kompozer newbies become instant experts at http://kompozervideosclub.com Visit now to start building great looking websites using a brand new range of Kompozer how to videos and get a 5 lesson quick start coaching session thrown in!

Html

No comments

HTML Email should be sent in “multipart-alternative” format. That means the email is embedded with both the plain-text version, and the HTML version, of the message. When people can’t (or won’t) view HTML email, the plain-text version displays instead. That’s the main reason to use a system like MailChimp, Constant Contact, GotMarketing, etc.

Use inline CSS, not linked files. Unlike images, linking to a server-hosted CSS file isn’t that reliable.

Background colors. Remember how we said that most browser based email applications (like HotMail) strip out your BODY tag? That’s why assigning background colors to your BODY won’t always work. The most reliable way of giving a background color to your email is to wrap it all inside a big, 100% wide table, and give the table cell a bgcolor. We warned you, HTML email is “old school.”

Don’t forget your plain-text version. When web designers create HTML email, they often neglect the plain-text versions (they treat it like image ALT text, or META tags—always a pesky afterthought). But plain-text emails are very important. If you neglect them, some spam filters will even think you’re a sloppy coder, and throw your mail into the junk folder.

Web designers will like this one: some spam filters will punish you for using FrontPage (or other WYSIWYG tools) to code your HTML email. So strip out any of that useless META stuff that those applications produce

Be careful to not include any special symbols, odd characters, or Microsoft Word smart quotes. These will often show up distorted in various email programs. Replace with standard quotes or apostrophe’s. It’s best to edit your HTML ezine in a plain text editor such as EditPlus, Notepad, UltraEdit, etc.

Copyright (c) 2008 James Schramko


Html (hyper text markup language) has long been a barrier for first time web site builders. Non-technical people had very few options for making a website.


Modern software marketers claim that anyone with a computer and internet connection, can easily build websites without the need to learn HTML.


In this article we discuss if this is really true or not.


With some new web software programs, the emphasis has moved away from “coding” to more of a step-by-step user friendly approach. Web pages can be “auto generated” by typing words on a page. Many programs use WYSIWYG technology. This stands for “what you see is what you get”.


Most modern editors format the entire HTML in the background. The webmaster manipulates fonts and formats in the same way as he would in, say, Microsoft Word.


So Is The HTML correct?


Some purists would argue that WYSIWYG programs make messy or bloated HTML code and the web pages may not be fully compliant to international standards. Some web pages may display slightly differently in different browers.


In the end, having a website live on the web is better than not having it up there. The making of a website even if HTML is unknown. Even though the HTML code may not be “perfect” the resultant web pages are still normal looking to the user.


When looking for designs, you can easily import your own graphics and designs into most modern website building programs. There are many templates (or skins) you can buy or download for free.


The booming market of first time marketers has created a whole industry of easy to use website programs and the vendors have shown a great understanding of the needs of novice website builders by producing comprehensive manuals and tutorials that lay out each step.


The tutorials are so user-friendly, with a common sense approach, that even beginners should be able to complete a simple website in just an hour. With a domain name registered and a hosting company enlisted, their first website can be ‘live’ in minutes.


In addition to the tutorial, beginners will find a wealth of information on related forums of web softare providors. There is a knowledgeable support centre, videos, blogs and forums. There is always someone to answer a novice’s questions, either the creator or a team member or a fellow user via the forums.


Not all easy web software programs are only for the new. Upon further inspection there are powerful website design package that are also ideal for intermediate and experienced internet marketers.


Many come feature packed with tools for site map creation, search engine optimization and some have an Affiliate Wizard for affiliate marketers.


Investing in other solutions will not be required. Modern web builders stretch even for the advanced marketer.


Yes, a first time website builder can create a website without knowing HTML.

Discover unique and valuable XSite Pro information and a special bonus offer:Join this FREE XSitePro mini-course written by online business expert James Schramko. >>Learn XSitePro

In this article we will discuss how to change the contents of an HTML file by running a Perl script on it.

The file we are going to process is called file1.htm:

Note: To ensure that the code is displayed correctly, in the example code shown in this article, square brackets ‘[..]‘ are used in HTML tags instead of angle brackets ”.

[html]
[head][title]Sample HTML File[/title]
[link rel="stylesheet" type="text/css" rel="nofollow" onclick="javascript:pageTracker._trackPageview('/outgoing/article_exit_link');" href="style.css"]
[/head]
[body]
[h1]Introduction[/h1]
[p]Welcome to the world of Perl and regular expressions[/p]
[h2]Programming Languages[/h2]
[table border="1" width="400"]
[tr][th colspan="2"]Programming Languages[/th][/tr]
[tr][td]Language[/td][td]Typical use[/td][/tr]
[tr][td]JavaScript[/td][td]Client-side scripts[/td][/tr]
[tr][td]Perl[/td][td]Processing HTML files[/td][/tr]
[tr][td]PHP[/td][td]Server-side scripts[/td][/tr]
[/table]
[h1]Summary[/h1]
[p]JavaScript, Perl, and PHP are all interpreted programming languages.[/p]
[/body]
[/html]

Imagine that we need to change both occurrences of [h1]heading[/h1] to [h1 class="big"]heading[/h1]. Not a big change and something that could be easily done manually or by doing a simple search and replace. But we’re just getting started here.

To do this, we could use the following Perl script (script1.pl):

1 open (IN, “file1.htm”);
2 open (OUT, “>new_file1.htm”);
3 while ($line = [IN]) {
4 $line =~ s/[h1]/[h1 class="big"]/;
5 (print OUT $line);
6 }
7 close (IN);
8 close (OUT);

Note: You don’t need to enter the line numbers. I’ve included them simply so that I can reference individual lines in the script.

Let’s look at each line of the script.

Line 1
In this line file1.htm is opened so that it can be processed by the script. In order to process the file, Perl uses something called a filehandle, which provides a kind of link between the script and the operating system, containing information about the file that is being processed. I’ve called this “opening” filehandle ‘IN’, but I could have used anything within reason. Filehandles are normally in capitals.

Line 2
This line creates a new file called ‘new_file1.htm’, which is written to by using another filehandle, OUT. The ‘>’ just before the filename indicates that the file will be written to.

Line 3
This line sets up a loop in which each line in file1.htm will be examined individually.

Line 4
This is the regular expression. It searches for one occurrence of [h1] on each line of file1.htm and, if it finds it, changes it to [h1 class="big"].

Looking at Line 4 in more detail:

$line – This is a variable that contains a line of text. It gets modified if the substitution is successful.

=~ is called the comparison operator.

s is the substitution operator.

[h1] is what needs to be substituted (replaced).

[h1 class="big"] is what [h1] has to be changed to.

Line 5
This line takes the contents of the $line variable and, via the OUT file handle, writes the line to new_file1.htm.

Line 6
This line closes the ‘while’ loop. The loop is repeated until all the lines in file1.htm have been examined.

Lines 7 and 8
These two lines close the two file handles that have been used in the script. If you missed off these two lines the script would still work, but it’s good programming practice to close file handles, thus freeing up the file handle names so they can be used, for example, by another file.

Running the Script

As the purpose of this article is to explain how to use regular expressions to process HTML files, and not necessarily how to use Perl, I don’t want to spend too long describing how to run Perl scripts. Suffice to say that you can run them in various ways, for example, from within a text editor such as TextPad, by double-clicking the perl script (script1.pl), or by running the script from an MS-DOS window.

(The location of the Perl interpreter will need to be in your PATH statement so that you can run Perl scripts from any location on your computer and not just from within the directory where the interpreter (perl.exe) itself is installed.)

So, to run our script we could open an MS-DOS window and navigate to the location where the script and the HTML file are located. To keep life simple I’ve assumed that these two files are in the same folder (or directory). The command to run the script is:

C:>perl script1.pl

If the script does work (and hopefully it will), a new file (new_file1.htm) is created in the same folder as file1.htm. If you open the file you’ll see the the two lines that contained [h1] tags have been modified so that they now read [h1 class="big"].

In Part 3 we’ll look at how to handle multiple files.

John is a web developer working for My Health Questions Matter, a company dedicated to helping patients to get the most out of their interaction with health care professionals such as doctors, midwives, and consultants by generating a set of health questions a patient can ask at an appointment.

Early e-books were generally written for specialty areas and a limited audience, meant to be read only by small and devoted interest groups. The scope of the subject matter of these e-books included technical manuals for hardware, manufacturing techniques, and other subjects.

Numerous e-book formats emerged and proliferated, some supported by major software companies such as format, and others supported by independent and open-source programmers. Multiple readers naturally followed multiple formats, most of them specializing in only one format, and thereby fragmenting the e-book market even more. Due to exclusiveness and limited readerships of e-books, the fractured market of independents and specialty authors lacked consensus regarding a standard for packaging and selling e-books. E-books continued to gain in their own underground markets. Many e-book publishers began distributing books that were in the . At the same time, authors with books that were not accepted by publishers offered their works online so they could be seen by others. Unofficial (and occasionally unauthorized) catalogs of books became available over the web, and sites devoted to e-books began disseminating information about e-books to the public.

As of 2009, new marketing models for e-books were being developed and dedicated reading hardware was produced. E-books (as opposed to ebook readers) have yet to achieve global distribution. Only three e-book readers dominate the market, model

download lots of actionscript, asp.net,C sharp,C++, visual C++, algorithm and data structure, bsd, java, css, html, javascript,php, mysql, xml, apache, xsl, networking, windows, linux, oracle, sql, matlab, ielts, toefl, perl, seo and many more ebook from here

http://feboook.blogspot.com

Early e-books were generally written for specialty areas and a limited audience, meant to be read only by small and devoted interest groups. The scope of the subject matter of these e-books included technical manuals for hardware, manufacturing techniques, and other subjects.

Numerous e-book formats emerged and proliferated, some supported by major software companies such as Adobe’s PDF format, and others supported by independent and open-source programmers. Multiple readers naturally followed multiple formats, most of them specializing in only one format, and thereby fragmenting the e-book market even more. Due to exclusiveness and limited readerships of e-books, the fractured market of independents and specialty authors lacked consensus regarding a standard for packaging and selling e-books. E-books continued to gain in their own underground markets. Many e-book publishers began distributing books that were in the public domain. At the same time, authors with books that were not accepted by publishers offered their works online so they could be seen by others. Unofficial (and occasionally unauthorized) catalogs of books became available over the web, and sites devoted to e-books began disseminating information about e-books to the public.

As of 2009[update], new marketing models for e-books were being developed and dedicated reading hardware was produced. E-books (as opposed to ebook readers) have yet to achieve global distribution. Only three e-book readers dominate the market, Amazon’s Kindle model

Some 5-6 years ago, there was no vying competition among the PSD to HTML conversion companies, simply because there were not many firms offering this service. Today however, the PSD to HTML companies have emerged up in plenty, and the designers have a wide variety to choose from.

Is the emergence of PSD to HTML/XHTML companies just another fad in the Internet Marketing world, or a real market need? Here’s an evaluation:

Even before these companies came into being, web designs were undoubtedly converted into web pages. There never felt a need to outsource the designs. So it was neither a fad nor a necessity by then. But with more and more businesses getting online, the competition getting fierce, web design market continuously rising, work orders increasing and projects flowing in, the need to outsource the coding work hammered its need. Outsourcing the HTML/XHTML of web pages to someone who is dedicatedly working on this, sounded more professional to web designers as well as professional HTML/XHTML Conversion companies.

So in sync with the marked need, busy schedule and less time in hands, hiring PSD to HTML/XHTML companies has became a viable option. Now it has almost become a trend and these companies are brimming with copious work orders.

Here’s a follow-up of the work process the companies undergo:

Take Orders: An upfront HTML/XHTML company takes the designs in every format- PSD, AI, PNG, PDF or existing markups. They are also able to implement the designs into skins, themes, CMS and shopping carts.

Order Reviews: Reviewing and considering the order is a mandatory step in any outsourcing project. A professional XHTML company would always assign your work to a project manager, and review and analyze your order before commencement.

Conversion: The conversion process initiates after the project manager assigns the image file to the mark-up developer.

Quality Assurance: The developer hands over the mark-up to the testing team, who approves it in conformance to the browsers compatibility and quality guidelines.

Though it is not a laid-out process for all the HTML/XHTML/CSS conversion companies. It is rather a streamlined way for any company to conduct XHTML conversion.

webbrandz.co.uk offers quality services like Web site design, PSD to HTML, psd to XHTML/CSS conversions, SEO and Web Development London, UK. Fore more information, Please visit http://www.webbrandz.co.uk or mail to sales@webbrandz.co.uk

HTML forms and contact forms are a terrific enhancement for your website. These are used by various companies and individuals for collecting all kinds of important information, from answers and surveys to order forms.

A contact form is another way to display your email address as a link. When you contact a business or website owner through a webpage instead of your own email program you are using a contact form.

If you own any type of website, adding a html form or a contact form will give your site interaction between you and your visitors and, in some cases, interaction between visitors.

Some of the reasons to add contact forms to your websites include:

- Joining your newsletter

- Adding comments

- Asking questions

- Filling out an application for employment

- Answering survey questions

- Joining clubs

- Answering multi-choice polls

These are just a few of the reasons you may wish to add html forms and contact forms to your website.

We offer you the ability to create all kinds of html forms online so, all you have to do is copy the form and then paste it onto the page you wish the form to be displayed. You will be able to decide how many fields you need for your html form, name each field, choose the size of the field, and the type of data that should be placed in the blank. You can have the contact form blend in with the colors and text of your website or, make the form stand out by choosing the color of text and background.

Choosing what information is mandatory is up to you, depending on what you need the html form for. If you only need an email address and first name for joining your newsletter then, that is all you have to have fields for, however, if you need to ask several questions regarding expertise for an employment application you can add all of these with multi-choice features or blank fields for the person to fill in.

Polls are often a wonderful way to get your visitors involved in all kinds of things, from political questions to favorite entertainment artists or songs. With these polls, you can post the top answers chosen by your guests, which gives them a way to interact and be involved in your website. This information can then be used to add information to your website. Example: If you wish to talk about celebrities, you can find out which celebrities are among the favorites of your guests before you begin working on the topic. This will ensure more visitors to your website to read all the gossip.

Html forms and contact forms will be a wonderful tool that can help your business whether you need it for employment applications, taking orders, sending newsletters, or just for fun. Add a html form to your website today and begin watching the difference in website visitors.

Ted Peterson uses html forms as contact forms on his website to keep in touch with his site visitors. He recommends the free service plan from 123ContactForm.

HTML forms and contact forms are a terrific enhancement for your website. These are used by various companies and individuals for collecting all kinds of important information, from answers and surveys to order forms.

A contact form is another way to display your email address as a link. When you contact a business or website owner through a webpage instead of your own email program you are using a contact form.

If you own any type of website, adding a HTML form or a contact form will give your site interaction between you and your visitors and, in some cases, interaction between visitors.

Some of the reasons to add contact forms to your websites include:

- Joining your newsletter
- Adding comments
- Asking questions
- Filling out an application for employment
- Answering survey questions
- Joining clubs
- Answering multi-choice polls

These are just a few of the reasons you may wish to add HTML forms and contact forms to your website.

We offer you the ability to create all kinds of HTML forms online so, all you have to do is copy the form and then paste it onto the page you wish the form to be displayed. You will be able to decide how many fields you need for your HTML form, name each field, choose the size of the field, and the type of data that should be placed in the blank. You can have the contact form blend in with the colors and text of your website or, make the form stand out by choosing the color of text and background.

Choosing what information is mandatory is up to you, depending on what you need the HTML form for. If you only need an email address and first name for joining your newsletter then, that is all you have to have fields for, however, if you need to ask several questions regarding expertise for an employment application you can add all of these with multi-choice features or blank fields for the person to fill in.

Polls are often a wonderful way to get your visitors involved in all kinds of things, from political questions to favorite entertainment artists or songs. With these polls, you can post the top answers chosen by your guests, which gives them a way to interact and be involved in your website. This information can then be used to add information to your website. Example: If you wish to talk about celebrities, you can find out which celebrities are among the favorites of your guests before you begin working on the topic. This will ensure more visitors to your website to read all the gossip.

HTML forms and contact forms will be a wonderful tool that can help your business whether you need it for employment applications, taking orders, sending newsletters, or just for fun. Add a HTML form to your website today and begin watching the difference in website visitors.

Ted Peterson uses html forms as contact forms on this website to keep in touch with his site visitors. He recommends the free service plan from 123ContactForm.

Inexperienced HTML authors frequently ask, “Is there a way I can hide my document’s source from users?” Well, the answer is an emphatic Yes!

By following this HTML Encoder, you can encrypt your source html code, content have will be hidden. The document’s source is encrypted using an many efficient algorithms that makes it nearly impossible to reproduce the original cleartext.

Some examples:

Was:

Hello World

Became:

eval(unescape(“%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%22%5C%75%30%30%33%63%5C%75%30%30%36%38%5C%75%30%30%33%31%5C%75%30%30%33%65%5C%75%30%30%34%38%5C%75%30%30%36%35%5C%75%30%30%36%63%5C%75%30%30%36%63%5C%75%30%30%36%66%5C%75%30%30%32%30%5C%75%30%30%35%37%5C%75%30%30%36%66%5C%75%30%30%37%32%5C%75%30%30%36%63%5C%75%30%30%36%34%5C%75%30%30%33%63%5C%75%30%30%32%66%5C%75%30%30%36%38%5C%75%30%30%33%31%5C%75%30%30%33%65%22%29%3B”));

OR:

function AC84441A5557EE4ADECEDDD5(CEEE37222C90DFDACF40BC182){function A0E44002DC5C8124AB46E(){return 16;}return(parseInt(CEEE37222C90DFDACF40BC182,A0E44002DC5C8124AB46E()));}function DF218B218F1E2682(EC14B5EB303ABD938FF8){var AA02B68711731284=”";for(E25D6C8E484F691245878BE3C=0;E25D6C8E484F691245878BE3C

OR:

eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!”.replace(/^/,String)){while(c–){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return’\\w+’};c=1};while(c–){if(k[c]){p=p.replace(new RegExp(‘\\b’+e(c)+’\\b’,'g’),k[c])}}return p}(‘j(l(“%i%g%4%1%h%6%k%b%s%m%q%p%b%6%o%f%2%1%0%0%5%4%2%1%0%0%3%7%2%1%0%0%5%e%2%1%0%0%5%6%2%1%0%0%d%7%2%1%0%0%3%a%2%1%0%0%3%4%2%1%0%0%3%4%2%1%0%0%3%8%2%1%0%0%9%0%2%1%0%0%a%c%2%1%0%0%3%8%2%1%0%0%c%9%2%1%0%0%3%4%2%1%0%0%3%d%2%1%0%0%5%4%2%1%0%0%9%8%2%1%0%0%3%7%2%1%0%0%5%e%2%1%0%0%5%6%f%n%r”));’,29,29,’30|75|5C|36|63|33|65|38|66|32|35|74|37|34|31|22|6F|6D|64|eval|6E|unescape|77|29|28|69|72|3B|2E’.split(‘|’),0,{}));

The document is completely unreadable, of course, and it can’t be properly parsed by an HTML browser, but that’s merely a minor side effect of hiding the HTML source. Don’t let it bother you. The source is safe from prying eyes.

On the other hand, if you want your HTML documents to be readable (like the document you are reading right now), then you cannot hide the source. The browser must have access to clear HTML source in order to produce a readable rendition for the user. There is no way to produce an HTML document that can be viewed in a browser window but whose source cannot be examined.

If you are afraid of having your material copied or stolen, and you do not believe copyright protection will adequately protect your interests, then do not publish your material on the WWW – or at least do not publish it in HTML. You will have to find another distribution mechanism, or another media, that provides the security you need.

HTML is the acronym for Hyper Text Markup Language. For learning purposes, just think of it as a language that the computer understands. For example, as humans, we were taught different languages; i.e. HTML as a language, is mostly and specifically used to create a website. The web browser, such as Microsoft Internet Explorer or Mozilla Firefox, will then decipher and interpret the code or rather, language(HTML), and display it in a way we can understand it, just like in a basic webpage.


Knowing basic HTML is good but if you do not know HTML, that is not the end of the world! You can always take HTML courses or search for information online. I started out on the web with zero HTML knowledge but I learn the basic and I build websites. Now, I still am no expert but I am still building websites.


Go to Google or Yahoo right now and type in “Basic HTML”. You can find many websites providing information on basic HTML. Do not fear the language, the more you get in contact with it, the more familiar you become.


Furthermore, one could also gain access to online web-builders, website builders that are inbuilt and can be directly controlled from the net. There are many different and specific builders online. Many web hosts also provide website wizard to help you start your webpage.


Books and magazines contain guides that can help in offering tutorials and ways to put up our own websites. Even online tutorials are credible, as in the modern world, information technology is the best and most cost efficient way in retaining knowledge, especially in this particular field.


Don’t let this be a hinder to you. This should not be an excuse to put you off the web.

Jean Phyllis started earning on the web with no experience and little internet knowledge. She knows the difficulties that newbies are facing and would greatly recommend affiliate marketing as the best way to start earning money online. Start your internet business www.beginner-internet-business.com