directonpc
Re: Free Web Development Class
Apr 30 2014 at 08:24am
Now our tutorial 1- creating a hello brother webpage
introduction
in this chapter we will be developing a Web page(html file) that will display "hello brother" when d page is loaded to a browser.
now let's get started ; open a text editor like Notepad (pc users) or Droid edit (for android users) or Xplore on Symbian. create a new text file and input the following codes into it.
<html>
<head>
<title>my first page</title>
</head>
<body>
<p>Hello brother</p>
</body>
</html>
save the document as index.html and upload it to your Web server(cpanel)
if you don't know how to use cpanel simply comment here or use any of the contact channels to reach me.
then visit yourdomain.com/index.html (yourdomain.com means the url to your own hosting account E.g mikejohn.heliohost.org if your url is mikejohn...)
if you need more assistance with that, still use any of the contact channel
if your are able to complete this first task then you are ready for the next one which is more fun. But before that I will like to explain each line in our index.html
1. <html> -this line opens our html document
2. <head> - this line opens our head section of the html document
3. <title>my first page</title> - this line opens title tag and holds the title "my first page" then closes the title tag(</title> is the closing part). the text wrapped inside the title page is what you will see in the title bar of your broswer when you visit this html file/page.
4. </head> - closes the head section.
5. <body> -opens the body section of our html document.
6 . <p>Hello brother</p> - this opens and closes a paragraph which contains the text "Hello brother".
7. </body> - closes the body section.
8. </html> -closes our html document.
how difficult was that? we should push play right, or pause the movie?
Tutorial 2
creating a php version of index.html[/b]
Create a new file in your IDE/Text Editor and save type in this code:
<html>
<head>
<title>my first page</title>
</head>
<body>
<?php
echo "<p>Hello brother</p>";
?>
</body>
</html>
and save the file as index.php
then open in your web browser
quote
like
(
0)