How To Start Web Designing. Basics To Know !! [2018]

Jibraan AhmedJibraan Ahmed February 02, 2018

WEB DESIGNING



Added on : 02 Feb 2018
Description :

Today in this tutorial we are going to learn how web designing works and take place..
Very basic thing is you must have to know the difference between programming languages and web designing languages !

LANGUAGES YOU NEED TO LEARN TO DESIGN A WEB !

---------------------------------------------------------
WEB DESIGN = FRONT END CODER
WEB DEVELOPMENT = BACK END CODER
---------------------------------------------------------

How to create a web page ?
I will show u in this article how a page is created and i will print hello world as a heading !

Your Compiler ? IDE ? Where you gonna perform code.

For Me : I will be doing code in notepad because you guys will learn better, but later download sublime text 3 search it on my website and you will get the link it easy to code there !!

LANGUAGES YOU NEED TO KNOW TO CODE ON FRONT-END !!

  • HTML
  • HTML5
  • CSS
  • CSS3
  • JAVASCRIPT
These are the languages we used to code in web designing !

LANGUAGES YOU NEED TO KNOW TO CODE ON BACK-END !!

  • PHP
  • ASP.NET
  • JAVA
  • PYTHON
  • RUBY / .NET
========================================================================

HOW TO CREATE A WEB PAGE


we will only be focusing on "HTML"  in our start. make sure to know how to save a web page with correct extension !!

HTML FILE = name.html
CSS FILE = name.css

So Creating a file in HTML .. Open your notepad and save it as new.html or whatever name you want
to put just make sure you put right extension.
As figure shows below !


-----------------------------------------------------------------------

<!DOCTYPE Html>    // this is latest html = html5
<html>
           <head> // this is the head of body , select name inside title tag
                     <title>LEARNING HTML</title>
           </head>
<body>
<h1>HELLO WORLD</h1> // h1 means heading 1 .
</body>
</html>

--------------------------------------------------------------------------

This is the sample code, every tag which is open has to be closed, well their are some tag which doesn't need to be closed !

CHECK THE FIGURE SHOWS HOW TO WRITE THIS CODE. I GIVE SPACE TO MAKE CODE COMFORTABLE FOR ME !! 
YOU CAN TYPE IT WITH NO SPACE !!

CODE & RESULTS :






Jibraan Ahmed

Posted by Jibraan Ahmed

Coding since 2017, I have experience with multiple companies including freelancing, I have worked in many projects and products, my expertise lies in .NET and NodeJS and from from database side I am good with MongoDB (NoSQL) and MS SQL!

Post a Comment

4 Comments

  1. JACKlen7 May 2019 at 14:47

    Hmm!! This blog is really cool, I’m so lucky that I have reached here and got this awesome information.
    Social Media Marketing

    ReplyDelete
  2. Robet John7 August 2019 at 16:55

    Hi to everybody, here everyone is sharing such knowledge, so it’s fastidious to see this site, and I used to visit this blog daily.
    Pocket Pussy

    ReplyDelete
  3. Jhon Smith13 December 2019 at 21:31

    When you decide that it is important and in the best interest of your business to have a website, there a few things you should consider for your web design and development. Just jumping in and building your website isn't as easy and inexpensive as some think it is. Web design Auckland

    ReplyDelete
  4. Jullia2 March 2021 at 11:24

    Really helpful article. Keep on the good work! :)
    Faribault Website Design

    ReplyDelete