Naijavoice: The Nigerian Voice
May 25, 2012, 04:28:20 PM *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News:
 
   Home   Help Search Calendar Login Register  
Pages: [1]   Go Down
  Print  
Author Topic: Tutorials on Building Interactive and Dynamic Websites  (Read 1324 times)
0 Members and 2 Guests are viewing this topic.
oyedepo1
Jr. Member
**
Offline Offline

Gender: Male
Posts: 94

Join Date: Aug, 2009


OS:
Java Platform Micro Edition Java Platform Micro Edition
Browser:
Opera 9.80 (Opera Mini 4.2) Opera 9.80 (Opera Mini 4.2)

oyedepo1
View Profile WWW
« Reply #9 on: August 25, 2010, 04:00:03 PM »


I must appreciate your effort here. Thanks.
Logged

Naijavoice: The Nigerian Voice
« Reply #9 on: August 25, 2010, 04:00:03 PM »

 Logged
Donpuzo
Newbie
*
Offline Offline

Posts: 9

Join Date: Dec, 2009

OS:
Windows Vista/Server 2008 Windows Vista/Server 2008
Browser:
Firefox 3.6 Firefox 3.6


View Profile
« Reply #8 on: August 25, 2010, 11:00:01 AM »


Hello everyone, today i will be showing some other useful tags that will help render a first page and if any student here is smart and fast, will be able to create a full HTML only website.  Although using HTML alone can't  create stunning website, but it is a step in the right direction to ensure newbies eat every trick and know how of Hyper Text Markup languages.

Now to the business of the day.

One very strong root of HTML can be seen in interlink with other pages.  It is necessary to interact with other pages and sites, so ones site will not be one paged.

The tag used to create a link is known as a hyperlink

it is written like this <a href="contentlink. html">Home</a> you will see the use of a closing tag also in this <a></a> tag lines.

Now, inside the beginning <a> we have a "href" this is in English language represented as reference so the <a><a/> tag is used to make a reference to another file, page, or document.

Also we have a quotation mark which has a contentlink.html in it, this is the value we are referencing to.

In this case we assume there is a file named contentlink.html.

Now we are gonna build on our test. html file we built in our first tutorial, so get ready to twik and re-tag/recode the former one with this new lines.

I will advice you write this tags your self rather than copy and paste, cause by writing you have the feeling of being the owner/author and also learn this tags better.

<html>
<head>
<title>My first website</title>
</head>
<body>
<ul>
<li><a href="test. html">Home</a></li>
<li><a href="about. html">About</a></li>
<li><a href="contact. html">Contact</a></li>
</ul>
<h1>Hello, i am developing my first website</h1>
<p>This tutorial will see me being a new born breed to the webmasters league in Nigeria</p>
<p>Watch out</p>
</body>
</html>

Now what is new in this codes is <ul></ul> and <li></li> the <ul> tag means unordered list.

As you can see from the list, it is not numbers or ordered alphabetically.  Another tag that can be used is <ol> this makes it numbered.

The <li> tag introduced means list, so it means after we declare that the list type is gonna be ordered<ol> or unordered<ul> we declare the hyper link<a></a> i introduced earlier on.

In our <a> tags we put put new links known as contact. html and about. html

Those pages are meant to be like anyother one we build.  like the test. html.


In our next lecture we will build on other pages and link to them.

After then we will learn styling with HTML.  So expect color and style soon!!!
Logged
Naijavoice: The Nigerian Voice
« Reply #8 on: August 25, 2010, 11:00:01 AM »

 Logged
oyedepo1
Jr. Member
**
Offline Offline

Gender: Male
Posts: 94

Join Date: Aug, 2009


OS:
Java Platform Micro Edition Java Platform Micro Edition
Browser:
Opera 9.80 (Opera Mini 4.2) Opera 9.80 (Opera Mini 4.2)

oyedepo1
View Profile WWW
« Reply #7 on: August 25, 2010, 07:30:23 AM »


You're doing a great job in here. Althou I'm familiar with HTML basis, all I need is the advance HTML and CSS. Thanks and well done.
Logged

folafola
Newbie
*
Offline Offline

Gender: Male
Posts: 21

Join Date: Aug, 2010


Get informed @ http://learnithereblog.blogspot.com

OS:
Windows 7/Server 2008 R2 Windows 7/Server 2008 R2
Browser:
Firefox 3.6.3 Firefox 3.6.3


View Profile WWW
« Reply #6 on: August 12, 2010, 02:12:49 PM »


go ahead dont stop am also ready to drop free browsing code like bomb
Logged

Donpuzo
Newbie
*
Offline Offline

Posts: 9

Join Date: Dec, 2009

OS:
Windows Vista/Server 2008 Windows Vista/Server 2008
Browser:
Firefox 3.6 Firefox 3.6


View Profile
« Reply #5 on: August 09, 2010, 01:32:23 PM »


Thanks.

Let me start with the basics.  And that will see use facing HTML:

Hypertext Markup Language abbreviated HTML is a language of the web, used to describe how a page is to be rendered.

The interesting part about HTML and other web based and even programming languages is the fact that they use alphabetical languages.

You can easily grab them, if you make more use of them.  Unlike what many web development tutors say, cramming it is a wrong option.  It is better used.  Over time the syntax will get mastered and HTML debugging is one of the easiest considering the fact that it is not a programming language.

Now lets get to action with the basic rendering:

To start a HTML page, you need to have a text editor.  Like notepad at least.  You save each line of tags/codes as test. html

Ensure whatever name given an ending extension of . html follows.

Now lets write out first HTML tags.

<html></html>

The tag above always start a html page.  It is used to declare the beginning of a html page

now in HTML, many tags must be closed as seen in the second html written.

</html>

When tags are opened the same named tags ought to be closed.  Although not all.
Lets write our first HTML and you will test it in a browser after compiling it by saving it a test. html using notepad.

<html>
<head>
<title>My first website</title>
</head>
<body>
<h1>Hello, i am developing my first website</h1>
<p>This tutorial will see me being a new born breed to the webmasters league in Nigeria</p>
<p>Watch out</p>
</body>
</html>
 
Explantion: Like i said before writing this tags, every page starts with a html tag.  Every, i mean every, if u use mozilla firefox use ctlr u to view the source code of anysite and u will see that it also started with html.

And if a tag starts, it has to close last, at least for this nature of tags that come with a closing tag.

There after the <html></html> or rather inside we placed a head tag <head></head> This tag is used to declare the head to a page.  This where all the sites matters are placed like the author and all other relevand issues.  Also style sheet can be placed there.  But when we move to css or before the  you will see a gazillion f things that are placed there.  Inside the head is a title.

The title tag shows the title of the page as seen in the top of a browser.  Lime this tutorials title is Tutorials on Building Interactive and Dynamic websites . . . . . . . . . . . . . . . . . . . . .

There after was our body tag.  This tag is where all the main contents of the site reside.  Textual views, styles, and all other things.

It is the main part of a page.  Just like in letter, we have subject.  that serves as our <title></title> tag while <body></body> serves as where all the letter issues will go.

Inside it is where our <p></p> tag goes.  This tag means paragraph.  So little wonder on use, the text falls below to a new paragraph.  <p>This place is meant for all text</p>

Text go in like how it was place above and in first test tags we generated.

Before the <p></p> was a <h1></h1> tag.  This means Heading one.

There are six available headings and its works in a descending order. Texts placed in <h1> will be bigger that <h2> and <h2> will be bigger than <h3> and so on and forth till <h6>

The Heading tags are used to declare a head of a message or test.  like in letters or notes.

Thanks.  Hope you learnt from this lesson.
« Last Edit: August 09, 2010, 01:35:39 PM by Donpuzo » Logged
solconcept
Newbie
*
Offline Offline

Gender: Male
Posts: 10

Join Date: Jul, 2010


SOLCONCEPT

OS:
Windows Vista/Server 2008 Windows Vista/Server 2008
Browser:
Firefox 3.5.3 Firefox 3.5.3


View Profile
« Reply #4 on: August 06, 2010, 02:45:51 PM »


i am interested but don't have a laptop.


* coollogo_com-1052923311.jpg (15.09 KB, 610x99 - viewed 54 times.)
« Last Edit: August 06, 2010, 03:01:32 PM by solconcept » Logged
toluman
Newbie
*
Offline Offline

Posts: 1

Join Date: Jul, 2010

OS:
Windows XP Windows XP
Browser:
Chrome 5.0.375.99 Chrome 5.0.375.99


View Profile
« Reply #3 on: August 02, 2010, 08:55:50 AM »


I am intrested..
Logged
Donpuzo
Newbie
*
Offline Offline

Posts: 9

Join Date: Dec, 2009

OS:
Windows Vista/Server 2008 Windows Vista/Server 2008
Browser:
Firefox 3.6 Firefox 3.6


View Profile
« Reply #2 on: July 30, 2010, 06:25:11 PM »


Thanks Bros...Lets get two more peeps comment and i am going to kick off.

By the way, all this languages going to be taught, you need not have any special software at least for now to see their output (Codes i mean) just a PC with Notepad is fine and good to go!

Thanks
Logged
Emmanuel
Administrator
Hero Member
*****
Offline Offline

Gender: Male
Posts: 3669

Join Date: Jul, 2009


Proudly Nigerian

OS:
Windows XP Windows XP
Browser:
Firefox 3.6.6 Firefox 3.6.6

ade9ja
View Profile WWW
« Reply #1 on: July 30, 2010, 06:07:38 PM »


Nice work Donpuzo, i want to personally commend you for a great work done on the listed sites and your kind gesture of committed to teaching Naijavoicers, kick it started.
Logged

Customized bulk SMS on www.CompleteSMS.com
Get 5 Free SMS upon sign up to test run the system

www.trends.com.ng - Nigerian News and Information Portal.
Donpuzo
Newbie
*
Offline Offline

Posts: 9

Join Date: Dec, 2009

OS:
Windows Vista/Server 2008 Windows Vista/Server 2008
Browser:
Firefox 3.6 Firefox 3.6


View Profile
« on: July 30, 2010, 05:30:35 PM »


Hello NaijaVoice users/members. As part of a way to give back part of the knowledge i have gained over the years as a webmaster and a programmer, i will be teaching here the steps towards building a site and also making once's site dynamic.

This tutorial will cover Hypertext Markup Language (HTML), Cascading Style Sheet (CSS) and the Client Side programming language (Javascript).

I am a web developer and Programmer of both Desktop Based and Web based applications, the developer of www.marknollis.com, www.nigeriatradospo rts.com, www.karatenigeria.c om, www.agustoproduce.c om and many other site.

Interested Students should show interest by commenting!
« Last Edit: July 30, 2010, 06:27:10 PM by Donpuzo » Logged
Naijavoice: The Nigerian Voice
   

 Logged
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!