Do It Yourself – Website Tutorials
Youtube Video Description
In this video tutorial, I show you step-by-step on how to build your own website by editing a free HTML template using the most powerful, free code editor in this realm. And, more importantly, NO PROGRAMMING/CODING KNOWLEDGE IS REQUIRED.
I apologize for my spoken English. It’s a neurolinguistic thing but I am trying my best to do the daily linguistic exercises (like in “Pameleon”). Closed caption will be posted soon!
Lastly, thank you for watching my video and I hope that you’ll find this video useful, or even helping you to get more leads for your business. During this difficult time, we all are trying very hard to thrive as an entrepreneur. Therefore, I am providing free/best-value resource for building an effective website.
Navigate the video by topic:
0:24 – Getting the most powerful code editor & the best free HTML template
3:27 – The MUST-HAVE extensions for Visual Studio Code
8:55 – Editing theme colours with CSS
17:28 – Changing the images
19:24 – Styling a specific element with in-line CSS on HTML file
21:23 – Creating a hyperlink to a bookmark
27:57 – Changing the icons colour
29:21 – Hiding things from viewers with comment section
30:57 – Important note about using a free template & Licensing
Background music by bensound.com
Resource:
The best, free place to learn more about web development languages: https://www.w3schools.com/
The most powerful, open-source code editor:
https://code.visualstudio.com/
HTML Preview extension:
https://marketplace.visualstudio.com/items?itemName=george-alisson.html-preview-vscode
CSS Navigation extension:
https://marketplace.visualstudio.com/items?itemName=pucelle.vscode-css-navigation
The best place to get free HTML templates:
https://colorlib.com/wp/templates/
https://startbootstrap.com/themes
The best place to find free high-quality, royalty-free images:
unsplash.com
pixabay.com (especially good for finding icons and logo elements)
The most affordable graphic design solution for non-designers: https://bit.ly/PlaceItGraphic
The best free autoresponder: https://bit.ly/MailChimpFreeForever
The best value for autoresponder (30 days free trial):
https://bit.ly/AWeberTryItFree
The best value for domain hosting and best customer support:
https://bit.ly/NameCheapInfo
The best website plug-ins, like…for anything:
https://powr2155.grsm.io/plugins
The most exciting website platform if you just can’t handle coding at all. Get it now for free for life-time!: https://bit.ly/GetGrooveSell
Disclosure: Only the bit.ly and .grsm.io links are affiliated links. I have used all the endorsed product myself so that I am confident to recommend to other people in hope that others won’t waste time finding the right products.
source