Saturday, 13 December 2014

Creating the Political Analysis Page

The idea with the "Political Analysis" page is that it will display the political content - in the form of written articles - on the page, to be read by visitors. Before setting out to make content pages like this one, I wanted the articles to be displayed similar to the home page, where all the content would be displayed and upon clicking upon a desired article through either the headline or picture, it would take you to the article and page to be read.

Not only would this be difficult to accomplish, but it would look indistinguishable from the home page, and so, it could not be embarked upon, purely so that the visual appeal of the website could be broadened.  Thus, my envisionment for the look of the content page - as displayed below - could not be pursued. 



In the end, looking at other websites - particularly the ones that I often visit and therefore influential for the look and structure of my website - I decided to have all the content displayed on the page, so that visitors could scroll from one article, to the next, on the same page.

Creating this page, I must say, did not cause me too much difficulties as it followed the same philosophy as the home page, as it was about the structure and style of the content on the page. The plan for the page, is that it would have the headline for the article above the image, and the text, would be below the image, and this style, will be persist down the page.

I began with placing the image I plan to use on the page and played around with the size of it, to see what would make the design of the page look most effective. The images on the home page are rather small, and having inputted the same size for the the page, it did not look right, as the page loses its visual appeal and presence, as the pictures are too small to do such a thing. In the end, I decided to go with a width of 600px and a height of 360px, with the image placed in the "middle" with the align tag, as having  experimenting with the placement of the image, this appeared to be the most effectual for the look of the page.





Once I was satisfied with the look of the image on the page, I put the headline for the article above the image with the use of the "par" tag, which while not difficult, was tricky, but ultimately accomplishable with the help of tutorials. The problem was that the below image and above article headline clashed, but once I realised the power of the "br" tag, this problem was solved. 





My article at this point for the page needs to be improved, but for the purposes of progress, I set about to structure it into the page. This was quite simple to do, as trying to make the headline and picture fit in tandem on the page, I understood how best to do this with the "br" tag. I inputted the "par" tag and copied the text for the article from the Word document were it had been written and put it in Dreamweaver. I had to stop once in a while and check the look of it in the "design" tab to see it the text had been cut down into readable paragraphs to ensure it looked good on the page. I think for now it succeeds in doing this, but it may change shape in the future, with some feedback.




I have stated numerous times in previous posts that I do not enjoy coding - and while that will remain for the foreseeable future as I am an individual purposed to be a writer and entertainer - some part of me enjoyed the process of the creation and structuring of this page. That was possibly because it did not require too much difficulty, as that had been experienced with the creation of the home page, and the page for the latter, was used in the creation of the former, which massively improved the time it took to work on this page.

As I produce more content, they will fit in effortlessly in the page and the creation of the next page I plan to work on, the "Entertainment" page - and will simply take on the structure of this page, as this seems the best in the name of web design principle: less is more. 

No comments:

Post a Comment