Wednesday, 31 August 2011

Lesson 2- Wordpress

This lesson, we learned about wordpress. First we installed the portable wordpress on Mowes and I started playing around with it. I spent a lot of time trying to edit the CSS however, that simply did not work. To start off, I deleted the entire stylesheet and saved it, then I reloaded the webpage. Nothing happened. I tried looking somewhere else. This did not work either. However, later on, when I asked a friend, she had apparently managed with no problems. I shall try again next lesson.

Meanwhile, at home, I managed to create a far more realistic web page layout using photoshop.
In this design, I used various tutorials which i shall later discuss. Anyway, I quite dislike the pattern of the menu button. It looks rather unprofessional. Also the rainbow does not seem to blend with the mild blue of the bottom. However, my basic ideas are there. In this website, the student is able to click the menu and have several options drop down, such as the syllabus, the image gallery etc. I still havent decided if i want to menu to flow horizontally or vertically. Also, down in the corner, there is a search engine. There is also a login box near the top, however it looks extremely out of place. Once the student logs in, they will be able to see bookmarked courses and information about them. I haven't really thought about that yet either.

I used a tutorial from
http://psd.tutsplus.com/tutorials/tutorials-effects/quickly-build-a-abstract-background-of-colored-bars/
to build the rainbow bars at the top


Also, I used this website http://home.zonnet.nl/epragt/tutorials/photoshop/texture/gold/index.jsp.htm to create the gold texture on the button. I doubt the final button will have this texture. It looks very unprofessional. It shall be a rollover button. Perhaps it will be an image instead of a mere box.

Finally, i used this tutorial for the main background. http://www.drquincy.com/blog/stripy-abstract-wallpaper-in-photoshop/ However i dislike the little lighter and darker patches. It would be ideal to get rid of them.

Monday, 29 August 2011

Lesson 1-back to school

Today, I was quite excited due to the fact that we got a portable server thing. The Mowes server. Now i dont need to install things on my new laptop. I played around with PHP and Html and css this lesson. Well, i started off with a basic PHP hello world. First you save it as a index.php then....
<html>
<body>
<?php
echo 'Hello World';
?>
</body>
</html>

Well I think it goes like that....I will start doing more things next lesson. Also, this weekend, I was bored, so I started playing around in photoshop and designing a front page. Unfortunately I got carried away by it and went over board completely.

It has the pages I need, but it looks far too simple and too dark. It is quite silly to expect a university history professor to have such a homepage for his website. However, I rather liked the photo that i blurred the edges of. It was a fun technique. I would like to include that technique in the final website. I quite like the thing on the top of the school website where it goes through a number of photos. Perhaps, i will make that part of my final website also.

I finally took a photo of my notebook containing the planning of the photo gallery layout. I did this during summer but never remembered to take a photo of it. I don't own a scanner, so photos are the best i can do.





This weekend, my dad gave me the website of his current website. It looks rather...plain.

Image Hosting

Today I was thinking, "Where do I put images? How would my client upload more images?" Well, to answer my first question, I googled image hosts and discovered a site with 7 image hosts. http://www.smashingapps.com/2009/06/03/7-best-free-image-hosting-and-photo-sharing-websites.html
But this does not answer my second question. I cannot ask my client to go through all the trouble of logging in to an image hosting site such as flickr or photobucket and then link it in the website. No.

(currently looking for useful things. will php work??)
Actually...i believe you can. According to this website (http://www.webdeveloper.com/forum/showthread.php?t=101466)
 you can upload images using PHP. I dont really understand the code but once I get started, I think I'll understand.

Monday, 15 August 2011

Clients ability to edit

Well, after a long holiday in Europe, I suddenly thought of something. Something so important and something I am so clueless about, I had to go Google it. How would my client be able to edit it?? I cannot assume that my dad knows about HTML, jQuery and all that stuff. I found a website introducing something called "Cushy CMS" which allows your client to edit the website easily.
http://vandelaydesign.com/blog/web-development/cushy-cms-tutorial/

http://www.cushycms.com/en

However, I havent found out yet whether it allows you to upload photos yet. I'll have to try it out soon. I am worried about my jQuery photo gallery thing I thought up a long time ago. How would my client add more photos??? What happens when the space runs out???