Simple Web Programming for Beginners
By Hanaan AM
()
About this ebook
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.
Related to Simple Web Programming for Beginners
Related ebooks
Building Websites with VB.NET and DotNetNuke 4 Rating: 1 out of 5 stars1/5Confident Programmer Debugging Guide: Confident Programmer Rating: 0 out of 5 stars0 ratingsBeginning DotNetNuke Skinning and Design Rating: 0 out of 5 stars0 ratingsData Normalization A Complete Guide - 2020 Edition Rating: 0 out of 5 stars0 ratingsResponsive Web Design A Complete Guide - 2020 Edition Rating: 0 out of 5 stars0 ratingsHelp Desk Software Tools A Complete Guide - 2020 Edition Rating: 0 out of 5 stars0 ratingsPHP for Beginners Rating: 0 out of 5 stars0 ratingsInternet Basics: Everything You Need to Know Rating: 0 out of 5 stars0 ratingsjQuery 2.0 Development Cookbook Rating: 0 out of 5 stars0 ratingsAn Introduction to Programming in PHP: Stomping Zombies with Variables, Loops, Functions and More: Undead Institute, #14 Rating: 0 out of 5 stars0 ratingsInstant Handlebars.js Rating: 0 out of 5 stars0 ratingsThe Traits & Habits of Successful Bloggers: What Separates the Best from the Rest Rating: 0 out of 5 stars0 ratingsData Recovery A Complete Guide - 2021 Edition Rating: 0 out of 5 stars0 ratingsD Web Development Rating: 0 out of 5 stars0 ratingsHTML Application A Complete Guide - 2020 Edition Rating: 0 out of 5 stars0 ratingsEasy WP Guide WordPress Manual Rating: 0 out of 5 stars0 ratingsResponsive Design High Performance Rating: 0 out of 5 stars0 ratingsOnline Security: protecting your personal information Rating: 0 out of 5 stars0 ratingsLiving With Linux In the Industrial World Rating: 0 out of 5 stars0 ratings250 HTML and Web Design Secrets Rating: 4 out of 5 stars4/5Beginning SQL Server Reporting Services Rating: 0 out of 5 stars0 ratingsPhishing Detection A Complete Guide - 2019 Edition Rating: 0 out of 5 stars0 ratingsThe Algorithm Man: America's Cyber Sleuth Rating: 0 out of 5 stars0 ratingsASP.NET 2.0 Web Parts in Action: Building Dynamic Web Portals Rating: 0 out of 5 stars0 ratingsLean Mobile App Development: Apply Lean startup methodologies to develop successful iOS and Android apps Rating: 0 out of 5 stars0 ratingsHTML: Your visual blueprint for designing Web pages with HTML, CSS, and XHTML Rating: 4 out of 5 stars4/5Azure Bicep QuickStart Pro Rating: 0 out of 5 stars0 ratingsDemystifying Smart Cities: Practical Perspectives on How Cities Can Leverage the Potential of New Technologies Rating: 0 out of 5 stars0 ratingsIBM Rational Team Concert 2 Essentials Rating: 0 out of 5 stars0 ratingsCSS Hacks and Filters: Making Cascading Stylesheets Work Rating: 3 out of 5 stars3/5
Computers For You
The Invisible Rainbow: A History of Electricity and Life Rating: 5 out of 5 stars5/5Slenderman: Online Obsession, Mental Illness, and the Violent Crime of Two Midwestern Girls Rating: 4 out of 5 stars4/5The Innovators: How a Group of Hackers, Geniuses, and Geeks Created the Digital Revolution Rating: 4 out of 5 stars4/5Mastering ChatGPT: 21 Prompts Templates for Effortless Writing Rating: 4 out of 5 stars4/5How to Create Cpn Numbers the Right way: A Step by Step Guide to Creating cpn Numbers Legally Rating: 4 out of 5 stars4/5Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Rating: 4 out of 5 stars4/5Standard Deviations: Flawed Assumptions, Tortured Data, and Other Ways to Lie with Statistics Rating: 4 out of 5 stars4/5SQL QuickStart Guide: The Simplified Beginner's Guide to Managing, Analyzing, and Manipulating Data With SQL Rating: 4 out of 5 stars4/5Procreate for Beginners: Introduction to Procreate for Drawing and Illustrating on the iPad Rating: 5 out of 5 stars5/5The ChatGPT Millionaire Handbook: Make Money Online With the Power of AI Technology Rating: 4 out of 5 stars4/5Elon Musk Rating: 4 out of 5 stars4/5CompTIA IT Fundamentals (ITF+) Study Guide: Exam FC0-U61 Rating: 0 out of 5 stars0 ratingsDeep Search: How to Explore the Internet More Effectively Rating: 5 out of 5 stars5/5Computer Science I Essentials Rating: 5 out of 5 stars5/5Alan Turing: The Enigma: The Book That Inspired the Film The Imitation Game - Updated Edition Rating: 4 out of 5 stars4/5Uncanny Valley: A Memoir Rating: 4 out of 5 stars4/5Excel 101: A Beginner's & Intermediate's Guide for Mastering the Quintessence of Microsoft Excel (2010-2019 & 365) in no time! Rating: 0 out of 5 stars0 ratingsCreating Online Courses with ChatGPT | A Step-by-Step Guide with Prompt Templates Rating: 4 out of 5 stars4/5People Skills for Analytical Thinkers Rating: 5 out of 5 stars5/5101 Awesome Builds: Minecraft® Secrets from the World's Greatest Crafters Rating: 4 out of 5 stars4/5CompTIA Security+ Get Certified Get Ahead: SY0-701 Study Guide Rating: 5 out of 5 stars5/5The Hacker Crackdown: Law and Disorder on the Electronic Frontier Rating: 4 out of 5 stars4/5Tor and the Dark Art of Anonymity Rating: 5 out of 5 stars5/5
Reviews for Simple Web Programming for Beginners
0 ratings0 reviews
Book preview
Simple Web Programming for Beginners - Hanaan AM
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.
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