avatar

Member

directonpc

Free Web Development Class

(Apr 30 2014 at 07:07am)

on this thread you will get useful tutorials that will help you kick off your programming/web development dream.
to cut the talk short let's get started...

Image

Requirements
-knowledge of html and php(no need to worry we will cover html in this topic)
-a web browser or an android/symbian/java phone with support for html.
-a web server(cpanel) you can get one for free at http://www.heliohost.org or http://3owl.com
- and a ready mind.

now let's ride on.

Contact Channels
1. Via PM(simple click on my username and sendPM from my profile)
2. Add me on BBM: 756BDE43

[7K views]

Last edited 21 May 2015

You may also Like:

avatar

Member

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)
avatar

Member

chrismike

Re- Free Web Development Class

(Apr 30 2014 at 12:23pm)

Nice am in


quote | like (0)
avatar

HERO

Samuel161

Re- Free Web Development Class

(Aug 04 2014 at 10:05am)

Am in Bro


quote | like (0)
avatar

Member

directonpc

Re- Free Web Development Class

(Aug 04 2014 at 03:25pm)

Samuel161: Am in Bro
how far d BC


quote | like (0)
avatar

HERO

musta

Re- Free Web Development Class

(Nov 18 2014 at 09:25am)

Watin u dey did for my back


quote | like (0)
avatar

Member

Chrismike

Re- Free Web Development Class

(Nov 20 2014 at 06:05pm)

moderated! reason: off-topic


quote | like (0)
avatar

HERO

kossydiba

Re- Free Web Development Class

(Nov 20 2014 at 10:34pm)

Ah c u


quote | like (0)

Quick reply


add files