This is the P2PU Archive. If you want the current site, go to www.p2pu.org!
From GIMP to xHTML and CSS
Course Material
- Syllabus for From GIMP to xHTML and CSS
- Recommended reading
- Images and dimensions for the webpage design (HTML, CSS)
- Image Dimensions for the design (GIMP)
- Chat log for WEEK 1
- Final Design (JPEG attachment)
- HTML file, CSS file, images
- Part 5: making the Central Column full height and making the footer sticky
- Part 4: adding the images to the page
- Part 3 - styling the HTML (no images yet) (DRAFT)
- Part 2 - creating the HTML and applying structure (DRAFT)
- Basic Template we will use (xhtml 1.0 Strict)
- Part 1 - creating the Design in GIMP: links to the Youtube videos
- Coding the page - draft
Part 1 - creating the Design in GIMP: links to the Youtube videos
1. Introduction: http://www.youtube.com/watch?v=Wr5Xel-511M
2. Preparation: http://www.youtube.com/watch?v=trDq1rbqqyQ
3. Color Scheme: http://www.youtube.com/watch?v=sTcQB-JosqA
4. Creating the header image: http://www.youtube.com/watch?v=TJOIMqErPDs
5. Creating the menu background: http://www.youtube.com/watch?v=sDANRwu4Wwg
6. Creating the footer background: http://www.youtube.com/watch?v=bayMIyJjqz0
7. Building the page, part 1: http://www.youtube.com/watch?v=JLgEpgvxPAg
8. Building the page, part 2: http://www.youtube.com/watch?v=ng_9OAvS5_4
9. Building the page, part 3, adding the borders: http://www.youtube.com/watch?v=xbOHy7PiQLE
10. Building the page, part 4, adding the body background: http://www.youtube.com/watch?v=kgjGkQd0fH8
11. Building the page, part 5, adding the menu items: http://www.youtube.com/watch?v=Hs69s2PcwbE
12. Building the page, part 6, finishing up: http://www.youtube.com/watch?v=TcLQEOzAATI
