basic web design tutorial Part-1 | web design tutorial for beginners | How to learn web design

Video is ready, Click Here to View ×


welcome to our basic web design tutorial. In this tutorial I will tell you, what is web design and what difference between web design and web site, I will tell you how to download and use Notepad(++) and I will teach you the basic structure of web design and more.

Thanks for watching ….. Please hit that like and share this video…..It Really motivates me to make awesome video.

Need more Tutorial ??

PHP bangla tutorial

WordPress theme development bangla tutorial

Subscribe Here:

Our web site link:

facebook group:-

facebook page:-

12 comments

  • টিউটোরিয়ালটি শুরু থেকে শেষ পর্যন্ত দেখুন আশা করছি ভালো কিছু জানতে পারবেন । টিউটোরিয়ালটি ভালো লাগলে লাইক দেবেন, প্রশ্ন থাকলে কমেন্ট করবেন এবং পরবর্তি টিউটোরিয়াল আপনার মেইলে পেতে এখনি সাবস্ক্রাইব করবেন ধন্যবাদ।

  • brother your all tutorials are really helpful.thanks for sharing us.

  • how can i write bangla on Web page? plz give answer Reza Latif from Dhaka.

  • ভাই আপনারা সব কাজগুলো PC তে ফোল্ডারে সেভ করে দেখাচ্ছেন কিন্তু কেঊ এটা
    দেখাচ্ছেন না যে , কিভাবে এগুলোকে ওয়েবসাইটে সেট করব। ওয়েবসাইতে সেট করা
    না শিখলে কোডিং শিখে লাভ কি? ফোল্ডারে সেভ করে কাজ করলেতো আর আমার সাইট
    ডিজান হবে না তাই না? আপনাদের ভিডিও দেখে শুধু তারাই কাজ করতে পারবে যারা
    কাজ জানে, কিন্তু যারা কোন দিন কাজ করেনি তারা আপনাদের এই ভিডিও দেখে সাইট
    ডিজাইন করতে পারবে না। কারন আপনারা আসল জিনিসটাই শিখান না।

  • marquee এর onmouseover কাজ করছে না। এবং text এক div থেকে অন্য div এ scroll করছে। দয়া করে সমাধান দিবেন। 01714495438 fcitcp@gmail.com.

    <!doctype html>
    <html>
    <head>
    <title>Web design
    </title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <section id="wrap">

    <section id="head_section">
    <div class="container">
    <div class="logo">
    our Logo
    </div>

    <div class="banner">
    Our banner
    </div>
    </div>
    </section>

    <section id="nav_section">
    <div class="container">
    <div class="main_nav">
    our Nav Section
    </div>
    </div>
    </section>

    <section id="slide_section">
    <div class="container">
    <div class="slide">
    <marquee behavior="scroll" scrollamount="2" direction="right" OnMouseOver="this.stop()">
    Our SlideOur SlideOur SlideOur SlideOur SlideOur SlideOur SlideOur SlideOur SlideOur Slide
    </marquee>
    Our Slide
    </div>
    </div>
    </section>

    <section id="content_section">
    <div class="container">
    <div class="left_content">
    Left content
    </div>
    <div class="center_content">

    Our Center Content

    </div>

    <div class="right_content">
    right content
    </div>
    </div>

    </section>

    <section id="footer_nav_section">
    <div class="container">
    <div class="footer_nav">
    Our footer Nav
    </div>
    </div>
    </section>

    <section id="footer_section">
    <div class="container">
    <div class="footer">
    Our footer
    </div>
    </div>
    </section>

    <section id="table">
    <div class="container">
    <div class="table">
    <body bgcolor="#765499" style="text-align:center">
    <table border="1"
    <tr>
    <th>Name</th>
    <th>father</th>
    <th>rol</th>
    <th>age</th>
    </tr>
    <td>forhad</td>
    <td>abul</td>
    <td>1008</td>
    <td>40</td>
    </body>

    </div>
    </div>
    </section>

    </section>
    </body>
    </html>

    *{
    margin:0 padding:0;
    }
    #wrap{
    max-width:1024px;
    margin:0 auto;

    }
    #head_section{
    max-width:1024px;
    background:gray;
    }
    .container{
    max-width:1024px;
    clear:both;
    }

    .logo{
    float:left;
    width:25%;
    height:125px;
    background:red;

    }

    .banner{
    float:left;
    width:75%;
    height:125px;
    background:green;

    }
    .main_nav{
    width:100%;
    height:25px;
    background:blue;

    }
    .slide{
    width:100%;
    height:100px;
    background:yellow;

    }

    .left_content{
    float:left;
    width:20%;
    height:100px;
    background:red;
    }
    .center_content{
    float:left;
    width:60%;
    height:100px;
    background:#566656;
    }
    .right_content{
    float:left;
    width:20%;
    height:100px;
    background:green;
    }
    .footer_nav{
    width:100%;
    height:50px;
    background:#253674;
    }
    .footer{
    width:100%;
    height:50px;
    background:#123456;
    }

  • <link ref="stylesheet" href="style.css" type="text/css"/> whey not shown result.What is problem. plz suggetion???????????????

  • file name.html and style.css file link but not ok I mean result not shown .why? Which will be reload ? html file or style.css ?????????????? try again but not shown result. Plz give suggestion. My File name and such as work <link ref="stylesheet" herf="style.css" type="text/css"/> but not work.Why?//////

  • done sub me back or I will unsub

  • আমি আপনার সাথে আছি,,,, Bro full toturial den….

  • The tutorials are really helpful. I was finding this kind of tutorial for a long time. A beginner can learn web design following this tutorial. Last of all thanks a lot Tech Support BD for helping us.

  • টিউটোরিয়াল গুলি আরোও স্পষ্ট করে উপস্থাপন করলে শিক্ষার্থীদের জন্য ভাল হত। ধন্যবাদ এরকম একটি উদ্যোগ নেওয়ার জন্য।

Leave a Reply

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