1 / 10

Designing a multi-page website

Designing a multi-page website. Nolan Smith. 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

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