Sunday, 1 June 2014

BEGINNER'S WEB SITE CREATING GUIDE conclusion & review

08:19  Unknown  No comments

conclusion & review

A few new tags were introduced in the last lesson. We will now give you a definition of these new tags to get you ready for starting the real HTML Tutorial. The new tags were: <head>, <title>, <h2>, and <p>.

The HTML Code in Question:
<html>
<head>
<title>My Own Webpage!</title>
</head>
<body>

<h2>Welcome to my webpage</h2>
<p>Coming soon will be my completed webpage that will wow and impress you!</p>

</body>
</html>

<head>

This comes immediately following <html> and is used to tell the browser useful information, such as: the title of your page, the topic of your webpage ( used on old search engines ) and more.

<title>

This tag must comes between <head> & </head> and will label the web browser's title bar, which is located in the top left of most browsers. In the previous example, we titled the page "My Own Webpage!" and that text would show up as the browser's title.

<h2>

This is a header tag. It will create a "header" that is much larger than the default font size. The "h2" means that it is the 2nd largest header. The largest header is "h1" and the smallest header is "h6". Headers should be used for titles, just like the ones you see on this page.

<p>

This is a paragraph tag. So when you're writing a paragraph make sure you place <p> at the beginning of the paragraph and </p> at the end!

continue your learning - html tutorial

Now that you have attained a basic understanding for how HTML works, please continue on to our HTML tutorial section. Here you will learn all the basic HTML tags and attributes required to make a usable web site.



found something wrong in this lesson?

Read More

BEGINNER'S WEB SITE CREATING GUIDE Your Second Web Page

07:44  Unknown  No comments

your second web page

Now that you have created your first webpage, let us examine the different segments of your "index.html" file. You have probably noticed a pattern of various words that are surrounded with < and >. These items are called HTML tags.
An example of an html tag is <body>. The Body tag tells the browser where the page's content begins. Body is also an example of one of the required HTML tags that every web page must have.

basic html tag information

Let's learn more about these tags. A basic web page is composed of 2 main tags. If you create a web page without these tags you will be in trouble!

HTML Code:

<html>
<body>
Your site's content goes here
</body>
</html>
The first HTML tag, which conviently is labled <html> tells the browser that your HTML code is starting. The second HTML tag, <body> tells the browser that the visible part of the webpage ( your content ) is going to start.

closing tags - </tag>

You might be wondering what is the deal with the two tags at the end, </body> and </html>. These tags are telling the browser that certain tags are ending. The </body> lets the browser know that your content is ending, while the </html> tells the browser that your HTML file is finished.
The "/" that is placed before the tag's name informs the browser that you would like to stop using the specified tag. <tag> is used to begin a tag and </tag>is used to end a tag.

html tag order - important!

The order that opening tags appear and ending tags appear follow an important rule. If an HTML tag is opened within another, for example the body tag is opened inside the html tag, then that tag(body) must close before the outter(html) tag is closed.
We ended the body tag first because it was opened most recently. This rule of "closing the most recent tag before closing older tags" applies to all HTML tags.

continue along

These ideas might take a while to sink in, so how about you create your second web page? Copy this code into notepad, like you did before, following the same directions.

HTML Code:

<html>

<head>
<title>My Own Webpage!</title>
</head>
<body>

<h2>Welcome to my webpage</h2>

<p>Coming soon will be my completed webpage that will wow and impress you!</p>

</body>
</html>
After you are sure that your HTML code inside notepad is exactly the same as our provided HTML code, go ahead and save your file. You should be saving this file as "index.html". You may be prompted that you will be saving over a file, that is OK, you do not need your 1st web page anymore. When you are done, please continue.



found something wrong in this lesson?

Read More

beginner's web site creating guide

07:39  Unknown  No comments

beginner's web site creating guide

Welcome to Tizag.com's introduction to HTML and web design. This short tutorial is aimed to give newbies a little experience in writing HTML code, saving their files correctly, and viewing the completed works in a web browser. Regrettably this tutorial cannot teach you the basics of using a computer, so please be sure that you meet the following requirements:
  • Know what notepad is and how to use it
  • Are able to open up a file using Internet Explorer (or the browser of your choice)
  • Know how to copy and paste text from a webpage (important!).
If you are lacking the ability of the aforementioned items please contact a local geek and ask nicely for a quick lesson.

tutorial overview

In this tutorial you will be transcribing code into notepad and then viewing it with a web browser. The code is called HTML (Hyper Text Markup Language) and notepad is a commonly used text editor on Window PCs. HTML may seem confusing at first, but we will help you understand how it works in this step-by-step tutorial of how to make your first web page.

your first web page

To start off with copy the following HTML code into notepad. Be sure to copy the code exactly, otherwise your web page may not function correctly.

HTML Code:

<html>

<head>
</head>

<body>

<h2>My first webpage!</h2>

</body>
</html>
The above code is all that is required to create a basic web page! Now save your file in notepad by selecting Menu and then Save. Click on the Save as Type drop down box and select the option All Files.
When asked to name your file, type "index.html", without the quotes. Double check that you did everything correctly and then press save. Remember where it was saved to because you will need to open this file, soon!

viewing your web page - web browsers

To view your web page, you are going to have to use a web browser (of course). Web browsers are programs that interpret HTML, like what you have just copied into notepad, and transform that code into a visual representation, or a web page. Common web browsers include:
  • Internet Explorer
  • FireFox
  • Opera
  • Netscape Navigator - R.I.P.

viewing your page

To view your web page, you must open the "index.html" file inside of a web browser. Open up another browser window and then follow these instruction.
  1. In the new browser window, select File then Open
  2. Then click Browse to enter Windows Explorer
  3. Do you remember where you file is? Good, then navigate to its location
  4. When you find your file, index.html, double-click the file to open it inside your web browser
Success! You have just viewed your very first webpage.

If this did not work for you, please go through the steps again and follow the directions closely. If you still can't get this to work, please Contact Us and we will get you up and running.

first web page - review

Very good! Now let's be sure that you remember what you learned in this lesson.
  1. how to copy some weird looking text (HTML) into notepad
  2. how to correctly save this weird text in notepad
  3. how to open your saved file and view the your webpage

tips

Crimson Editor is a small, simple-text program that has features notepad does not. Such features include: spellcheck, code highlighting (you'll like this!), ability to open multiple files, and a more sophisticated undo feature. It is easy to set up and it is free! Visit CE.com (However, using notepad is also OK).
You may have heard of FrontPage, Dreamweaver, and other WYSIWYG programs (What You See Is What You Get). Though these programs will let you create pages quickly, you will soon learn there are many advantages to knowing how to code HTML. Spicing up or polishing up HTML effects can only be done manually.
Ever wonder what a website's designer did to get that awesome look it has? You can view a websites source (HTML) and if you know HTML you'll understand how they did it. On any browser, select the view command, scroll down and select 'view source' to see the HTML code for the site you are currently viewing.


found something wrong in this lesson?


Read More

Thursday, 29 May 2014

What is PHP?

07:12  Unknown  No comments

PHP stands for Hypertext Preprocessor and is a server-side language. This means that when a visitor opens the page, the server processes the PHP commands and then sends the results to the visitor's browser, just as with ASP. A typical PHP files will content commands to be executed in the server in addition to the usual mixture of text and HTML (Hypertext Markup Language) tags. However, PHP is Open Source and cross-platform. PHP runs on Windows NT and many Unix versions, and it can be built as an Apache module and as a binary that can run as a CGI.
PHP architecture
When you type an URL in the Address box or click a link on a Web page, you're asking a Web server on a computer somewhere to send a file to the Web browser on your computer. If that file is a normal HTML file, it looks exactly the same when your Web browser receives it as it did before the Web server sent it. After receiving the file, your Web browser displays its contents as a combination of text, images, and sounds. In the case of a PHP page, the process is similar, except there's an extra processing step that takes place just before the Web server sends the file. Before the Web server sends the PHP file to the Web browser, it runs all server-side scripts contained in the page.
PHP Syntax
PHP's language syntax is similar to C's and Perl's. You don't have to declare variables before you use them, and it's easy to create arrays and hashes (associative arrays). PHP even has some rudimentary object-oriented features, providing a helpful way to organize and encapsulate your code. Beyond its basic syntax, PHP also boasts a wide range of interfaces allowing it to communicate with everything from other web pages, to databases including ODBC, and other programming languages such as Java or COM. PHP goes right into your Web pages, so there's no need for a special development environment or IDE. You start a block of PHP code with <?php and end it with ?>.
What can you do with PHP?
There are many things you can do with PHP. You can display date, time, and other information in different ways. You can make a survey form and ask people who visit your site to fill it out. With PHP it is possible to access over 19 different types of databases and manipulate data within those databases based on input from the user via a web page. You can also send e-mail, work with newsgroups,etc.

Read More