Simple Web Programming for Beginners

By Hanaan AM

Web development is a field which can pay you a lot if you are interested in taking it seriously. At present the number of web sites on the web is in millions. Thus website development can be used as a tool to make money online these days.
A lot of people tend to confuse web design with web development, but there is a huge difference between the two. While web design mainly pertains to the design elements of a website, web development encompasses a lot more.
It includes web design, but also includes web content development, client and server side scripting, server and configurations security as well as e-commerce application.
This book gives you a guidance to simple web development using HTML, PHP, MySQL and AJAX.

• Language: English
• Publisher: Lulu.com
• Release date: Mar 12, 2016
• ISBN: 9781329967809

Book preview

Simple Web Programming for Beginners

Modul 1HTML

HTML is the basic of all web programming languages, PHP, JSP, and other technologies generate HTML as the main language to define the web interface.

Pic 1.1 Even handheld devices now can be used to access HTML

Now, lots of softwares available to edit HTML, for example: Adobe Dreamweaver. But by mastering the HTML itself, it will be easier for you creating webpage using any softwares.

Pic 1.2 Adobe Dreamweaver, used to be Macromedia Dreamweaver

HTML stands for hypertext markup language. This language consists of tags that enable you creating hypertext document. A web page, is basically a hypertext document.

If you see web pages on the Net, maybe you think that creating web pages is something advanced, sophisticated, and complicated. Whereas creating web pages is simple process, you can even use simple text editor.

Pic 1.3 Logo of HTML 5, last version of HTML

Even simple text editor like the default Notepad in Windows can be used to create HTML page. In Linux, you can use Gedit, Notepad++ or other text editor softwares.

1.1 Installing Text editor

In this book, I use Notepad++. This is a simple, robust, open source, and full featured text editor. The features are:

Syntax Highlighting

Codes in one pair opening tag and closing tag can be viewed and closed.

Supports multidocuments. You can edit more than one documents using tabbed browsing just like Web Browsers.

Search and Replace.

Zoom in and Zoom out.

Supports drag and drop.

Bookmark.

Can accommodate Macro.

Notepad++ can be downloaded from https://notepad-plus-plus.org, or you can find tons of mirrors in the Net. Do the following steps to install the Notepad++ on your computer:

1.Double click on the installer file.

2.Choose the language on Please select a language. In this example I use Indonesian, you can use your own language.

Pic 1.4 Choosing language for installation

3.Click Next on the Welcome screen.

Pic 1.5 Welcoem screen

4.On the licensing screen, click I agree.

Pic 1.6 Licensing Screen

5.Specify the installation folder.

Pic 1.7 Specifying the installation folder

6.In Choose Components screen, click Install button.

Pic 1.8 Choose Components screen

7.Click on Install to do installation process.

Pic 1.9 Installation process

8.If the process finished, click Finish button.

Pic 1.10 Click Finish button

9.You can see Notepad++ user interface.

Pic 1.11 Notepad++ UI after installed

1.2Basic HTML

First step of understanding HTML, you have to comprehend the HTML syntaxes. This section describes some basic of html syntaxes.

1.2.1HTML Syntaxes

To create web page, you just have to type some texts and enclose the texts with tags to define the function of the texts. Because each tag has different function.

Here is the syntax to write tag in HTML.

Texts inserted

From above syntax, you can see that, normally, HTML has two tags, opening tag and closing tag. The difference is the / character on the closing tag.

For example, you can see