This is the P2PU Archive. If you want the current site, go to www.p2pu.org!
From GIMP to xHTML and CSS
This course is complete. Subscribe to the announcement list for updates.
From GIMP to xHTML and CSS
Summary
Contents
A. Create a rough sketch of the design B. Page layout and color scheme C. Creating the design D. Slicing the design E. Coding the webpage
Planning (subject to change)
Day 1: creating the assets (youtube videos 1 - 6, see Course Material)
Day 2: creating the design (youtube videos 7-12, Course Material)
Day 3: coding the design: structuring it
Day 4: coding the design: styling it - without the images
Day 5: styling it: applying the images to the design
Day 6: Using Web fonts from the Fontsquirrel library
Day 7: Answering questions and Course Review
Schedule/Syllabus
Except where otherwise noted, all content on p2pu.org is
licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported
License.
Comments
I just pasted the code if
I just pasted the code if that is alright. I did not see a way to upload the files...
I ran into the same problem.
I ran into the same problem. I zipped my directory and uploaded it to a third party then just pasted the URL to the file. Hope this helps.
Me too.. i just uploaded my
Me too.. i just uploaded my zipped folder and just pasted the link of the file.. well i think Mr. Wouter Cox was able to received the file XD
Hi, you can send me a mail
Hi,
you can send me a mail with the files at wouter.cox@gmail.com, preferrably in a zip file. Or if you have web hosting somewhere, you can post the link.
Hello there, I just sent my
Hello there, I just sent my sign-up task through the apply form. I did receive an acceptance email. Just wondering if I need to do anything else. I could put the files up on my web server if you need them. Thanks again... looking forward to working with you all.
Well, I guess that means I
Well, I guess that means I was accepted. So, hi everybody! I look forward to working with all of you, especially our friend Wouter Cox. Speaking of which: I used HTML strict in the signup task, as opposed to xHTML. That was OK, I presume?
There's not a huge huge
There's not a huge huge difference between xhtml and xml:
http://www.w3schools.com/xhtml/xhtml_html.asp
it's good to know the differences though.
(and hi everybody!!)
Yeah, i know, not much of a
Yeah, i know, not much of a difference. But hey, figured I should make sure it was OK.
You can find the template in
You can find the template in the Syllabus/Course Documents, under "Basic Template we will use". Or get at: http://www.webstandards.org/learn/reference/templates/xhtml10s/
I applied on the form and
I applied on the form and sent my files to wouter.cox@gmail.com. hopefully I have applied correctly. I was somewhat confused on the application form. I hope I applied properly and that I'm admitted.
Hello, everyone... er... world.
You can use a free host
You can use a free host service for uploading. I used 110mb.com.
I don't understand why you
I don't understand why you ask for things about CSS if there is no way to upload files directly.
Hi, if you mean for the Sign
Hi,
if you mean for the Sign Up task and/or course, it's true that you can't upload files. You are all encouraged to choose your own way of working. You can keep the files on your hard disk and mail them to me when finished, or you can use an online website/service to put them, there are a few (Dropbox, Google Docs, ...) that are free. I know it's not perfect and at times inconvenient, but there should be enough places where you can put your files online.
Wouter
Wouter, Thanks. This is the
Wouter, Thanks. This is the course I need to improve my web skill set.
I coded each page (.css and
I coded each page (.css and XHTML) and pasted them into the editor, but for the image, I had to upload it to photobucket.com and then paste the copied url into the text editor's 'image' input tool. I also e-mailed the files to the instructor. Hope it all works.
I am having hard time with
I am having hard time with Paste as and New Pattern. It tried severally times , it never worked with my GIMP 2.6 on Windows box... The script-fu popup didn't even come up at all. What is it that I am doing wrong?
- check if you have a
- check if you have a selection active and are on the right layer
- copy (I believe it's under Edit->Copy)
- Now do 'paste as pattern'
I'll try to take a look this evening (currently it's a little past noon here).
Hi Emeka, I find this is hard
Hi Emeka,
I find this is hard to explain in words, so made a quick video explaining (one way) how to use 'Paste as Pattern' in GIMP: http://www.youtube.com/watch?v=VBB9ttNvBhg
Hope this helps!
Hi Emeka, I had the same
Hi Emeka,
I had the same problem when I was watching video 4 (4-header-image.mkv). I realized that the video forgot to mention to copy the selection. Just hit ctrl c and then try pasting as a new pattern. Hope that helps.
Let me introduce myself to
Let me introduce myself to this class... I am Emeka Nwankwo from Nigeria. I write programs using Clojure/Python however I am an aspiring web programmer. Why am I here? To learn from my follow students and instructor.
Hello there, another note
Hello there, another note about video 4. After I inverted the selection I wasn't able to just hit the delete key to delete the unwanted part of the layer. So, what I did was cut (edit --> Cut) the selection or control x on the mac. That worked!