Up next in 10
How To Build A CV Website
806 views
Feb 8, 2024
The video "How To Build A CV Website" provides a comprehensive tutorial on creating a personalized curriculum vitae (CV) website from scratch. Throughout the video, viewers are guided through the process of designing and developing a professional online CV using HTML, CSS, and possibly additional technologies such as JavaScript or a front-end framework like Bootstrap. The tutorial covers essential steps such as structuring the website layout, adding sections for personal information, education, work experience, skills, and projects, as well as styling and customization to enhance the visual appeal and usability of the website. By following along with the instructions and code demonstrations provided in the video, viewers can learn how to showcase their qualifications, achievements, and portfolio effectively through a bespoke CV website. Whether for job hunting, networking, or personal branding, this tutorial offers valuable insights and practical guidance for creating a standout online CV presence.
View Video Transcript
0:00
Hi guys, welcome back to another video of AG tutorials and today's video is sponsored by VIX
0:05
In this video I'm going to show you how to build your own professional website
0:10
Using VIX website builder, you can create any kind of website like business website
0:15
portfolio, resume, online community or e-commerce website without any coding or programming knowledge
0:23
For this video I'm going to create an online resume website or online CV website
0:28
So let's start this video. First come to this website, wix.com. You can find this link in the description
0:36
Here you need to create an account using your email ID or you can sign up using your Facebook account or Google account
0:44
So I am using this option continue with Google. After sign up, just click on this button. Let's do it
0:57
Let's do it. Here it is asking some questions about your website
1:04
You can answer these questions or you can skip these steps. So we'll click on this skip option
1:14
On this page you have two options. First is Wix ADI. It will ask you a few questions about your website and it will create a website for you using
1:25
artificial design intelligence. The second option is Wix Editor. Here we can choose from so many templates, then we can customize the template according to our requirements
1:36
So I will go with this option to create website with Wix Editor
1:43
On this page you will find so many templates, you can always start with the blank template
1:47
and create each layout by yourself. But it is better to go with these templates because here we have beautiful templates designed
1:56
for different categories of website. If we click on online store we will get all the templates for e-commerce sites
2:04
You can see we have lots of templates here. If I click on blog, here we have templates for making blog and news websites
2:14
I want to create an online CV website, so I will click here on portfolio and CV
2:22
So these are the beautiful templates for making online resume website. I will check on the next page
2:31
You can choose from any of these templates. If you take cursor on any one, there are two buttons, one is edit and another one is view
2:41
Let's click on view button. Now I can edit this template as per my requirements
2:50
If I scroll this webpage, you can see this template is looking very good
2:56
And if I click here on this mobile icon, you will see this website in the mobile screen size
3:05
So you can see this web page is completely responsive. Let me come back to the desktop view again
3:14
If you are happy with this template, click on this button, edit this site
3:19
So it will open the Wix editor. Here you can edit your complete website according to your requirement
3:29
If I scroll here you can see these are different layouts. If you want to edit this header, click here and you can also use this icon and here you
3:41
can add any new menu and you can also add a new page that I will teach you later
3:47
Here you can see there are some text so if you want to edit this text, click here and
3:53
replace these texts so I will write my own text here now I want to change this small text so again click here
4:09
and replace the text in the right side you can see we have option to increase and decrease the font size
4:18
we can change the font family If you want to change any image, so click on the image
4:35
Here you have option change image, click here. And here you can drag your own image
4:45
Here we can also choose media from Bex. So click here and here you will find lots of images
4:51
images that you can use on your website if I scroll here you can see there are lots of
4:56
images here you can search these images according to your category so let me type here business and now it will display all the images related to business Here also we have this button upload media so let me click on this one and upload any
5:18
image from your computer. Then click on this button choose image and now you can see our image has been replaced
5:29
Next I'll tell you how you can add any new content on this. layout so just come here I'll click on this plus icon here we have lots of
5:38
things we can add image galley text buttons and so many things so let me come
5:46
to the button and you can see we have different types of buttons here in the
5:53
right side so we can drag any button on our web page so let me use this one I will
6:00
hold and drag it on our web page page. Now we can drag it to change the position so I will drag it over here
6:11
You can also change the design of these buttons so just click here then click on this icon design
6:19
Next I'll click on customized design and here I will change the shadow
6:32
If I want to change this text, so click here and change the button text
6:42
So I'm writing Hired Me. Here you can put the link of this button
6:49
Here you can add any website address, you can link any page of this website, you can add anchors
6:54
you can add an email ID, phone number. For now I'm adding home page
7:02
If I scroll here, here also we have some text
7:12
If I click here I can change this text and we can change the size also
7:19
If I click on this description, you can see I can drag this one to change its layout
7:32
Now to replace this content, click here and remove everything and paste the new content
7:47
If I scroll down again we have some content here. So as I told you how to replace the content here I will tell you how to remove this one
7:59
So right click over here, then click on delete. on delete. For this one also I'll remove that's it
8:09
Now I will tell you how to add new content. So click here then click on text then click on title and click on any title that you want to
8:17
use on your page. So this is the title I'm using here I can change the text
8:31
Next I will add some description also. So again click on this plus then click on text and come to paragraphs
8:46
Drag any paragraph here. We can drag to change the layout. Let me change the font size for this one
9:05
Now it is looking better. I will move it in the center
9:15
Here you can change the color also so let me change this color
9:23
Same color I will apply in other titles also. Now I will come to another section
9:53
Here also you have the same things. You can easily replace these content, then you have button, you can edit this button also
10:00
So here we have some text and here you can see some social media icons
10:05
So let me click here and see how to change this. If I click here and you can see we have option to delete these icons and we can add a new icon also So click here and you will find so many icons You can see Facebook LinkedIn and Snapchat Twitter
10:24
Let's close it. And to add your social media links on these icons, click here
10:31
And here you can replace the social media URL. I will paste my Facebook link here
10:39
Then click on done. Now I'll click on Twitter. Click here and replace the URL
10:46
Now I will click on Instagram. Click here and replace the URL
10:51
Done. So this is how you can change the social media links
10:55
If you want to read this form, click here and here you can see plus icon to add one element
11:02
You can use this button also, add new fields. And in the right side you can see we have so many
11:09
We can add email ID, phone number and other things. Next click on form setting, then click on settings and here you can see email notifications
11:25
So here is the email ID where we will receive all the inquiries when someone submit this form
11:34
Now if we want to add some other menu in this header, click here
11:38
here and at the bottom you can see this link and here is the folder that will be used for
11:46
creating a drop-down menu so let me click on this link icon and here you can see we have
11:51
multiple options to add different type of link so here i will add one anchor link in this anchor i'm
11:57
adding the section of this web page so i'm adding about section it is about me click here and
12:04
change the text so it is about me Similarly, I will add other section also
12:12
This is work experience. Click on done, then replace the link text
12:27
Now I will add education
12:37
I will add one more which is Contact Me. And replace the text, Contact
12:47
Drag it to change its order. Close this one. Similarly we can add different anchors in this button also
13:02
So click here and click on Anchor. anchor, then click on Contact Me
13:11
Click on the preview and you can see all the customizations done on your webpage
13:18
So if I click here, you can see it is scrolling the webpage. If I click on Contact, it will scroll the webpage to the contact section
13:26
If I click here, Hide Me, it will scroll the web page to Contact section
13:32
So let's come back again to the editor. So click here. And if you want to add a new page, just click here
13:42
Click on Add page. Write the page name here. So I'm writing portfolio
13:52
So right now it is blank page only we have header and footer
13:58
If you want to change the background, click here and here you can add different images in
14:03
background, you can add videos and you can add color. So I'll click on color
14:13
So I will leave it white itself. I don't want to change the background color
14:18
Now if you want to add any content on this page, so click on this plus icon and I want to
14:26
add some gallery, so click here gallery and here we have different types of gallery
14:32
So select any of this that you want to add on your web page. I will use this design
14:40
Click here and Now you can see this gallery on this page
14:47
We can drag it to change the space from the top You want to change the images in this gallery
14:56
So click here then click on Manage Media Here you have options to add new media
15:04
And you can also delete anyone Let me click here and delete
15:10
Its width is very low so I will drag it like this to increase the width of this gallery So now it is looking good So this is how you can add a new page and add a new content on the page
15:28
Let's come back to the home page. And at the bottom you can see we have footer text here so we can change this text also
15:38
Click here and replace the copyright text. Now I will tell you what other things you can add on this web page
15:55
So click here on the plus icon. And you can add booking forms, e-commerce store, blogs, menu and forms, social media links, music
16:09
videos and so many things. If I click here you will find so many apps that can add more functionality on
16:17
on your website. Here we can find the apps in different categories
16:26
So if I click on ytics, you will find different apps to track the ytics of this website
16:34
If I click on online store, you will find so many apps to set up an online store on your website
16:40
You can add a chat option also. You can add PayPal donation and PayPal payment option
16:46
You can add images from the Instagram using this app. If I come to my article page you can see there are so many articles written over here
16:58
So how to change these articles. So click here on this icon, my blog
17:04
Here you can create a new post. And if you want to edit all posts, just click here
17:16
Here you can see all the post that is available on our web page
17:21
You can click here then click on Move to Trash to delete this post
17:26
You can click on this button to create a new post and you can click here to edit the existing post
17:35
Here you can see this is the post title. So we can replace this post title like this we can replace all content
17:46
in this article, then click on publish. You can see the article title has been changed
17:53
If I refresh the page, you can see a new article title here
18:01
Let me come back to the home page. I don't want this button over here because we already added this contact in the navigation bar
18:14
So if you are done with your all editing, click on publish
18:22
After publish it will show you a URL where you can access your website publicly
18:28
Let me open this URL in New tab. So this is my website right now and this is the website URL
18:38
Here we can change the website name also. For that we will come back in the VIX edited again
18:48
Then click on settings and click on my dashboard. Here you can see this button click here and click on rename site
18:59
So right now it is site name is my site so I will change this site name
19:06
I will change the site name. I will change the site URL also
19:16
So now it is updated site URL. I will open this link in the new tab and you can see this is our website URL right now
19:26
Our username.vixite.com slash website name. So this is how our website is live right now
19:35
You can add a professional domain name also so come back here and click on connect domain
19:40
Here it is asking why a domain name or connected domain name you already own
19:51
So if you don't have any domain name click here by a new domain
19:57
Here you can search a domain name to buy. Let me search this one so it is not available
20:02
I'll search another one. And now it says available. Then click here
20:08
So upgrade your plan for one year. and get the domain name and your website will be live on your new domain name
20:15
So this is how you can create a website using VIX editor
20:19
I hope this video will be helpful for you. If you have any question, you can ask me in the comment section
20:24
and don't forget to like and share this video. Thank you so much for watching this video
#Computer Education
#Resumes & Portfolios
#Skins
# Themes & Wallpapers
#Training & Certification
#Web Design & Development