Download presentation
Presentation is loading. Please wait.
Published byViolet Edwina Fleming Modified over 9 years ago
1
Nika Kasradze INF240 Project 1: Personal website
2
All pages share the same structure A single table with 4 rows and 2 columns In Header, Menu and footer span on 2 columns Only the middle part renders two columns Left one is a side art, fixed width and seamless image repeating on y. --------> Right one is a the main content of the page with a fluid layout.
3
The first page contains my AUBG application essay For sake of filling the page with something :) Second page contains my pictures from the attached folder The third – some more pictures from my 3d workshop The 4 th – a video embedded from youtube.
4
INF240 Project 2: mp3 store http://www.inf240project2.co.nf
5
All pages share the same frame: A table with 4 rows and 3 columns The side columns contain images of <----- side art. They have fixed width. The middle column, the main content is resizing with the window. There are 3 pages in total: index.php blog.php about.html
6
The index.php file sews up the page using the.ogg files from the /music folder (note: I had to convert all the files to.ogg because the service provider did allow uploads of bigger than 2mb files.) It goes through each file, creates name/player/download elements and places them on the page.
7
The blog.php file is sewing up the webpage dynamically It is connected to the MYSQL database provided by the server (biz.nf – not the best one though) On each request it cycles through the MYSQL blog database and retrieves all the posts. The blog database consists of one only table which contains columns: ID, Name, Date and Post. Any visitor can leave their own post from the form at the bottom of the page. The input is filtered (more or less) to cut out special chars to avoid code injection. The posts are ordered alphabetically, not by date.
8
The last page, about.html is a simple about page sharing the same structure as the other two pages and displaying the No Rights Reserved statement.
9
Thank you!
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.