Friday, 16 October 2015

7th October 2015- Creating the home page and the introduction page

According to today's task, I was supposed to work on the home page and the introduction and finish it. I started with the the home page first since I want to go in the correct order of the website and have the same experience as the visitor of the website. Creating the home page involved removing some unnecessary parts of the template, writing the title and the main quote, changing the background image and writing a brief 'welcome' paragraph. Removing the unnecessary parts, writing the title and the main catchy quote was quite simple. I already had the 'catchy' fact ready when I had prepared the document earlier. However, I faced quite a lot of challenges when it came to changing the background image and the main quote. One of the most major challenges was the lack of contrast between the main quote text and the background color. The colors were merging into each other, so reading it would be quite difficult. After a lot of trials, I was able to overcome this challenge by adding a white shadow to the text. Although, it is not perfect, the strain on the eyes is much less. Below is the image of before and after:

This was before I added the white shadow/border to the text

This was after adding the white border, making the text readable 

Creating the introduction page was quite simple because, I just had to paste the information from the document. In this page, I explained what the problem is, and revealed the fact that it is neglected by many parents. I also briefly mentioned the effects on Nocturnal Enuresis on the teen. In general, this was like a thesis which would give a brief introduction about the contents of the website. I did not face any challenges while creating this page. Below are the screenshots of the process of working on the introduction page. 


This screenshot shows the process of inserting an image onto the page. It entails choosing an image from the computer, cropping it and adjusting its position onto the page. 


This screenshot shows the final look of the introduction page. 




No comments:

Post a Comment