The Web Book - Build Static and Dynamic Websites

1. The Web Book – Build Static and Dynamic Websites The Web Book Build Static and Dynamic Websites HTML/5 Create static page in HTML with HTML5 layout Style page with CSS and add animation CSS/3 JavaScript Add client-side validation with JavaScript PHP Make the website dynamic with PHP MySQL Store web content in MySQL database Authored by: Riaz Ahmed Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

2. The Web Book – Build Static and Dynamic Websites 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 Web Page, Web Site, and more… Launch a Website Choosing the right Hosting Company What E‐mail is and how it works? Scripting Languages Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

3. The Web Book – Build Static and Dynamic Websites Hypertext Markup Language (HTML) Learn the core technology that constitutes the Web Stuffed with hands-on examples on conventional and new HTML 5 elements, this chapter lays a solid foundation for the final project. Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

4. The Web Book – Build Static and Dynamic Websites Headings & Logo Navigation Search Box Link to other pages Newsletter Subscription Paragraphs Footer with links Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

5. The Web Book – Build Static and Dynamic Websites CSS3 Animation Scrolling Text Different Fonts, Sizes, and Colors Style Lists Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

6. The Web Book – Build Static and Dynamic Websites 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 URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

7. The Web Book – Build Static and Dynamic Websites 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 URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

8. The Web Book – Build Static and Dynamic Websites 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 URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

9. The Web Book – Build Static and Dynamic Websites Authentication Separate login interfaces are created for administrators to manage the website and for site members to place their orders. Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

10. The Web Book – Build Static and Dynamic Websites Manage Products Manage Orders Manage Categories Manage Admins • 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 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. • 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 • 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 Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

11. The Web Book – Build Static and Dynamic Websites 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 URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

12. The Web Book – Build Static and Dynamic Websites Member Registration Products Catalog Checkout My Account Shopping Cart 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. 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. 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. • 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 • 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 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. Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

13. The Web Book – Build Static and Dynamic Websites 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 packages Next URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html

14. The Web Book – Build Static and Dynamic Websites 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-5 ISBN: 9781483929279 Available on: URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.html