1 / 10

Designing a multi-page website

This project focuses on designing and implementing a multi-page functional website that builds on a previous portfolio assignment. By researching and utilizing advanced HTML and PHP technologies, the site incorporates dynamic features like hover effects and streamlined management through templates. With free hosting from Zymic Webhosting Services and effective file management via FTP, the creation process has been simplified. Valuable lessons were learned about designing and maintaining a website, showcasing that anyone can build a functional online presence with available resources.

natane
Download Presentation

Designing a multi-page website

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing a multi-page website Nolan Smith

  2. Objective • Create a multi-page functional website that expounds upon a previous portfolio assignment • Research and implement new design technology used in most modern web sites • Gain familiarity with website construction, maintenance, and design for real-world use

  3. Design & management • Design • More advanced HTML code • Incorporation of pictures and logos • Utilization of hypertext-preprocessor (PHP) • General template for all pages • Management • Acquire free web hosting for real world environment • File Transfer Protocol (FTP) management

  4. Design – advanced html code • Researched and studied more advanced HTML tags than for the previous portfolio assignment • Implemented use of HTML tables to align and manage content • <table>, <td>, <tr>

  5. Design – pictures, php, & template • Created pictures to serve as links and add visual appeal to the site • Utilized a “onmouseover” attribute in HTML to create a dynamic link when hovered over • Used PHP include() function to use a file named header.php and footer.php which contained the main site design • Allows for one-stop editing that can apply to all pages

  6. Management – Web hosting • Acquired free hosting from Zymic Webhosting Services • Included free PHP, FTP, and MySQL access • Easy-to-use control panel • Option of a number of domains to use, I chose nsmith.zzl.org

  7. Management – files and FTP • Utilized FileZilla FTP client to upload files to main directory. • Instant updating of webpages on the hosting server via file transfer

  8. Comparison • Current site • Initial portfolio assignment

  9. Conclusion & lessons learned • Designing and maintaining a multi-page website can be easily done using HTML and PHP along with other scripting languages. • Building and publishing a free website for all to access is a simpler process than some may think. The tools used in this project were available for no cost at all. • The experience gained from developing this simple site, although not complete, can be utilized to enhance someone’s business and customer base.

  10. resources • FileZilla FTP client • https://filezilla-project.org/download.php • HTML resource • http://www.w3schools.com/html/ • PHP resource • http://www.w3schools.com/php/ • Zymic Web Hosting • http://www.zymic.com/free-web-hosting/ • Nolan’s Project Website • http://www.nsmith.zzl.org

More Related