step by step print screens of my contents page
TRANSCRIPT
![Page 1: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/1.jpg)
Step by step print screens of myCONTENTS PAGE
![Page 2: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/2.jpg)
I opened up the correct size document and set the main text box out.
![Page 3: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/3.jpg)
I changed my background colour to black as I feel that this is a better choice because my font stands out more and it gives the page a more sophisticated look.
![Page 4: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/4.jpg)
Next I added the title ‘CONTENTS’ in bold white font that is the same as the font used for the masthead.
![Page 5: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/5.jpg)
Next I added the boxes so I knew how the layout would be.
![Page 6: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/6.jpg)
My next step was to copy the masthead over from Photoshop and then place it in the correct position by the title.
![Page 7: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/7.jpg)
I added the main features that I wanted to use on my contents page which I had already pre planned. I used different colours to separate the numbers and the actual brief.
![Page 8: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/8.jpg)
I have also added my pre planned the review section and added this onto the page. I again separated page numbers and text with different colour fonts.
![Page 9: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/9.jpg)
My next step was to add the main image of the main feature artist.
![Page 10: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/10.jpg)
After that, I added my second image of another artist that features in my magazine.
![Page 11: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/11.jpg)
I added my sub title for ‘features’ and put a pink box around it to make it stand out and also to bring out the feminine aspect of house style.
![Page 12: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/12.jpg)
I did the same thing with the ‘reviews’ sub title next.
![Page 13: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/13.jpg)
Next, I added a little brief into the main article and placed this over the main image to make it obvious this is the main article.
![Page 14: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/14.jpg)
I then did the same on my next image.
![Page 15: Step by step print screens of my contents page](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a067551a28ab4e728b48aa/html5/thumbnails/15.jpg)
FINAL CONTENTS PAGE