This Is One Of The K.T.K Group Of Company

Friday, 11 March 2011

COMPUTER HACKING

In computing, a hacker is a person in one of several distinct (but not completely disjoint) communities and subcultures 

A community of enthusiast computer programmers and systems designers, originated in the 1960s around the Massachusetts Institute of Technology's (MIT's) Tech Model Railroad Club (TMRC) and MIT Artificial Intelligence Laboratory This community is notable for launching the free software movement. The World Wide Web and the Internet itself are also hacker artifacts The Request for Comments RFC 1392 amplifies this meaning as "[a] person who delights in having an intimate understanding of the internal workings of a system, computers and computer networks in particular." See Hacker (programmer subculture).

The hobbyist home computing community, focusing on hardware in the late 1970s (e.g. the Homebrew Computer Club) and on software (computer games, software cracking, the demoscene) in the 1980s/1990s. The community included Steve Jobs, Steve Wozniak and Bill Gates and created the personal computing industry. See Hacker (hobbyist).

§ People committed to circumvention of computer security. This primarily concerns unauthorized remote computer break-ins via a communication networks such as the Internet (Black hats), but also includes those who debug or fix security problems (White hats), and the morally ambiguous Grey hats. See Hacker (computer security).

Today, mainstream usage of “hacker” mostly refers to computer criminals, due to the mass media usage of the word since the 1980s. This includes what hacker slang calls “script kiddies,” people breaking into computers using programs written by others, with very little knowledge about the way they work. This usage has become so predominant that the general public is unaware that different meanings exist. While the self-designation of hobbyists as hackers is acknowledged by all three kinds of hackers, and the computer security hackers accept all uses of the word, people from the programmer subculture consider the computer intrusion related usage incorrect, and emphasize the difference between the two by calling to security breakers “crackers” (analogous to a safecracker).


Hacker definition controversy

Currently, "hacker" is used in two main conflicting ways, one pejorative and one complimentary. The controversy is usually based on the assumption that the term originally meant someone messing about with something in a positive sense, that is, using playful cleverness to achieve a goal. But then, it is supposed, the meaning of the term shifted over the decades since it first came into use in a computer context and became to refer to computer criminals. As usage has spread more widely, the primary meaning of newer users conflicts with the original primary emphasis. In popular usage and in the media, computer intruders or criminals is the exclusive meaning today, with associated pejorative connotations. (For example, "An Internet 'hacker' broke through state government security systems in March.") In the computing community, the primary meaning is a complimentary description for a particularly brilliant programmer or technical expert. (For example, "Linus Torvalds, the creator of Linux, is considered by some to be a hacker.") A large segment of the technical community insist the latter is the "correct" usage of the word (see the Jargon File definition below). Themainstream media's current usage of the term may be traced back to the early 1980s. When the term was introduced to wider society by the mainstream media in 1983, even those in the computer community referred to computer intrusion as "hacking", although not as the exclusive use of that word. In reaction to the increasing media use of the term exclusively with the criminal connotation, the computer community began to differentiate their terminology. Alternative terms such as "cracker" were coined in an effort to distinguish between those adhering to the historical use of the term "hack" within the programmer community and those performing computer break-ins. Further terms such as "black hat", "white hats" and "gray hats" developed when laws against breaking into computers came into effect, to distinguish criminal activities and those whose activities were legal. However, since network news use of the term pertained primarily to the criminal activities despite this attempt by the technical community to preserve and distinguish the original meaning, the mainstream media and general public continue to describe computer criminals with all levels of technical sophistication as "hackers" and does not generally make use of the word in any of its non-criminal connotations.

As a result of this difference, the definition is the subject of heated controversy. The wider dominance of the pejorative connotation is resented by many who object to the term being taken from their cultural jargon and used negatively, including those who have historically preferred to self-identify as hackers. Many advocate using the more recent and nuanced alternate terms when describing criminals and others who negatively take advantage of security flaws in software and hardware. Others prefer to follow common popular usage, arguing that the positive form is confusing and unlikely to become widespread in the general public. A minority still stubbornly use the term in both original senses despite the controversy, leaving context to clarify (or leave ambiguous) which meaning is intended. It is noteworthy, however, that the positive definition of hacker was widely used as the predominant form for many years before the negative definition was popularized. "Hacker" can therefore be seen as a shibboleth, identifying those who use the technically-oriented sense (as opposed to the exclusively intrusion-oriented sense) as members of the computing community.

A possible middle ground position has been suggested, based on the observation that "hacking" describes a collection of skills which are used by hackers of both descriptions for differing reasons. The analogy is made to locksmithing, specifically picking locks, which — aside from its being a skill with a fairly high tropism to 'classic' hacking — is a skill which can be used for good or evil. The primary weakness of this analogy is the inclusion of script kiddies in the popular usage of "hacker", despite the lack of an underlying skill and knowledge base. Sometimes, hacker also is simply used synonymous to geek: "A true hacker is not a group person. He's a person who loves to stay up all night, he and the machine in a love-hate relationship... They're kids who tended to be brilliant but not very interested in conventional goals[...] It's a term of derision and also the ultimate compliment."

Fred Shapiro thinks that "the common theory that 'hacker' originally was a benign term and the malicious connotations of the word were a later perversion is untrue." He found out that the malicious connotations were present at MIT in 1963 already (quoting The Tech, a MIT Student Magazine) and then referred to unauthorized users of the telephone network, that is, the phreaker movement that developed into the computer security hacker subculture of today.


Computer security hackers 



In computer security, a hacker is someone who focuses on security mechanisms of computer and network systems. While including those who endeavor to strengthen such mechanisms, it is more often used by themass media and popular culture to refer to those who seek access despite these security measures. That is, the media portrays the 'hacker' as a villain. Nevertheless, parts of the subculture see their aim in correcting security problems and use the word in a positive sense. They operate under a code, which acknowledges that breaking into other people's computers is bad, but that discovering and exploiting security mechanisms and breaking into computers is still an interesting activity that can be done ethically and legally. Accordingly, the term bears strong connotations that are favorable or pejorative, depending on the context.

The subculture around such hackers is termed network hacker subculture, hacker scene or computer underground. It initially developed in the context of phreaking during the 1960s and the microcomputer BBS scene of the 1980s. It is implicated with 2600: The Hacker Quarterly and the alt.2600 newsgroup.

In 1980, an article in the August issue of Psychology Today (with commentary by Philip Zimbardo) used the term “hacker” in its title: "The Hacker Papers". It was an excerpt from a Stanford Bulletin Board discussion on the addictive nature of computer use. In the 1982 film TRON, Kevin Flynn (Jeff Bridges) describes his intentions to break into ENCOM's computer system, saying "I've been doing a little hacking here". CLU is the software he uses for this. By 1983, hacking in the sense of breaking computer security had already been in use as computer jargon, but there was no public awareness about such activities. However, the release of the movie WarGames that year, featuring a computer intrusion into NORAD, raised the public belief that computer security hackers (especially teenagers) could be a threat to national security. This concern became real when, in the same year, a gang of teenage hackers in Milwaukee, Wisconsin, known as The 414s, broke into computer systems throughout the United States and Canada, including those of Los Alamos National Laboratory, Sloan-Kettering Cancer Center and Security Pacific Bank. The case quickly grew media attention, and 17-year-old Neal Patrick emerged as the spokesman for the gang, including a cover story in Newsweek entitled "Beware: Hackers at play", with Patrick's photograph on the cover The Newsweek article appears to be the first use of the word hacker by the mainstream media in the pejorative sense.

Pressured by media coverage, congressman Dan Glickman called for an investigation and began work on new laws against computer hacking. Neal Patrick testified before the U.S. House of Representatives on September 26, 1983 about the dangers of computer hacking, and six bills concerning computer crime were introduced in the House that year. As a result of these laws against computer criminality, white hat, grey hat and black hathackers try to distinguish themselves from each other, depending on the legality of their activities. These moral conflicts are expressed in The Mentor's "The Hacker Manifesto", published 1986 in Phrack.

Use of the term hacker meaning computer criminal was also advanced by the title "Stalking the Wily Hacker", an article by Clifford Stoll in the May 1988 issue of the Communications of the ACM. Later that year, the release by Robert Tappan Morris, Jr. of the so-called Morris worm provoked the popular media to spread this usage. The popularity of Stoll's book The Cuckoo's Egg, published one year later, further entrenched the term in the public's consciousness.


Programmer subculture of hackers 

The computer security use is contrasted by the different understanding of hacker as a person who follows a spirit of playful cleverness and loves programming. It is found in an originally academic movement unrelated to computer security and most visibly associated with free software and open source. It also has a hacker ethic, based on the idea that writing software and sharing the result on a voluntary basis is a good idea, and that information should be free, but that it's not up to the hacker to make it free by breaking into private computer systems. This hacker ethic was publicized and perhaps originated in Steven Levy's Hackers: Heroes of the Computer Revolution (1984). It contains a codification of its principles.

The programmer subculture of hackers disassociates from the mass media's pejorative use of the word 'hacker' referring to computer security, and usually prefer the term 'cracker' for that meaning. Complaints about supposed mainstream misuse started as early as 1983, when media used “hacker” to refer to the computer criminals involved in the 414s case.

In the programmer subculture of hackers, a computer hacker is a person who enjoys designing software and building programs with a sense for aesthetics and playful cleverness. The term hack in this sense can be traced back to "describe the elaborate college pranks that...students would regularly devise" (Levy, 1984 p. 10). To be considered a 'hack' was an honour among like-minded peers as "to qualify as a hack, the feat must be imbued with innovation, style and technical virtuosity" (Levy, 1984 p. 10) The MIT's Tech Model Railroad Club Dictionary defined hack in 1959 (not yet in a computer context) as "1) an article or project without constructive end; 2) a project undertaken on bad self-advice; 3) an entropy booster; 4) to produce, or attempt to produce, a hack(3)." “hacker” was defined as "one who hacks, or makes them." Much of the TMRC's jargon was later imported into early computing culture, because the club started using a DEC PDP-1 and applied its local model railroad slang in this computing context. Despite being incomprehensible to outsiders, the slang became popular in MIT's computing environments outside the club. Other examples of jargon imported from the club are 'losing' "when a piece of equipment is not working" and 'munged' "when a piece of equipment is ruined".



According to Eric S. Raymond, the Open source and Free Software hacker subculture developed in the 1960s among ‘academic hackers working on early minicomputers in computer science environments in the United States.

Hackers were influenced by and absorbed many ideas of key technological developments and the people associated with them. Most notable is the technical culture of the pioneers of the Arpanet, starting in 1969. The PDP-10 machine AI at MIT, which was running the ITS operating system and which was connected to the Arpanet, provided an early hacker meeting point. After 1980 the subculture coalesced with the culture of Unix. Since the mid-1990s, it has been largely coincident with what is now called the free software and open source movement.

Many programmers have been labeled "great hackers", but the specifics of who that label applies to is a matter of opinion. Certainly major contributors tocomputer science such as Edsger Dijkstra and Donald Knuth, as well as the inventors of popular software such as Linus Torvalds (Linux), and Dennis Ritchieand Ken Thompson (the C programming language) are likely to be included in any such list; see also List of programmers. People primarily known for their contributions to the consciousness of the programmer subculture of hackers include Richard Stallman, the founder of the free software movement and theGNU project, president of the Free Software Foundation and author of the famous Emacs text editor as well as the GNU Compiler Collection (GCC), and Eric S. Raymond, one of the founders of the Open Source Initiative and writer of the famous text The Cathedral and the Bazaar and many other essays, maintainer of the Jargon File (which was previously maintained by Guy L. Steele, Jr.).

Within the computer programmer subculture of hackers, the term hacker is also used for a programmer who reaches a goal by employing a series of modifications to extend existing code or resources. In this sense, it can have a negative connotation of using inelegant kludges to accomplish programming tasks that are ugly, inelegant, and inefficient. This derogatory form of the noun "hack" derives from the everyday English sense "to cut or shape by or as if by crude or ruthless strokes" [Merriam-Webster] and is even used among users of the positive sense of "hacker". In other words to "hack" at an original creation, as if with an axe, is to force-fit it into being usable for a task not intended by the original creator, and a "hacker" would be someone who does this habitually. (The original creator and the hacker may be the same person.) This usage is common in both programming and engineering. In programming, hacking in this sense appears to be tolerated and seen as a necessary compromise in many situations. Some argue that it should not be, due to this negative meaning; others argue that some kludges can, for all their ugliness and imperfection, still have "hack value". In non-software engineering, the culture is less tolerant of unmaintainable solutions, even when intended to be temporary, and describing someone as a "hacker" might imply that they lack professionalism. In this sense, the term has no real positive connotations, except for the idea that the hacker is capable of doing modifications that allow a system to work in the short term, and so has some sort of marketable skills. There is always, however, the understanding that a more skillful, or technical, logician could have produced successful modifications that would not be considered a "hack-job". The definition is similar to other, non-computer based, uses of the term "hack-job". For instance, a professional modification of a production sports car into a racing machine would not be considered a hack-job, but a cobbled together backyard mechanic's result could be. Even though the outcome of a race of the two machines could not be assumed, a quick inspection would instantly reveal the difference in the level of professionalism of the designers.

In a very universal sense, hacker also means someone who makes things work beyond perceived limits in a clever way in general, without necessarily referring to computers, especially at the MITThat is, people who apply the creative attitude of software hackers in fields other than computing. This includes even activities that predate computer hacking, for example reality hackers or urban spelunkers (exploring undocumented or unauthorized areas in buildings). One specific example are clever pranks traditionally perpetrated by MIT students, with the perpetrator being called hacker. For example, when MIT students surreptitiously put a fake police car atop the dome on MIT's Building 10, that was a hack in this sense, and the students involved were therefore hackers. Another type of hacker is now called a reality hacker. More recent examples of usage for almost any type of playful cleverness are wetware hackers ("hack your brain"), media hackers and "hack your reputation".


Home computer hackers 

In a third meaning, hacker refers to computer hobbyists who push the limits of their software or hardware. The home computer hacking subculture relates to the hobbyist home computing of the late 1970s, beginning with the availability of MITS Altair. An influential organization was the Homebrew Computer Club. However, its roots go back further to amateur radio enthusiasts. The amateur radio slang referred to creatively tinkering to improve performance as “hacking” already in the 1950s

A large overlaps between hobbyist hackers and the programmer subculture hackers existed during the Homebrew Club's days, but the interests of both communities developed into different directions. Today, the hobbyists focus on commercial computer and video games, software cracking and exceptional computer programming (demo scene). Also of interest to some members of this group is the modification of computer hardware and other electronic devices, see modding.


Overlaps and differences 


The main basic difference between programmer subculture and computer security hackers is their mostly separate historical origin and development. However, the Jargon File reports that considerable overlap existed for the early phreaking at the beginning of the 1970s. An article from MIT's student paper The Tech used the term hacker in this context already in 1963 in its pejorative meaning for someone messing with the phone system.[9] The overlap quickly started to break when people joined in the activity who did it in a less responsible way.[27] This was the case after the publication of an article exposing the activities of Draper and Engressias.

According to Raymond, hackers from the programmer subculture usually work openly and use their real name, while computer security hackers prefer secretive groups and identity-concealing aliases. Also, their activities in practice are largely distinct. The former focus on creating new and improving existing infrastructure (especially the software environment they work with), while the latter primarily and strongly emphasize the general act of circumvention of security measures, with the effective use of the knowledge (which can be to report and help fixing the security bugs, or exploitation for criminal purpose) being only rather secondary. The most visible difference in these views was in the design of the MIT hackers' Incompatible Timesharing System, which deliberately didn't have any security measures.

There are some subtle overlaps, however, since basic knowledge about computer security is also common within the programmer subculture of hackers. For example, Ken Thompson noted during his 1983 Turing Award lecture that it is possible to add code to the UNIX "login" command that would accept either the intended encrypted password or a particular known password, allowing a back door into the system with the latter password. He named his invention the "Trojan horse". Furthermore, Thompson argued, the C compiler itself could be modified to automatically generate the rogue code, to make detecting the modification even harder. Because the compiler is itself a program generated from a compiler, the Trojan horse could also be automatically installed in a new compiler program, without any detectable modification to the source of the new compiler. However, Thompson disassociated himself strictly from the computer security hackers: "I would like to criticize the press in its handling of the 'hackers,' the 414 gang, the Dalton gang, etc. The acts performed by these kids are vandalism at best and probably trespass and theft at worst. ... I have watched kids testifying before Congress. It is clear that they are completely unaware of the seriousness of their acts."

The programmer subculture of hackers sees secondary circumvention of security mechanisms as legitimate if it is done to get practical barriers out of the way for doing actual work. In special forms, that can even be an expression of playful cleverness However, the systematic and primary engagement in such activities is not one of the actual interests of the programmer subculture of hackers and it doesn't have significance in its actual activities, either. A further difference is that, historically, members of the programmer subculture of hackers were working at academic institutions and used the computing environment there. In contrast, the prototypical computer security hacker had access exclusively to a home computer and a modem. However since the mid-1990s, with home computers that could run Unix-like operating systems and with inexpensive internet home access being available for the first time, many people from outside of the academic world started to take part in the programmer subculture of hacking.

Since the mid-1980s, there are some overlaps in ideas and members with the computer security hacking community. The most prominent case is Robert T. Morris, who was a user of MIT-AI, yet wrote the Morris worm. The Jargon File hence calls him "a true hacker who blundered"] Nevertheless, members of the programmer subculture have a tendency to look down on and disassociate from these overlaps. They commonly refer disparagingly to people in the computer security subculture as crackers, and refuse to accept any definition of hacker that encompasses such activities. The computer security hacking subculture on the other hand tends not to distinguish between the two subcultures as harshly, instead acknowledging that they have much in common including many members, political and social goals, and a love of learning about technology. They restrict the use of the term cracker to their categories of script kiddies and black hat hackers instead.

All three subcultures have relations to hardware modifications. In the early days of network hacking, phreaks were building blue boxes and various variants. The programmer subculture of hackers has stories about several hardware hacks in its folklore, such as a mysterious 'magic' switch attached to a PDP-10 computer in MIT's AI lab, that, when turned off, crashed the computer. The early hobbyist hackers built their home computers themselves, from construction kits. However, all these activities have died out during the 1980s, when the phone network switched to digitally controlled switchboards, causing network hacking to shift to dialing remote computers with modems, when pre-assembled inexpensive home computers were available, and when academic institutions started to give individual mass-produced workstation computers to scientists instead of using a central timesharing system. The only kind of widespread hardware modification nowadays is case modding.

An encounter of the programmer and the computer security hacker subculture occurred at the end of the 1980s, when a group of computer security hackers, sympathizing with the Chaos Computer Club (who disclaimed any knowledge in these activities), broke into computers of American military organizations and academic institutions. They sold data from these machines to the Soviet secret service, one of them in order to fund his drug addiction. The case could be solved when Clifford Stoll, a scientist working as a system administrator, found ways to log the attacks and to trace them back (with the help of many others). 23, a German film adaption with fictional elements, shows the events from the attackers' perspective. Stoll described the case in his book The Cuckoo's Egg and in the TV documentary The KGB, the Computer, and Me from the other perspective. According to Eric S. Raymond, it "nicely illustrates the difference between 'hacker' and 'cracker'. Stoll's portrait of himself, his lady Martha, and his friends at Berkeley and on the Internet paints a marvelously vivid picture of how hackers and the people around them like to live and how they think. 

ANY TIME SOFT LIFE WITH YOU. GO A GOOD WAY 

WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE?


YOU NEED A FOLDER (also called a DIRECTORY)


You should set up a folder or directory to hold only your HTML files (also called documents) for the web pages you are designing. Work in that folder only. If you are doing all these lessons, you may also wish to set up a separate folder to hold all my examples for testing in your browser. The best way to learn is by doing so when I give you an example or a problem for you to work on, be sure to try it out to see what it would look like on the web through your browser. You can then alter the example to experiment with different effects. In any event, you need some place to put your work. If you do not know how to create a folder, be sure to call someone who does know and can tell you how to do it.
YOU DO NOT NEED TO BE CONNECTED TO THE INTERNET
You can write and design your HTML pages (that is, your web pages) off-line. If all you are doing is designing and creating web pages, you do not need to go on the internet. If you have a regular telephone dial up connection, and there is only one telephone line in your house, there is no need to tie up the line.
YOU NEED A BROWSER
Netscape Navigator (also called Netscape Communicator) and Internet Explorer are among today's most popular browsers for viewing web pages and for surfing the internet. There are other browsers also but they are not nearly as popular as Netscape and Explorer.
YOU NEED A WORD PROCESSOR
You need a simple word processor such as NotePad or WordPad. These simple word processors are also called text editors and are ideal for creating web pages. Now you can also use word processors such as WordPerfect or Microsoft Word or Works but they are not simple text editors. They include a lot of formatting which we do not want. For these and other reasons, many webmasters like using NotePad which can be found in the Accessories folder (also known as the Accessories "Group"). In Windows, for example, NotePad is found by clicking on "Start", then choosing "Programs" (or All Programs), then choosing "Accessories" and finally choosing NotePad. That is:
Start --> Programs --> Accessories --> NotePad
As we will see later in this lesson, there are good reasons for using a text editor such as NotePad for creating web pages.
Sometimes the coding for a web page can become so big that it will no longer fit into NotePad. In this case, you will need to switch to another text editor to complete the page. When you are faced with this situation,WordPad is the answer. It allows for much larger files and is also located in the Accessories folder. You may wish to try WordPad sometime. It has a few more features than NotePad and so you may prefer to use WordPad instead of NotePad. From here on in I will be referring to NotePad as the text editor of choice. Of course if you wish, you can use any text editor or word processor.
In summary, you basically:
  1. create your web page in a text editor such as NotePad (typing in all the text and tags)
  2. save your web page as an HTML file using any appropriate name
  3. load the HTML file into the browser to see how your web page looks and works
  4. switch back to NotePad to make any corrections, changes, etc.


YOU NEED TO HAVE BOTH YOUR BROWSER AND NOTEPAD ACTIVELY RUNNING

To design a web page, you need to have BOTH your browser AND NotePad active at the same time. In other words, while you are working with one, the other is sitting there in the background. This way you can quickly SWITCH back and forth between them. If you do not know how to have both your browser and NotePad running at the same time, be sure to ask someone who does know.


PLACING THE NOTEPAD ICON ON YOUR DESKTOP

You can have the NotePad icon placed directly on your desktop. This way you can click on the icon and instantly load NotePad without having to locate it through the Start menu. If you do not know how to do this, here are the steps.
  1. First make sure that you can see the desktop or at least part of it. When you turn on the computer, the desktop is the first thing you see after the computer finishes booting. If you have another program covering up the desktop, then minimize or close it so that you can see the desktop.
  2. Choose Start --> Programs --> Accessories. You will now see NotePad in the folder list.
  3. Click with your right mouse button on the name NotePad. That is, right-click on NotePad. This will bring up another menu list.
  4. From this menu list, choose Create Shortcut.
  5. Go back to the Accessories folder and you will now see Notepad(2) in the list, likely at the bottom of the list. This time move the cursor over the name NotePad(2). Now click and hold down the left mouse button (do not release the button). Now drag the name Notepad(2) onto the desktop. That is, drag the shortcut Notepad(2) from the Accessories list onto the desktop.
  6. You now have an icon on your desktop with Notepad(2) written below it. If you double click on this icon, NotePad immediately opens up.
  7. You can now rename the icon to simply NotePad or Notepad by right-clicking on the icon and from the pop-up menu, choose Rename. You can then type in the name you want.
  8. The above procedure can be used to place a shortcut on the desktop for any application.


top | | bottom |

NAMING YOUR WEB PAGE

When you save your web page for the first time, you need to give it a name. You not only have to give it a name but you also need to add a suffix (an extension) to the name.
THE NAME: If you are not running at least Windows 95, your file name is limited to a maximum of 8 characters. Otherwise the name can be longer. Since most people today are using at least Windows 95, this is not an issue. It is strongly recommended that you do not use spaces in the file name. Browsers will replace the space with a coding such as %20 so that the name "my web page" will look like "my%20web%20page" which is confusing and does not look good. We do not want strange symbols in our file names and so it is best to avoid spaces in the name.
THE SUFFIX: The suffix is an extension to the name and declares the kind of document that it is. In HTML, the suffix is either ".htm" or ".html". "Htm" or "html" tells the browser you are working with HTML files - that is, an HTML document.
You must use ".htm" if you are not running Windows 95 or higher. Again, this is no longer an issue and so you can use either .htm or .html for the file extension.
So if "homepage" is the name of the HTML document (your web page), you can have either
homepage.htm
OR

homepage.html

SAVING YOUR WEB PAGE (YOUR HTML FILE OR DOCUMENT)
This section may be better understood when we do an actual example in the next lesson, but here is a summary on saving a web page.
  • IF YOU ARE USING ONLY NOTEPAD, WORDPAD or a similar text editor:
    • Choose File from the menu bar, then from the drop down menu, choose Save As.
    • In the Save As dialog window, make sure in NotePad that the Save as type box reads All Files. In the case of WordPad, it should be Text Document.
    • In the File name box, type in a suitable file name along with an extension (either .htm or .html).
    • Click on OK and the file (the web page) is saved. In the case of WordPad you may be told that saving the file will remove all formatting. That is okay because we do not want any formatting saved with the file.
  • IF YOU ARE USING WORDPERFECT, WORD, WORKS (or any popular word processor):
    In lesson one, I gave an example in WordPerfect of what happens when you chose REVEAL CODES. In the lower half of the screen, you see your text all marked up with WordPerfect tags. If you need to review this, just click here on Lesson One. Well, it doesn't matter which word processor you use, it will have its own set of tags or codes which lets it know what the margins are, what is bolded, underlined, when the ENTER key has been pressed, and so on. If you save your HTML web page as a normal document file, all these little tags or codes are saved as well. In HTML, we don't want that. You must save your work asTEXT ONLY files. HTML browsers can read only text. If you don't save as TEXT ONLY, you will be saving a lot more than text. You will also be saving margin settings, bold, italics, indents, etc. When you are ready to save your HTML document or file, you must first choose SAVE AS ... from the FILE menu. Then, besides choosing a suitable file name, you must make sure to also choose TEXT ONLY, ASCII TEXT DOS, MSDOS TEXT, PLAIN TEXT, or just TEXT - your processor will have one of these options or a similar option. You can then click on "OK" to save your HTML file.


    SERVER REQUIREMENTS FOR NAMING HOME PAGES
When you design a website, generally you have a "home page" plus other pages that are linked to this home page. A home page is then your main page that contains information about you, your business or organization, plus a menu of choices for linking to your other pages or to other websites. For this section, I will use the Brant FreeNet as an example. What I say here is true for most, if not all, companies that provide internet services. One of my connections to the internet is through the Brant FreeNet, a non-profit organization. Now, anyone with Brant FreeNet who wants to set up a Home Page is strongly encouraged to name it index.htm. If you plan to have other pages connected to your home page, you can give it any name you like and with either the .htm or .html extension. But for the home page, it should be index.htm. The reason for this is that index.htm is the default name for any home page on line with the Brant FreeNet. This means that if someone is visiting one of your other pages, and would like to see your home page, all they have to do is erase the file name in the address location line, press the ENTER key, and your home page will be displayed. If you don't name your home page index.htm, the browser will not be able to locate your home page and the viewer will receive an error message. The same is true if you are visiting another web page anywhere on the World Wide Web (WWW). If you want to see a home page, just erase the name and you should be connected to the home page.

For example, let's suppose one address from a web page is:


http://www.bfree.on.ca/comdir/retire/buchanan/Lifelease.htm

If you were to erase the file name in the address location line so that it looks like:


http://www.bfree.on.ca/comdir/retire/buchanan/

you will be connected to their home page which is:


http://www.bfree.on.ca/comdir/retire/buchanan/index.htm

Each internet service provider or host has its own default file name for home pages. Some may state that it is to be index.htm. Others may state that it must be index.html and still others will allow it to be either index.htm or index.html. There may also be a few providers that have another name instead of index. If you do not know what you should name your home page, ask the internet company who is going to host your website. Also, the next time you are surfing the WWW, try the above method to see if you can connect to someone's home page.


LOADING YOUR WEB PAGE INTO YOUR BROWSER

Once you have saved your web page (your HTML file or document), you need to SWITCH over to your browser which is running in the background. Once you activate your browser, choose File from the menu bar, and then choose Open or Open File or Open File in Browser (one of them should be in the File menu). You will then need to locate your web page, click on the file name and then click the OK button. Your HTML file will appear in the browser. You can only observe your file in the browser - you can not edit in the browser. Once you have seen how your web page looks in the browser, you can then SWITCH back to NotePad to continue working and editing.

NOTE:
(1) If you want to LOAD an HTML file for the first time into NotePad, and the name does not show up in the correct folder in the dialog window, choose All Files (*.*) in the Files of type box and the name should then appear. In the case of WordPad, it must be All Documents (*.*). Click on the name and then on the Open button.
(2) If you use a word processor other than NotePad or WordPad, you may first need to CLOSE the HTML file before it can be loaded into your browser. With NotePad and WordPad this is not necessary.


If some of this sounds confusing, don't worry, you will get a chance to practice saving and loading in Lesson Three.


GETTING YOUR WEB PAGE ON THE INTERNET

When you finish creating your website, you may wish to place it on the World Wide Web (that is, on the internet). To place your website on the internet, you need a host. That is, you need to find an internet company to host your website. You may have an internet business and willing to pay a monthly fee to have your website hosted. There are hundred of companies willing to host your website for under $10 per month with your own domain name. You will of course be required to purchase your domain name which today is relatively cheap. If you go to your favorite search engines and do a search on "web page hosting" or "web page providers" or "web hosting service", etc., there will be no shortage of search results to check out.
On the other hand, you may only have a small internet business or a personal web page, and you do not want to pay any money to have your website hosted. In other words, you want a free web page hosting service. There are many internet companies willing to host your website for free. Many of these companies are good companies giving away lots of free web space - more than you will likely ever need. Some of these hosting companies also offer unlimited E-mail addresses, message boards, guestbooks, personalized domain names, counters and site stats. Some will even provide sponsors that will pay for visitors you send from your free website. Most have easy to learn instructions on how to transfer your website to the internet through their hosting service.
If these companies are willing to host your website for free, then what is the catch? The catch is that you will be required to display some form of advertising - such as advertising their services to all your visitors. If you would like a free website I would suggest that you click here to visit http://www.thefreesite.com where you will find a listing of several internet companies that offer free hosting services plus a host of other free things. The actual page that lists these companies is located at http://www.thefreesite.com/Free_Web_Space/index.html.
TheFreeSite.com checks out each internet company before advertising their free services on TheFreeSite.com website, and then includes a description or comment on each listing. So TheFreeSite.com is a good place to start if you are looking for something free.
Checking out all these internet companies offering free web pages can be confusing so here are two suggestions on what to avoid:
  1. Try to avoid a hosting company that places their advertisements in a pop-up window. What happens here is that every time a visitor displays a page from your website, a window pops up which the visitor then has to close. Many people find these pop-up windows very annoying and it tends to turn them off. These pop-up windows are also a sure sign that your web page is being hosted for free. If you want a professional looking website then I would suggest that you avoid hosts with pop-up advertising windows. Look for a host that will require you to display a banner instead of pop-up windows.
  2. Try to avoid an internet company that will place your website in a frame and their advertising in another frame. Frames are not studied until Lesson 13 but if you want to see what a frames page looks like now, justclick here to see my Lesson 13. It is a frames page with the title ("Lesson 13 - Frames") in one horizontal frame that never moves, and the lesson itself in another frame with a scroll bar so that you can scroll through the lesson. The setup for a host that places your website in a frame is about the same. They will place their advertisements in a horizontal frame that never moves (either at the top of the page or at the bottom of the page) and your web page will be placed in a second frame with a scroll bar.
    There are a number of people do not care for frames and also many of the top search engines are not equipped to properly index web pages with frames. Thus if you intend to place your web page with the search engines, there is a good chance you will not get very good placements.

TheFreeSite.com does include hosts that do not require the displaying of pop-up windows and frames. If I had to choose between (1) and (2), I would go with (2). However, you should try to find a host that avoids both (1) and (2).

GETTING A COUNTER FOR YOUR WEB PAGE

You may wish to place a counter on your home page before placing your website on the internet. A counter will tell you how many visitors visit your website. That is, a counter keeps track of the number of hits to your website. A counter cannot be created with HTML. It requires a scripting language to make a counter (such as a JavaScript or a CGI Script). For this reason, almost everyone gets a free counter and free counters are plentiful. If you would like to check out some free counters for your website, click here to visit http://www.thefreesite.com where you will find a listing of several internet companies that offer free counters. The actual page that lists these companies is located at http://www.thefreesite.com/Webmaster_Freebies/Free_counters_and_trackers/index.html. These free counters come complete with all the necessary coding to place on your website. Just cut & paste the coding that they provide and you have a counter on your website. Counters are usually placed at the bottom of a web page.
There are all kinds of counters that you can choose from. You can get a simple counter that only keeps a record of hits to your website or you can get a counter that gives a lot more information. Many counters not only keep a running total of hits to your website, but they can also tell you where a visitor comes from, what their computer screen resolution is, what browser they are using, and even how long they spent browsing your site. Many counters also give you information such as hits by the hour, day, week, month and year. You can get a counter that gives data in colorful 3D graphs, or styles that you can customize by text color, background color, size, font, etc. One company offers a counter that will even tell you what keywords your visitors used to locate you.
How do you access all this other information about your visitors? Well, with the counter comes your own personal access page located at the company's website that will give you all this information about your visitors. Thus the company giving you the free counter will also provide everything you need along with complete instructions.
While you are visiting TheFreeSite.com, you may wish to subscribe to their free newsletter. It is a great newsletter giving you the latest in freebies. TheFreeSite.com claims to offer the web's largest collection of freebies and that their free stuff listings are the most complete on the internet. I tend to agree with them.

Saturday, 5 March 2011

UNDERSTANDING HTML



HTML stands for HyperText Markup Language.

                 H yper
                 T ext
                 M arkup
                 L anguage
LET'S BREAK THIS DOWN A LITTLE FURTHER

HYPER

You may have heard the expression "hyper" in describing someone. In simplest terms, it means active, kind of "all over the place". The word "Hyper" as part of HTML is similar in context. It simply means that when you are on the internet using a browser such as Netscape Navigator or Internet Explorer, you can in fact, go "all over the place". In browsing through the World Wide Web (WWW), if you see something you like, you can go immediately to it. There is no set order to do things in. Hyper is the opposite of "linear". Linear means that there is a certain order you must follow such as "you must do this before you can do that". Programming languages such as BASIC and FORTRAN are linear. HTML does not hold to that and allows you to jump to any page on the WWW and at any time. Thus the word HYPER refers to the idea that the text in HTML is not linear.

TEXT

We are working with text only files. More on that in Lesson Two.

MARKUP

"Markup" comes from the fact that in order to create web pages, we will be typing in the text and then "marking up" the text. If you are familiar with WordPerfect, consider this example. Suppose you just typed a document in WordPerfect. If you choose REVEAL CODES from the VIEW menu, the monitor screen or Window splits into two parts. The top half of the screen shows the text you typed in and the bottom half shows the same text but with the words marked up with "codes" or "tags". For example, suppose you typed the following three lines in WordPerfect:Hi, this is bold
This is italics
These words are centered
If you choose REVEAL CODES, you would see the following on the bottom half of your screen in one version of WordPerfect:
[Bold On]Hi, this is bold[Bold off][HRt]
[HRt]
[Italic On]This is italics[Italic Off][HRt]
[HRt]
[Just:Center]These words are centered[HRt]

In other words, the text has been marked up with codes or tags as indicated between the [  ] symbols. Each [HRt] indicates that the ENTER key was pressed. [Bold On] means that everything after this tag is bolded. The [Bold Off] tag simply says that bolding is to end here. Unless you choose REVEAL CODES, you won't see these tags. All word processors have codes that tell the computer how to display the document, how to print it out, etc.
        In HTML, WordPerfect tags or the tags from any other word processor won't work. HTML has its own set of tags to mark up text. If you want something bolded or centered, you have to indicate so with HTML tags. WordPerfect automatically puts the tags in for you. In HTML, you must put in the tags yourself. If you want to see the tags for this page, just choose VIEW from the menu bar of your browser and then chooseSOURCE or DOCUMENT SOURCE.

LANGUAGE

"Language" means that we are using a language with all its syntax. Note that HTML is not a programming language such as BASIC or FORTRAN. These are linear programming languages and are based on a whole different set of rules and are far more complicated to learn. The HTML language is easy to learn (trust me).

DIFFERENT VERSIONS OF HTML

HTML 1.0

The original version of HTML was HTML 1.0. It had very limited features which greatly limited what you could do in designing your web pages.

HTML 2.0

HTML 2.0 then arrived and included all the features of HTML 1.0 plus several new features for web page design. Until January, 1997, HTML 2.0 was the standard in web page design.

HTML 3.0

HTML 2.0 served its purpose very well, but many people designing web pages (called HTML authors or webmasters) wanted more control over their web pages and more ways to mark up their text and enhance the appearance of their websites. Netscape, the leading browser at that time, introduced new tags and attributes called the Netscape Extension Tags. Other browsers tried to duplicate them but Netscape did not fully specify their new tags and so these extension tags did not work in most other browsers. It led to considerable confusion and problems when HTML authors used these tags and attributes and then saw that they didn't work as expected in other browsers.
        At about that time, an HTML working group, led by Dave Raggett, introduced the HTML 3.0 draft which included many new and useful enhancements to HTML. However, most browsers only implemented a few elements from this draft. The phrase "HTML 3.0 enhanced" quickly became popular on the web but it more often than not referred to documents containing browser specific tags (discussed below in "The Netscape Problem" section), instead of referring to documents adhering to the HTML 3.0 draft. This was one of the reasons why the draft was abandoned. HTML 3.0 is now an expired draft. Another reason why HTML 3.0 did not make it was because it was so "big". Future versions were now to be introduced in a more "modular" way so that browsers can implement them modular by modular or bit by bit.

HTML 3.2 (WILBUR)

As more browser-specific tags were introduced, it became obvious that a new standard was needed. For this reason, the Word Wide Web Consortium (W3C), founded in 1994 to develop common standards for the evolution of the World Wide Web, drafted the WILBUR standard, which later became known as HTML 3.2. HTML 3.2 captures the recommended practice as of early 1996 and became the official standard in January, 1997. Most, if not all, popular browsers in use today fully support HTML 3.2.

HTML 4.0 (COUGAR)

In the early days, HTML 4.0 was code-named COUGAR. This version introduces new functionality, most of which comes from the expired HTML 3.0 draft. This version became a recommendation in December, 1997 and a standard as of April, 1998. Explorer has done a very good job in implementing the many features of HTML 4.0. Unfortunately, Netscape has not kept pace. The latest version of Netscape Communicator still doesnot recognize the many tags and attributes introduced with HTML 4.0. This means that a web page that involves HTML 4.0 specific tags will look great in Explorer but can look disastrous in Netscape.


XHTML 1.0

You would think that the next major version after HTML 4.0 would be HTML 5.0 and with it would come a bunch of new tags that would do all sorts of wonderful things. That would be a good guess - but it would also be a wrong guess. The next version of HTML after HTML 4 is XHTML.XHTML stands for EXtensible HyperText Markup Language.
      EXtensible
      Hyper
      Text
      Markup
      LanguageXHTML 1.0 is not bringing with it a lot of new tags. The purpose of XHTML is to address the new browser technologies that is sweeping the world. Today web pages are being viewed in browsers through cell/mobile phones, cars, televisions, plus a host of hand-held wireless devices and communicators. Alternate ways to access the internet are continually being introduced. In many cases, these devices will not have the computing power of a desktop or notebook computer and so will not be able to accommodate poor or sloppy coding practices. XHTML is designed to address these technologies. XHTML also begins to address the need for those with disabilities (such as the blind and visually impaired) to access the internet. Thus web pages written in XHTML will allow them to be viewed on a wide range of browsers and internet platforms.
XHTML 1.0 is the result of the hard working World Wide Web Consortium (the W3C) to bring some sort of standard to provide rich high quality web pages through these varied devices. XHTML became an officialW3C recommendation in January, 2000XHTML is now a web standard and is the next generation of HTML.

THE NETSCAPE PROBLEM
As stated above, in the early days of HTML, Netscape created a number of its own tags (extension tags) to HTML 2.0 that were not part of the official HTML 2.0 version. In other words, Netscape created a number of additional tags that would work beautifully in Netscape, but were not supported by other browsers such as Internet Explorer. Many of these extension tags did not even make it into HTML 3.2. This means that if you were using Netscape extension tags, while they may create good looking web pages in Netscape, the same pages viewed in Explorer would look entirely different and in fact give results that you did not want.This Netscape problem also illustrates the case for the need of a standard language that can be used by all browsers. Imagine what will happen if each browser were allowed to develop its own tags. You will simply end up with all browser specific web pages. It would become impossible to design web pages that will work in all browsers. We need continuity and we need a standard language for all browsers. Netscape has argued that their extension tags will not shut down or hang up other browsers. Thus if another browser does not recognize a Netscape extension tag, it will simply ignore it - as if it didn't exist. Therefore if you centered text on a web page using a Netscape extension tag, then the text simply wouldn't be centered in these other browsers. While I have concentrated on the Netscape problem, the same arguments can also be stated for Explorer browsers for they too had their own extensions.


So what do we have here? Well, in summary, we have:


  1. HTML 2.0 tags
  2. HTML 3.2 tags
  3. HTML 4.0 tags
  4. Netscape extensions
  5. Explorer extensions
Sounds confusing? Well it really isn't that bad. Basic web page design is, in fact, easy to learn. In this course we will be designing web pages using HTML 3.2 standard code because HTML 3.2 tags and attributes are accepted by most, if not all, versions of the most popular browsers in use today. I am assuming that you will want as many people as possible to be able to read your web pages. You can create excellent web pages using HTML 3.2 content. Using Netscape extension tags that are not part of HTML 3.2 simply means that many of these tags will only work when viewed in Netscape. Similarly if you use Explorer extension tags that are not part of HTML 3.2 then many of these tags will only work when viewed in Explorer. Even if 80% of the people use high level browsers that can view your web pages in the way you want them viewed, it still means that 20% orseveral million viewers will not be able to view your web pages in the way you want them viewed. We need to keep these things in mind when designing web pages. And if you are planning to make some money with your website, you certainly do not want to leave out any potential customers. You want the widest possible audience.We will also study a number of Netscape and Explorer extension tags because you should be aware of what they are. Some of you may also want the control that these extension tags give - even if it means shutting out a portion of the audience on some of your web pages. At one time Netscape browsers dominated the browser market. Then Explorer started to take a larger share of the market at the expense of Netscape. Today, Explorer dominates the market and appears to be the browser of choice for most people.

HTML SOFTWARE TO ASSIST IN WEB PAGE DESIGN
Should I not simply use one of the programs on the market that makes up web pages for me? You could. While all of them will give a basic home page, a number of them are limited in what they can do. Many do not, for example, give you all the features of HTML. However, I am also sure that there are programs on the market (and new programs coming out all the time) that do incorporate most of the features of the various versions of HTML. Still, in order to get maximum use out of these programs, you need to understand HTML and what it can do for you in the design of web pages. It would be good to know what will work in most browsers and what won't work. It would be good to know what tags are browser specific or what tags will work only in a high level browser. If you understand the basics of HTML, you will have a much better understanding of what you are trying to accomplish with these market programs. You could also use an HTML program to assist you with some of the basic stuff and then code the rest yourself with your knowledge of HTML. Someday you may want to experiment with some of these programs. There is no doubt that learning the basics of the HTML language is necessary to fully understand these web page design programs. Knowing HTML will allow you to tweak and fine tune a web page to perfection.To illustrate what I am trying to say, here are three unsolicited testimonials I received. This first one is from Karen who lives in the state of Georgia, USA. She writes: "I can't thank you enough for taking the time to explain HTML. I'm off work due to an illness. Being bored out of my mind I decided to try to create a web page without any knowledge of HTML. The programs I used did the basics, but I found them confusing because I lacked the knowledge of HTML. So I went surfing and found your website. I must say that I am impressed. After going through all the lessons, I've got some great ideas and can't wait to get started on my own page. I decided to dump the programs and do all the coding myself. When I finish my web page there will be a note of thanks and link to your website. My greatest appreciation, Karen."
Here is an email I received from Brenda who lives in Illinois. She writes: "I have printed all of the pages of your lessons and am impressed at the level of information it contains. I can actually understand what you are talking about although I am brand new to HTML. I am teaching myself how to create my company web page using FrontPage and I have an embarrassingly simple web page on Geocities. Some trouble has occurred in FrontPage with extensions and color changes, hence I am trying to learn HTML to correct them. Thank you so much for taking the time to create these lessons. They are fabulous! Brenda."
Our third email is from Sharon who lives in Pennsylvania, USA. She writes: "After being overwhelmed by HomeSite, and constrained by templates on free space websites, this is exactly what I was looking for. You write in a wonderfully clear, concise way, that's easy to follow. Your problems are instructive, and the pace is perfect. THANK YOU!"
I have also received many other e-mails from people expressing similar view points. I'm not advocating that we "dump" these programs. For some people they are very essential in designing websites and in updating them. But the point to be made is that it is better to take some time and learn HTML first. Then if you do run into some problems with these programs, you will know how to correct them.
So now sit back, relax, and learn a whole new language called HTML. You will be happy you did.