Before you start implementing your state-of-the-art page, it is advisable to gather the tools needed for the job.
Obviously the first one is WordPress, but there are scores of other tool that can be more or less useful. It is pointless to learn all of them, as many of them can perform similar actions. I won’t usually dwell on comparing all the details. Nor I intend to advertise any used solution. It will be enough if the tool can make the job done.
However, if You know a way to make the same functionality easier, faster or simply better please let me (and us) know!
There is a very basic list of tools that you may need:
- Developer tools
Not to be alarmed! No need to be a full time highly experienced developer to make a good use of Dev Tools (fortunately). In general, developer tools are a bunch of tools in your browser that enable you to examine the page. Each browser has its own set (or even several different solutions). For example, in Internet Explorer you can easily enter the Dev Tools by pressing F12, in Firefox you may want to install e.g. Firebug plugin. There will be a separate post for this topic.
Graphic side of the web page is definitely one of the most important factors, if you like it or not. You will most likely need some tool for adjusting your photos. The amount of programs which can do that is almost frightening, most of the basic operation can be even performed online, without installig anything. I, for example, am using Picasa for its simplicity.
Anyway, an important thing: copyrights. It is not just the photos you want to use, but all images like icons and backgrounds. It is useful to find a good source of images. It may be obviously your own photos, but if that is not enough, there are a few pages that could provide free stuff. Most of the backgrounds and some photos here are taken from http://www.freeimages.com, for example.
It could be useful to see your page not only on one browser, but in several. Additionally, viewing your page through some mobile device seems to be a must nowadays.