the web-book-build-static-and-dynamic-websites

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

http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html


Introduction to The World Wide Web


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



Hypertext Markup Language (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




Headings & LogoNavigationSearch Box Link to other pagesNewsletter SubscriptionParagraphsFooter with links

Next




CSS3 Animation

Different Fonts, Sizes, and Colors

Style Lists

Scrolling Text

Next




Static PagesIn 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




The Dynamic PartIn this part of the book, you’ll create an e‐commerce system and couple of moreinterfaces with the help of PHP and MySQL database.

Next




Contact FormThis 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




AuthenticationSeparate login interfaces are created for administrators to manage the website and for site members to place their orders.

Next




Manage ProductsThis 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 OrdersThe 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 AdminsUsing 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 CategoriesThis 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




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




Member RegistrationIt 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 PasswordThis 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 AccountThis 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 CartThis 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.

CheckoutThe 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




Website DeploymentTo 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




Thanks for watchingRiaz 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:


the web-book-build-static-and-dynamic-websites

Education