Creating a Website: Homepage

Today we started making our own website. I started going to Wix and then I chose a template to my website. This is the template I chose for my website.






My next step was to check the homepage and it was visible and therefore I went to the left hand tools menu and clicked on 'pages and menu'. Then I clicked the home and clicked the three dots and then I chose 'show in the menu'. Then I changed the text name of the site to my own name. Then I chose a font/typography that I will use for my website. 


Then I changed the text font to ' bodoni poster' and changed the text size to 65pts.  And then I added subheading for my subject area and changed the size to 20pts. Then I dragged both my name and subject to the header and now they are visible on all pages. 



Then I clicked on 'pages and menu' in the left hand tool . I deleted the pages which I did not need to by clicked on the three dots and clicked on delete. Then I checked four pages which I wanted and they are: Home, About, Portfolio and Contact. Then I checked them in navigation bar that are visible. 


My next step was to check header and design navigation bar. I didn't have a navigation bar in my template. I chose my navigation bar and changed the size and put it in header. I liked the navigation bar so I didn't make any changes in navigation bar.


Finally, I changed my background image which I found in unsplash for copyright free. I changed by clicking the background and then in dialog box I chose image and upload image to my site files, I clicked on image and then page. Then I made adjustments to fit the image and changed the background color of header and footer. Then I previewed my page and clicked on save. This is first draft of my website homepage. 






I will keep this post updated  with any adjustments and changes I make...








Now I'm gonna check the mobile view and I'm gonna arrange the page. This is my mobile view.



I changed the ' back the top' icon then I placed the icon where I wanted the put. Then I changed the image to fit more properly. I chose an image to fit portrait orientation. Then I changed the size of social media icon and placed under my name and my subject. The menu icon was hidden on mobile view so I clicked 'hidden on mobile' and then clicked to 'show'. Now it is visible in my mobile view.





I saved and previewed everything and for now it is look good.




Comments

Post a Comment

Popular posts from this blog

Welcome to my blog!

Image
Welcome to my blog. My name is Nihal. I am a student at DMU International College. I am using this blog for my academic purposes. I am going to study architecture. I chose this university because this university has very good opportunities to improve your drawing skills and finding job after graduate in architecture. I also chose this course because I want to be architect since my childhood. Watching home renovation shows is one of my favourite activitiy since I was little. While watching, I always thought about what would I do or change if I were there and I want to know how the architectures was built , how to create design of architecture. Historical buildings impress me with their marvelous and unique exterior and interior. I want to leave a permanent mark on the world like the other buildings. Sydney Opera House(1973) Today I'm going to write about Sydney Opera House which is one of the most beautiful architecture in the world. Sydney Opera House is the symbol of Sydney as wel...
Read more

Sequential Image Class Practice

Image
We completed a class practice on creating sequential images this week.  I decided to take a couple of live photos of me and my friend are jumping . This pictures shows our actions and movements from standing to jumping into the air.  I used Iphone 14 Pro phone. I used 'burst' option in the camera and I set the timer for 5 seconds to capture our picture in the air. These are the settings below. In these pictures we inspired by Jumping Horse (1887) by Eadweard Muybridge. His photos include one horse and the man on the horse are jumping over an obstacle. And we decided take similar pictures like his photos which I put down below. And these are my original pictures.  The next step is that I am going to put my images together in Pixlr Editor. And I am going to show all my steps down below.  I opened Pixlr Editor. Then I clicked 'create new'. Then I clicked 'print' from the top menu and chose ' A4 size' page. Then I 'titled' my images as 'Jumping...
Read more

Major project : Initial ideas

Image
 For digital arts I'm going to create project for our subject area. My subject area is interior design.   contemporary minimalist design of living room   I looked up some interior designs to decide what kind of design I wanted to do. I liked minimalist design, modern design and industrial design. And I searched a little bit more then I found contemporary design which is contains modernism, minimalism and art deco. It doesn't refer any specific time in contemporary design. It is always changing and it represents a popular styles of present day. It is difference between modernism and contemporary design .   contemporary minimalist design of kitchen I wanted to do a small, cosy and comfy flat house for people who living alone like working people.  Flat will contains living room with small open kitchen and one bedroom and one bathroom .I am making an open kitchen for save more space for other rooms and it is easier for people who living alone to prepare their f...
Read more