Archive for web design

Further Ideas for development

The skills that I have developed and practiced throughout this module have been beneficial to me in that I now have them to use in future projects, and I genuinely feel confident with them. 

Firstly my initial idea for personal development will be to continue with trying to resolve the problem surrounding the use of PHP in my project. 

Secondly, for the purpose of this assignment it was not necessary to build all pages to the website; however these are what I will now look to build and develop, so that the menu links such as ‘About me,’ actually have some content to link to and display.  

In terms of developing my CSS skills further, this could include making print-friendly versions of my web pages to go with my portfolio site as a brief example, but overall I think the more practice I have with CSS the better my chances are of becoming quicker at designing on the whole. As for PHP there is a large amount to develop with, and my original project idea of a Facebook application will be another main focus of mine. PHP is where the future of web design is, and as a growing web designer this is the direction I too need to be taking.                  

New Employable Skills

CSS is seen as a fundamental part of web design; however is an area that I personally admit to have been quite lazy with since learning the field. This is the main reason why I now wanted to develop my knowledge within the area, because at such an important point in my academic studies I knew that it was vital to know how to deploy these key skills confidently into practice, given that my third year project is to build a website and that will take such elements into account. What’s more, they are basic knowledge and skills that are almost certainly required when seeking employment within this sector, Employers will not only be looking for someone who can create unique designs, but will also depend on that person to have such skills that will make the work they produce more accessible, as this is an important issue for web companies. CSS skills also engage the designer more so with usability, for instance the placement of content is thought out more logically with CSS, and hence makes the designer more aware of how content appears and impacts on a user’s general site experience. The main reason people want websites is to attract the attention of users, and a user’s attention is only held with good design - something which CSS clearly promotes. 

Not only have I tried to improve my CSS knowledge and skills, but I have also used some PHP coding in my project. PHP itself is a technology which I have only recently been introduced to, and was the basis for my original project proposal which unfortunately became overrun with problems, and these were deemed too challenging for the short space of time with which this project had to be completed within. The use of PHP in my project is to pass PHP variables with a URL. This means that with my CSS designs, a user would be able to change the style/design of the webpage dynamically, i.e. change/load the new style into the webpage itself by clicking on a link.

In order to learn and develop this technique I first worked with a tutorial, and later also sought advice from the module lecturer. Unfortunately however, I have not yet been able to get this feature to work 100% correctly, and have been trying several methods, that I have been testing on my own personal webspace (http://www.katiebutler.co.uk) over the past week to resolve the apparent problem - so far with little success. Despite this my understanding of the technique has developed from virtually nothing to an adequate level, therefore with more practice and guidance I may eventually be able to get this element to work how it should. In doing so, I will have gained further skills to present to and hopefully impress potential employers or even clients with, especially those who may want to utilise my web services in the future.

CSS and issues of Accessibility

CSS essentially encourages web designers to create more accessible web pages and hence more accessible websites overall - due to the nature of their functioning. CSS as I have outlined in some of my previous blog research, gives designers more control over their HTML pages, for instance they become more flexible, and elements of design can be changed relatively easily to suit a user’s requirements.    Having done some Internet research into accessibility beforehand, I can now identify how my web pages and CSS designs have been made accessible. 

  1. Each page conforms to general usability guidelines, i.e. such as making links distinctive through colour, underlining etc
  2. Each page is cross-browser compatible, and so looks almost identical in IE and Mozilla Firefox etc (http://www.browsershots.org/)
  3. Each page has been optimised to a certain extent (meta tags) so that search engines would be able to prioritise the site more easily.
  4. CSS has allowed me to control content via ‘DIVS’ which effectively separate content, yet still present it in user-friendly ways.
  5. The use of CSS also means that an alternative font will be displayed with regards to all text, if the current one is not installed on a user’s computer.

 In my designs I have also used a wide colour range, and it is always useful to check these colours with VisCheck.com to guarantee that people who are visually impaired (i.e colour blind) can still see some form of colour at least, ensuring then that they are not missing out on any important information as a result of this, for example the page’s links. This is a quick task that I have used before in previous projects and is another valid way to enhance accessibility. (See Appendix 1 for results of this testing)

PHP Project

After spending a couple of weeks looking into PHP in some detail, obtaining materials to help me get started, and getting all the necessary knowledge, I have decided that I would like to do my project in PHP.

I feel that I have a good base to work on for learning PHP, with good knowledge of HTML and CSS. I also think that learning PHP will be a good advancement of my skills. With more and more websites becoming increasingly interactive, users may feel cheated to visit a website which has no interactive content at all.

This experience with PHP will also be extremely useful to contribute towards my final year project which is a PHP heavy online community.

My idea for this module is to build a small PHP based website which will have a user login option where users can enter their own areas and upload material such as music or small files. This will mean I will also have to learn and gain experience using MySQL. As I mentioned in a previous post, MySQL has given my problems from the installing stage, but I hope that when everything is working properly, there will be less problems.

The subject of my website, I have yet to decide, but I think that it will be easy to base the website on anything I choose closer to the deadline. The HTML element of my website should not pose too many problems, so I am free to experiment with PHP a little more. This means I may be able to add small extras to my PHP script which makes the website that little bit better. For example, adding a remember me feature onto the login section makes the website easier to access for regular users. Small additions such as this encourage people to visit the site more often, as well as making the experience easier and more enjoyable for them.

My next step will be to further research online communities and see how they work, in order to begin planning my own project. Hopefully I will be able to lift a lot of the work from this project and save myself time in my production project.

Experiences with PHP and Setting Up

In the last couple of weeks I have started to research PHP in more detail in order to find out more about how I can make use of it in my future projects. However, so far, despite reading claims that PHP is as easy to pick up as HTML once you get past the basics, I have seen no evidence of simplicity at all.

Merely installing the programs required to use PHP is a gargantuan task in itself, and by no means user friendly. Although PHP is the most popular programming language because of its simplicity, I find it hard to understand how so many people could work out how to get it installed on their systems in the first place.

Code is required from the get go. To use PHP and test it on your home system, you are required to run a server in the background. Many people prefer to use Apache, which is what I have installed, but other servers can be used such as Microsoft Internet Information Server. Installing Apache was the first hurdle to getting PHP working, and it wasnt too difficult to locate and install. Get Apache from http://httpd.apache.org, by downloading the stable windows version. If you cannot find it, do what I did and type “apache-1.3.31-win32-x86-no_src.msi” into google. The first link that comes up should download the correct version.

The next part of the PHP environment to obtain is a database server such as MySQL . MySQL is free to download so it is a popular choice amongst web developers. I have had problems with this from the moment I downloaded it, and at the time of writing this blog I still dont have MySQL working alongside my server and PHP. MySQL can be downloaded from http://www.mysql.com, and the latest version can be found in the community download area. Again, MySQL is free to download and use, which makes it popular.

The final item needed is PHP itself. I downloaded PHP 5 from the PHP website. Actually finding the correct version is hard enough as the website is difficult to navigate and quite confusing. After eventually downloading a no-install version, I consulted my PHP in easy steps book to work out how to install it manually. To do this a file called PHP.ini needs to be copied into your windows folder, and then edited to contain several lines of code which make it compatible with Apache and MySQL. Tests can then be carried out by typing simple html code including some lines of PHP code, which determine if the environment is correctly set up.

Suffice to say, mine wasnt, and as I mentioned before, I am still having troubles getting MySQL to connect to my Apache server. Anyone who has any interest in learning PHP, I strongly suggest getting a book to start you off, which has clear instructions on how to set up the working environment before launching you into tutorials. The book which I have does this quite well, but it doesnt tell you how to correct errors if something doesnt work.

If you would like to check it out, its called PHP 5 in easy steps, by Mike McGrath.

Guillaume Piot - Web Designer

Guillaume Piot is currently running a web design and development company based in Birmingham, trading as Clownfish Design. In this blog, Guillaume will write about web technologies and practices, which contributes to the learning process of the Web & New Media Degree at U.C.E.

Topics will range from PHP and AJAX developement, to search engine optimization and online marketing.