1 / 9

Nika Kasradze INF240 Project 1: Personal website

Nika Kasradze INF240 Project 1: Personal website. 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

dale
Download Presentation

Nika Kasradze INF240 Project 1: Personal 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. 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 4th – 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!

More Related