Followers

Wednesday, 20 November 2024

Creating a Website: Gallery/Portfolio Page

 I have now created my gallery/portfolio page ready for my project this term 'Still Mortality'.  I began my going onto the Portfolio page on the Wix Editor and I added an Image thar represents my project I clicked on the 'Add' in the tools menu and then clicked un Image and upload image. Then I used transform controls on the page to place image in  the correct position.  I then went back to 'Add' in the tools menu and chose 'Button' I then chose a button and dragged this into the page. I then renamed it the title of my project.  I then went back to the 'Menu' button and created a new page and named this by the title of my project I then placed this under the portfolio page and clicked on the dialog box and chose 'subpage'.  Then I went back to the portfolio page and clicked on the button link to link this to my page


I saved and previewed this to check that the button worked and appeared in the submenu.  I then check the mobile view and checked this worked. 


Once I have completed the project I will add a back button onto the project page so that the navigation is smooth.  I also did a quick mock up of my project page - see below.

I also added a back to portfolio button by clicking on 'Add' then dragging a button into the page.  I then set the link to the 'Portfolio' page and then I saved and tested that this worked well.  I also customised the design to ensure the font and the colours matched my website design.


I also adjusted my mobile view by decreasing the size of the button and text and centering the title and main body of text.  I saved and previewed this and now this should work when we test live next week.

I completed the final updates and added some earlier work so the portfolio is now more populated - the final work is now published on Blurb and is embedded into the site.


Here is the other works I added


I also adjusted my mobile view and now all links and work should be working - for this term I think is now completed!

No comments:

Post a Comment