An assignment was given to create a CV/portfolio website
1) Tutorials are on these sites:
2) How to view the source code of a web page:
Sample of source code for BBC news
3) Here are samples of existing websites:
Simple, straightforward design, users can just click on links to get more information.
Background image covers the screen, navigation bar as footer. Minimal four pages
Simple black background with an illustration in the middle.
Another designer’s site:
I love the simplicity, screen filled with an image and minimal info:
Simple illustrations and block bold colors.
I like the simplicity, one page has all the information, one colour.
More samples on this website:
Sample of web page layout found online:
More layout samples available on the link below:
Sketches done in notebook:
Wireframes done in Photoshop:
Header, text disappears into the stripes. Description font too big, turquoise background color hurts the eyes.
Header too distracting. Colour combination to loud. Images too big
Using a different header done on Photoshop.
With the problems I’ve encountered, solutions and tutorials were found on W3 Schools and other websites:
How to insert links to images:
Screenshots taken on mobile phone of tutorials from W3Schools
Feedback from Lecturer
Text too plain, need to reconfigure, place them in containers, add a little color, different fonts as example in BBC news website.
To arrange images in gallery on white background, grid style. Minor changes to text in content. To reconfigure About Me page.
Sample of ‘About Me’ page:
Finally, 5 pages completed!