Researched and written by myself, this book is the ultimate guide for those who are passionate about building either a static or a dynamic website. It not only contains recipes on five core web technologies including HTML, CSS, JavaScript, PHP and MySQL but, also demonstrates how to put these building blocks together to build a meaningful construction. Unlike other books, it doesn’t leave you stranded at the other end (guessing what to do next) but takes you to the final milestone. It builds the learning momentum in the initial five chapters with simple and concrete examples. In the final chapter, you go through a website project where you fit in almost all the blocks from the initial chapters. Starting with professional static web pages, you’re shown how to put life to a website by creating dynamic web pages. In the final task of this project, you are provided with step by step instructions to move your website from your development PC to a hosting server on the internet.
From web introduction to hands-on examples and from website designing to its deployment, this book surely is a complete resource for those who know little or nothing about professional web development.
1. The Web Book – Build Static and Dynamic Websites
The Web Book
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Build Static and Dynamic Websites
HTML/5
CSS/3
JavaScript
PHP
MySQL
Create static page in HTML with HTML5 layout
Style page with CSS and add animation
Add client-side validation with JavaScript
Make the website dynamic with PHP
Store web content in MySQL database
Authored by: Riaz Ahmed
Next
2. The Web Book – Build Static and Dynamic Websites
Introduction to The World Wide Web
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
The Internet and the World Wide Web
Is Web and Internet the same?
What is Internet Backbone?
Who is Internet Service Provider?
Types of Internet Connections
Launch a Website
Choosing the right Hosting Company
What E‐mail is and how it works?
Scripting Languages
Web Page, Web Site, and more…
Next
3. The Web Book – Build Static and Dynamic Websites
Hypertext Markup Language (HTML)
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Stuffed with hands-on
examples on conventional
and new HTML 5
elements, this chapter lays a
solid foundation for the final
project.
Learn the core technology
that constitutes the Web
Next
4. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Headings & Logo
Navigation
Search Box
Link to other pages
Newsletter
Subscription
Paragraphs
Footer with links
Next
5. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
CSS3 Animation
Different
Fonts, Sizes, and
Colors
Style Lists
Scrolling Text
Next
6. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Static Pages
In the final chapter of
this book you’ll
undergo a website
project and will build
the static pages first.
While creating these
web pages, you’ll
apply the skills learned
in earlier parts of the
book with the addition
of some more useful
stuff. Next
7. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
The Dynamic Part
In this part of the book,
you’ll create an
e‐commerce system and
couple of more
interfaces with the help
of PHP and MySQL
database.
Next
8. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Contact Form
This html page is meant to
interact with the site visitors.
A form will be provided to
the visitors of the website to
add their comments and
feedback. This form will use
PHP and MySQL to store the
comments in a database
table. Besides, it will receive
contact details such as e‐mail
address and other relevant
information. Next
9. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Authentication
Separate login interfaces are
created for administrators to
manage the website and for
site members to place their
orders.
Next
10. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Manage Products
This module will allow administrators to
manage individual product information. It is
similar in functionality to the categories
management section.
It has the following processes to help
administrators view, modify, delete, and add
products:
• List Products
• View Product Details
• Add New Products
• Delete Product
• Modify Product
• Handle Product Images
Manage Orders
The administrators can view, process and
delete orders placed by members of the
website with the help of this module which
has the following three pages:
• Orders List
• Order Information
• Delete Order
Manage Admins
Using this module, an administrator can
view, add, modify, or delete admin accounts.
The first section, My Account, allows the
logged in administrator to modify his
credentials.
The second one, Other Administrators, lets
him modify or delete other admin accounts.
The last one, Add an Administrator, is used to
add new site dministrators.
Manage Categories
This module lets administrators
add, modify, or delete a product Category.
It has four main processes:
• View categories
• Update category
• Delete category
• Add a new category
Next
11. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Members Module
This part enables site visitors to become a member and purchase
products online. Existing and new member can:
• Login to the website to place orders
• Put desired products into their carts
• Place orders by providing payment information Next
12. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Member Registration
It is necessary for the site visitor to become a
member before placing orders. The member
login form provides a registration link that
presents a form to visitors. The visitor
immediately becomes a member after
submitting the form.
Reset Password
This module is included to help website members in recovering their lost passwords. There is a link
labeled Forgot Password on the member login form. When clicked, this link asks the member to
provide his/her e‐mail address. After verification, the module creates a new random
password, stores it in the database, and sends it to the member’s e‐mail account.
My Account
This module enables site
members to:
• Change their e‐mail address,
names, and passwords
• Change their Shipping and
Billing addresses
• View the status of their
orders
• View individual order details
Products CatalogShopping Cart
This module shows how to add
shopping cart to a website so
that visitors could purchase
products online. The page
illustrated in the figure comes
up when the site visitor clicks
Add to Cart button on the
product details page. This
module has three basic
operations: View, Add, and
Update cart.
Checkout
The checkout module asks
members to confirm their orders
and need their payment
information to proceed. It
comprises the following two
pages:
• Confirm Order
• Payment
The Products option on the main
navigation bar calls a dynamic
page. In contrast to other
neighboring static pages, this page
grabs products from the database
marked as featured products
through an administrative task
performed earlier. The visitor can
always see all products, offered by
the company, using the sidebar
links under the Categories section.
Moreover, visitors can click
product’s title to see further
details of that particular product.
Next
13. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Website Deployment
To make your Web site visible to the world, it has to be hosted
on a Web server. Every website on the Internet needs to be
stored somewhere, and that’s what referred to as “web
hosting“. After completing the website and giving it a thorough
test run, you’re ready to deploy it on a hosting server from
where the world could access it. The book provides sequential
instructions for the following steps in order to accomplish this
task.
• Host the website
• Install FileZilla FTP Client and upload files
• Access control panel
• Create a blank database and a database user. Grant database
access privileges to the new user.
• Call phpMyAdmin tool to create database tables using the
Import option.
• Install PEAR core and PEAR Mail packagesNext
14. The Web Book – Build Static and Dynamic Websites
URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html
Thanks for watching
Riaz Ahmed is an IT professional with over twenty years of
hard-earned experience. At present he is working as group
IT head in a group of companies. Besides this book, he has
authored:
Create Rapid Web Applications Using
Oracle Application Express
ISBN 13: 978-1-466-35065-6
Implement Oracle Business Intelligence
ISBN 13: 978-1-475-12201-5ISBN: 9781483929279
Available on: