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

579 views
521 views

Published on

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.

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
579
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. The Web Book – Build Static and Dynamic WebsitesThe Web BookURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlBuild Static and Dynamic WebsitesHTML/5CSS/3JavaScriptPHPMySQLCreate static page in HTML with HTML5 layoutStyle page with CSS and add animationAdd client-side validation with JavaScriptMake the website dynamic with PHPStore web content in MySQL databaseAuthored by: Riaz AhmedNext
  2. 2. The Web Book – Build Static and Dynamic WebsitesIntroduction to The World Wide WebURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlThe Internet and the World Wide WebIs Web and Internet the same?What is Internet Backbone?Who is Internet Service Provider?Types of Internet ConnectionsLaunch a WebsiteChoosing the right Hosting CompanyWhat E‐mail is and how it works?Scripting LanguagesWeb Page, Web Site, and more…Next
  3. 3. The Web Book – Build Static and Dynamic WebsitesHypertext Markup Language (HTML)URL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlStuffed with hands-onexamples on conventionaland new HTML 5elements, this chapter lays asolid foundation for the finalproject.Learn the core technologythat constitutes the WebNext
  4. 4. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlHeadings & LogoNavigationSearch BoxLink to other pagesNewsletterSubscriptionParagraphsFooter with linksNext
  5. 5. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlCSS3 AnimationDifferentFonts, Sizes, andColorsStyle ListsScrolling TextNext
  6. 6. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlStatic PagesIn the final chapter ofthis book you’llundergo a websiteproject and will buildthe static pages first.While creating theseweb pages, you’llapply the skills learnedin earlier parts of thebook with the additionof some more usefulstuff. Next
  7. 7. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlThe Dynamic PartIn this part of the book,you’ll create ane‐commerce system andcouple of moreinterfaces with the helpof PHP and MySQLdatabase.Next
  8. 8. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlContact FormThis html page is meant tointeract with the site visitors.A form will be provided tothe visitors of the website toadd their comments andfeedback. This form will usePHP and MySQL to store thecomments in a databasetable. Besides, it will receivecontact details such as e‐mailaddress and other relevantinformation. Next
  9. 9. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlAuthenticationSeparate login interfaces arecreated for administrators tomanage the website and forsite members to place theirorders.Next
  10. 10. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlManage ProductsThis module will allow administrators tomanage individual product information. It issimilar in functionality to the categoriesmanagement section.It has the following processes to helpadministrators view, modify, delete, and addproducts:• List Products• View Product Details• Add New Products• Delete Product• Modify Product• Handle Product ImagesManage OrdersThe administrators can view, process anddelete orders placed by members of thewebsite with the help of this module whichhas the following three pages:• Orders List• Order Information• Delete OrderManage AdminsUsing this module, an administrator canview, add, modify, or delete admin accounts.The first section, My Account, allows thelogged in administrator to modify hiscredentials.The second one, Other Administrators, letshim modify or delete other admin accounts.The last one, Add an Administrator, is used toadd new site dministrators.Manage CategoriesThis module lets administratorsadd, modify, or delete a product Category.It has four main processes:• View categories• Update category• Delete category• Add a new categoryNext
  11. 11. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlMembers ModuleThis part enables site visitors to become a member and purchaseproducts 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. 12. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlMember RegistrationIt is necessary for the site visitor to become amember before placing orders. The memberlogin form provides a registration link thatpresents a form to visitors. The visitorimmediately becomes a member aftersubmitting the form.Reset PasswordThis module is included to help website members in recovering their lost passwords. There is a linklabeled Forgot Password on the member login form. When clicked, this link asks the member toprovide his/her e‐mail address. After verification, the module creates a new randompassword, stores it in the database, and sends it to the member’s e‐mail account.My AccountThis module enables sitemembers to:• Change their e‐mail address,names, and passwords• Change their Shipping andBilling addresses• View the status of theirorders• View individual order detailsProducts CatalogShopping CartThis module shows how to addshopping cart to a website sothat visitors could purchaseproducts online. The pageillustrated in the figure comesup when the site visitor clicksAdd to Cart button on theproduct details page. Thismodule has three basicoperations: View, Add, andUpdate cart.CheckoutThe checkout module asksmembers to confirm their ordersand need their paymentinformation to proceed. Itcomprises the following twopages:• Confirm Order• PaymentThe Products option on the mainnavigation bar calls a dynamicpage. In contrast to otherneighboring static pages, this pagegrabs products from the databasemarked as featured productsthrough an administrative taskperformed earlier. The visitor canalways see all products, offered bythe company, using the sidebarlinks under the Categories section.Moreover, visitors can clickproduct’s title to see furtherdetails of that particular product.Next
  13. 13. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlWebsite DeploymentTo make your Web site visible to the world, it has to be hostedon a Web server. Every website on the Internet needs to bestored somewhere, and that’s what referred to as “webhosting“. After completing the website and giving it a thoroughtest run, you’re ready to deploy it on a hosting server fromwhere the world could access it. The book provides sequentialinstructions for the following steps in order to accomplish thistask.• Host the website• Install FileZilla FTP Client and upload files• Access control panel• Create a blank database and a database user. Grant databaseaccess privileges to the new user.• Call phpMyAdmin tool to create database tables using theImport option.• Install PEAR core and PEAR Mail packagesNext
  14. 14. The Web Book – Build Static and Dynamic WebsitesURL: http://the-web-book.blogspot.com/2013/03/the-web-book-build-static-dynamic.htmlThanks for watchingRiaz Ahmed is an IT professional with over twenty years ofhard-earned experience. At present he is working as groupIT head in a group of companies. Besides this book, he hasauthored:Create Rapid Web Applications UsingOracle Application ExpressISBN 13: 978-1-466-35065-6Implement Oracle Business IntelligenceISBN 13: 978-1-475-12201-5ISBN: 9781483929279Available on:

×