Howdy readers! First of all, thanks to you all for visiting my blog.
Finally, I am sharing with you the first part of my Website Designing Course.
I will probably cover the description of Website Designing Course. The details hence are outlined in my previous post: Complete Website Designing Course Outline
The structure of this post is listed below;
- INTRODUCTION TO THE WEBSITE DESIGNING COURSE
- Course description
- What you’ll learn?
- How web actually works?
- How to view source pages?
- Who should opt this course?
- Software tool to be used for this course
Introduction to the Website Designing Course:
In this course you will learn HTML and CSS. I will cover the course from Basic to Advance level.
Let’s now discuss more about the course.
Who to take this course:
- You can be a totally new person who have no idea about Website Designing and want to design websites from scratch
- You can be anyone prior knowledge of Website Designing and you may also have a website but you want to manage it more like a professional by improving your Website Designing skills.
What you’ll learn?
This course is designed for newbies who are willing to learn and adopt new skills in Website Designing. At the end of the course you’ll be a professional Website Designer with all the skills required to work in this domain. You can even get Web Designing work from Freelance platforms like Freelance, oDesk, Upwork and PeoplePerHour. You need to have concentration on every article that will be covering the topic.
In the end of this course, you will be able to design your own websites and stun your family and friends by showing your new skills. I hope that you all get benefit from this course.
Let’s now discuss the basic logic of how the web actually works.
How web actually works?
It is always a good idea not to start coding in the very beginning. Therefore you should learn how the technology that we are going to learn actually works in real-life. Furthermore, you should also be familiar with the terminologies that are used in specific field and are also called “Jargon”.
Let’s start with the specific terminologies that will help us in upcoming articles to understand better,
Browsers: To access any website, you’ll need a software called “Browser”. Examples: Internet Explorer, Firefox, Google Chrome, Opera, Safari etc
Web Servers: These are basically computers whose purpose is different than the normal computers. Web servers serve user with the web pages that they(user) request using browser.
CSS: It deals with the visual presentation of websites and web applications. It gives life to web pages written in HTML and describes how HTML elements are displayed.
Screen Readers: Software Applications or programs that read out contents on the computer screen for users and are generally helpful for people with visual impairments.
Text Editor: A software used for writing any type of code, markup or any other programming language. Examples: Notepad, Notepad++, Sublime, Brackets, UltraEdit, Visual Studio Code. (View List Here)
Now let’s discuss the basic flow of what happens when we access any website using URL.
When being a user, we write the URL of website on the browser, the URL directly connect us with the Web Server that can be located anywhere in the world. That web server actually accessed by browser just because it is hosting the requested website’s pages. You can see the image below for better understanding of the process.
I will also write another post in which I will cover all the terminologies related to Website Designing. Because as a result, you can understand the articles very quick without going to surf on google for a quick search.
How to view source pages?
You can see the HTML and CSS of any web page. It may seem awkward to many people who never knew that it can be done, but it is a very easy techniques by which you can see and learn how other people even companies write the markup for their websites and web applications. This technique is for productive use not for exploiting anyone’s website, so never use this for any illegal use.
Go to any web page and use these shortcuts to see or inspect the web page.
- Ctrl+U (to view source code in a new tab)
- Right click on the web page and go to view page source (to view source code in a new tab)
- F12 (to inspect the source code while staying on the same web page)
- Right click on the web page and go to “Inspect Element” (to inspect the source code while staying on the same web page)
If you know the URL of any website and you directly want to see the source code of that website, you can write in the URL like this; (tested in Mozilla Firefox and Google Chrome)
Replace your website name with yourwebsitename and you’ll be able to see the result.
Who should opt this course?
Either you have any IT background or you are a complete newbie, you can learn this course if you have passion about Website Designing. Those who are already working in this field can also learn this course to have a solid grasp of basic concepts which Web Designers mostly ignore to learn.
Therefore I hope everyone landing on my blog will find articles interesting and useful.
Software tool to be used for this course!
You can choose any Text Editor of your own choice but for this course I will recommend you to use Bracket, Visual Studio Code or simple Notepad.
Finally the first post in the Website Designing Course came to an end. In conclusion I would love to say few words before ending.
Finally, I hope almost everyone of you who really wish to learn Website Designing will learn a lot from this course. In case of any query related to my blog or any suggestions that you can give, I will appreciate that for the improvement of my blog.
Hence, please feel free to contact me and fill the form.