Website Designing Course – Part 1 – Introduction to Website Designing

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

    1. Course description
    2. What you’ll learn?
    3. How web actually works?
    4. How to view source pages?
    5. Who should opt this course?
    6. 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.

Course description

As mentioned earlier in my post, this course will teach you HTML and CSS. You will also learn JavaScript and other necessary tools in my upcoming courses. But this course is basically designed for the ones who want to learn Website Designing.

Who to take this course:

  1. You can be a totally new person who have no idea about Website Designing and want to design websites from scratch
  2. 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.

HTML: It stands for HyperText Markup Language. It is the standard language in which you can create web pages. It has the ability to weld with CSS and JavaScript to develop more better and more interactive web pages and web applications.

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.

The Process:

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.

How Web Works - Website Designing Course Outline

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.

  1. Ctrl+U (to view source code in a new tab)
    view-page-source-code-4
  2. Right click on the web page and go to view page source (to view source code in a new tab)view-page-source-code-1
  3. F12 (to inspect the source code while staying on the same web page)view-page-source-code-3
  4. Right click on the web page and go to “Inspect Element” (to inspect the source code while staying on the same web page)view-page-source-code-2

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)

view-source: http://www.yourwebsitename.com

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.

Download Links:

Bracket

Visual Studio Code

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.

Cheers

20 thoughts on “Website Designing Course – Part 1 – Introduction to Website Designing

  • February 23, 2018 at 11:09 pm
    Permalink

    Thanks for the great tips! I do have a question however that I think you could probably answer.

    I was wondering, Is web design dying? Is custom design gone?
    How do we convince people that custom design is better than the 10 buck template deal
    online? Any insight would be greatly appreciated!

    Reply
    • August 25, 2018 at 5:13 pm
      Permalink

      First of all I would like to thank you for liking my blog post. Saying that, I would like to answer all three of your questions. I am giving answers in the same order as you asked.

      Answer # 1: Probably not, everything online you see is the visual representation of either a web application or website. Here I mean web application like facebook, instagram, amazon, alibaba or any other web application, whereas website means the static informational setup of web pages only for the purpose of showing some information to the user.
      Both web applications and websites needs a visual skeleton/representation to have for user to interact with. So, it is the most important thing without which the entire experience of user browsing your website/web app will have no meaning and no one will want to visit your website/web app.
      Answer # 2: There are hundreds of already built CMS and frameworks which allows admin of website to install themes instead of creating one from scratch. This is good when you are going to setup a blog or anything that is not necessarily be needing a custom design. But when there is a need of a very dynamic web design which is designed by some graphic designer, that probably needs to be build with custom layouts and designs. Although, custom design takes time but it is worth doing when you are going to build a website with unique design whose theme is not easily available online on any CMS or framework. It basically all depends on the needs, but to answer your question, No, the custom web design is not gone and still in the market.
      Answer # 3: You can convince people about custom design because 10 buck template will be a strict layout and will be less flexible when it comes to changing the design. But custom built design is highly flexible to adopt changes and will be 100% controllable thing to work on in future. It is also scalable and the user-experience of custom design is always great.
      Sharing a link, please give it a read too: https://www.onpurposeprojects.com/custom-coded-websites-advantages-vs-disadvantages/

      I hope that I managed to satisfy you with my answers. Please don’t hesitate to ask me if you have any further queries. Spread the word and don’t forget to subscribe my blog. Thanks

      Reply
  • March 12, 2018 at 12:21 pm
    Permalink

    Well I definitely liked reading it. This article provided by you is very constructive for accurate planning.

    Reply
  • May 26, 2018 at 3:59 am
    Permalink

    I really can’t believe how great this site is. Keep up the good work. I’m going to tell all my friends about this place.

    Reply
  • May 16, 2019 at 4:45 pm
    Permalink

    Oh my goodness! Awesome article dude! Thanks, However I am having difficulties with your RSS.
    I don’t know the reason why I can’t join it. Is there anybody
    getting identical RSS problems? Anybody who knows the answer can you
    kindly respond? Thanx!!

    Reply
  • July 2, 2019 at 4:56 pm
    Permalink

    Enjoyed examining this, very good stuff, thanks .

    Reply
  • August 5, 2019 at 6:42 pm
    Permalink

    I was able to find good info from your blog articles.

    Reply
  • November 16, 2019 at 8:01 am
    Permalink

    Please let me know if you’re looking for a article author for your weblog.
    You have some really good articles and I think I would be a good asset.
    If you ever want to take some of the load off, I’d love to write some content
    for your blog in exchange for a link back to mine.
    Please blast me an email if interested. Thanks!

    Reply
  • November 16, 2019 at 1:13 pm
    Permalink

    Hello everybody, here every person is sharing these familiarity, thus it’s fastidious to read this web site, and I used to pay a visit this web site every day.

    Reply
  • December 7, 2019 at 2:10 pm
    Permalink

    I read this post fully about the comparison of hottest and previous
    technologies, it’s amazing article.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *