Process of creating the home page for paper
-
Upload
michael -
Category
Technology
-
view
212 -
download
0
Transcript of Process of creating the home page for paper
![Page 1: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/1.jpg)
PROCESS OF CREATING THE HOME PAGE FOR PAPER WEEK’S WEBSITE!By Michael McCauley
![Page 2: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/2.jpg)
Firstly, I had to create a template!
![Page 3: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/3.jpg)
Secondly I added in the ‘Paper Week’ Title
![Page 4: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/4.jpg)
Thirdly I had to create the tabs which were split up in home, about us, facts and contact us
![Page 5: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/5.jpg)
Fourthly I had to created the picture slider and to do this I had to create four different pages and in this case I never cared how they were named as they wouldn’t show up on the actual website. I also numbered the pages to know which page is which.
1
2
3
4
![Page 6: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/6.jpg)
Fifthly I added in all the information and pictures for each slide and changing the background colours too, so the text and image can stand out to the appropriate colour.
![Page 7: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/7.jpg)
1st picture slide- showing me editing the text and its font
![Page 8: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/8.jpg)
2nd picture slide- showing me replacing the image
![Page 9: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/9.jpg)
3rd picture slide- showing me editing the text
![Page 10: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/10.jpg)
4th picture slide- showing me editing the text and changing the font of the text as well as the size
![Page 11: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/11.jpg)
This next slide shows how I created the four images at the bottom of
the website and how I put an effect on the images. Lastly how I
selected the image and navigated around the image system.
![Page 12: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/12.jpg)
The four images
![Page 13: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/13.jpg)
Editing the ‘what we want to do?’ space
![Page 14: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/14.jpg)
The edited bottom bar, which contains our contact details, website and our email
![Page 15: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/15.jpg)
The Last final Bit!
![Page 16: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/16.jpg)
The tree added to represent Paper Week- searching for the tree and showing how I got it.
![Page 17: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/17.jpg)
The tree added to represent Paper Week- Tree getting positioned in the website.
![Page 18: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/18.jpg)
Searching for the logo in the images- How I uploaded the Paper Week logo
![Page 19: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/19.jpg)
The logo on the website-Where I placed the logo
![Page 20: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/20.jpg)
Loading from me Publishing from what I have done!
![Page 21: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/21.jpg)
THE FINAL HOME PAGES BECAUSE OF THE PICTURE
SLIDER
![Page 22: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/22.jpg)
![Page 23: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/23.jpg)
![Page 24: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/24.jpg)
![Page 25: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/25.jpg)
![Page 26: Process of creating the home page for paper](https://reader033.fdocuments.in/reader033/viewer/2022060111/5563b078d8b42a79028b4c26/html5/thumbnails/26.jpg)
MY HOME PAGE IS NO
COMPLETED!! =)