Creating a Website: Homepage

Today we started to create our  own website. I started to create my website by going to WIX and I chose a template which is in my subject are "Architecture". And this is the template that I selected.

My next step was to check my "home page" and whether it is visible, So I went to the left hand tools and clicked "pages and menu", I then checked whether there was a "eye cross" which means it is not visible and the page was hidden. Therefore, I clicked the "three dots" and selected "show page "in the drop down box. After that , I clicked on the text of the name of the site and changed it into my name. Then I chose "Marcellus" font which I intend to use throughout the website.

I chose the font "Marcellus" which was 75px for my name and I chose "Libre Baskerville" which was 38px for my subject area "Architecture". Then I dragged both of my name and subject area in to the header.

 And then I went to left hand tools and I clicked "Pages and Menu" and I deleted unnecessary pages such as building, location  and inquire . Then I add other pages such as portfolio", "contact pages". Therefore, I checked whether there were my needed pages which were "Home", "about" , "Portfolio" and "Contact. And I checked if they are visible in my navigation bar.

After that, I started to delete unnecessary pages in the header and customized according my website.

Furthermore, I did some changes in the background image . This was in section and I changed the colour by right clicking and I uploaded an image from my computer and I changed the background image. Then I adjusted the space of the section after I changed the menu design of pages . Then I previewed my draft to check whether it is correct .

 
  This is my first draft of my home page of the website. I will keep update and changes I make here.

However, I did some changes in the homepage. I replaced  "my name" and "course name" in to the header section. So, it is possible to see my name in every pages. Then , I clicked on " header scroll settings" and selected " scroll with site".  And then , I went to the "section layouts" and changed into a new layout which showcase the background image clearly. This is the final look of my website.

Then , I previewed my home page.

Then, My next step was to create the mobile view of my " Home page" .

However, later I removed the "chat box" icon here. this is the final look of the "Home Page "of the website.

 

This is the final look of the mobile view of "Homepage".