Creating the Entertainment Page

When setting out to structure the "Entertainment" page, I thought about whether it should look different in appearance to my previously created pages. This idea was the result of an attempt to appeal more to a potential audience: if there is something different on every page, it would - in thinking, at least - be more of an impetus for exploration; for people to navigate around the site to find out what else is hidden, waiting to be found.

However, looking at other popular content websites such as "The Verge" and "Wired", this idea was quickly abandoned as it was obvious that uniformity across a website played a key part in its identity, and We Are Awesome would have to keep to this idea, if it were to establish its own. Therefore, I decided to keep to the structure and appearance of the my previous pages, as shown in the wire frame below, the only change being the name of the page from "Human Interest" to "Entertainment", as it sounded better.

                                               


Creating the "Entertainment" page was exceptionally easy. Having created the "Political Analysis" page - which the "Entertainment" page would take after - it was a job of simply using that template and inserting the relevant content for the "Entertainment" page.

I went through the "code" and removed the images set there for the "Political Analysis" page, using a image that I sourced for use with an article titled "Ten reason why you are awesome" from my site root folder. Again, having found the optimal size specification for an image on my page during the creation of previous pages, it was a job of merely selecting the same as I had before: a width of 600px and a height of 360px, which I feel is ideal. And again, as the align tag was already set to "middle", it was job of great ease in getting the page to look to my liking. 

Then I set about inputting the headline on top of the image, and having learned the rather simple but vital "br" tag now, it was straightforward enough to input without any problems. The troubles I did have in making this page, were slim, but like all things, trouble is always likely to arise. 

When I selected the "design" tab from Dreamweaver, I found that my image could not be displayed in the website's live form. I was baffled at this new-found coding mishap phenomenon, where the picture was - to my understanding, of course - coded to fit in correctly, but would not display. A quick look on W3 Schools, provided me the with the problem, not to mention the solution. The image file would not display in the "design" tab, I suspect, because the image file text did not specify what it was. Thus a quick "alt" tag with the relevant file information corrected an annoying problem and the picture displayed, with the problem gone. 

Next, I simply removed the text that was in place for the article I had written for the "Political Analysis" page, but for this, I had to be a little proactive. As the article for the "Entertainment" page is written in 10 lines, it required an extensive use of the "br" tags, which took up some time, I must say. It required me to ensure that the coding beneath the article text - in the form of the "par" and "br" tag - was flawless to enable that it would display in lines, as opposed to paragraphs: which can be seen below.

I have become confident throughout this process, not to mention efficient, when structuring and then styling my content pages; particularly with my content pages as demonstrated previously and recently, with the above. However, I am unsure as to what my "Media" page is to look like. It may take the same form as my article pages, but I have the idea that it will be filled completely with pictures and a few videos. This may present a problem when it comes to working on it, but for now, I am feeling confident that when it comes down to it, I can accomplish pretty much anything I set my hands to with HTML and CSS