লগ-ইন

Web Design Beginner Advanced (Online)

ওয়েব ডিজাইন কি? বর্তমানে ইন্টারনেটের ব্যবহার দিন দিন বেড়ে যাচ্ছে। যার ফলে ছোট বড় সব ধরনের কোম্পানি গুলো অনলাইনে তাদের ব্যবসা...

প্রোমো কোড 6,000 ৳ 10,000
  • ক্লাসের মেয়াদ ৬৪ ঘন্টা
  • কোর্স শুরুর ১৫-জুন
  • সময় লাগবে ৩ মাস
  • ফ্রি অনলাইন সাপোর্ট
  • মোট ক্লাস 30 টি
  • ফ্রি রেকর্ড ভিডিও
  • কোর্সটি করছেন 20-30 জন
  • ফ্রি সার্টিফিকেটে

কোর্সটি সম্পর্কে বিস্তারিত জানতে যোগাযোগ করুন

Web Design Beginner Advanced (Online)

ওয়েব ডিজাইন কি? বর্তমানে ইন্টারনেটের ব্যবহার দিন দিন বেড়ে যাচ্ছে। যার ফলে ছোট বড় সব ধরনের কোম্পানি গুলো অনলাইনে তাদের ব্যবসা...

ইনস্ট্রাক্টর
ওয়াদুদ হোসেন

ওয়েব ডিজাইনার

ওয়েব ডিজাইন কি? 

বর্তমানে ইন্টারনেটের ব্যবহার দিন দিন বেড়ে যাচ্ছে। যার ফলে ছোট বড় সব ধরনের কোম্পানি গুলো অনলাইনে তাদের ব্যবসা প্রচার বা মার্কেটিং করার জন্য ওয়েবসাইট তৈরি করছে। এই ওয়েবসাইট যে কেউ যে কোনো উদ্দেশ্যের জন্য বানাতে পারে। তাছাড়া আলদা আলদা কারণ নিয়েও ওয়েবসাইট বানানো যেতে পারে।

এই ওয়েবসাইট যারা ডিজাইন করে বা তৈরি করে তাদেরকে বলা হয় ওয়েব ডিজাইনার (web designer). মানে যে সব ওয়েব ডিজাইনার তাদের দক্ষতা, স্কিল দিয়ে একটি ওয়েবসাইট ডিজাইন বা তৈরি করে সেটাই হলো ওয়েব ডিজাইনিং। সহজ ভাবে বলতে গেলে একটি ওয়েবসাইটকে সুন্দর ভাবে ডিজাইন বা তৈরি করাকে ওয়েব ডিজাইন বলে।

কেন  ওয়েব ডিজাইন শিখবেন ?

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

অনেক মার্কেটপ্লেস আছে যেখানে ওয়েব সাইটের টেম্পলেট এবং ওয়েব  এলিমেন্ট খুবই ভাল দামে বিক্রি করা যায়। 

ওয়েব ডিজাইনার হতে কি কি শিখতে হবে?

ওয়েব ডিজাইনিং শেখার জন্যে আপনার কোনো বিশেষ কোয়ালিফিকেশন এর প্রয়োজন নেই। আপনার যদি এই ক্ষেত্রে অল্প হলেও ইচ্ছে থাকে, তাহলে আপনি কোর্সের মাধ্যমে ওয়েব ডিজাইনিং শিখতে পারবেন৷

তাহলে চলুন আমরা জেনে নেই, এই কোর্স করার জন্য আপনাদের কি কি শিখতে  হবে:

• Photoshop Basic: আপনার ফটোশপের বেসিক কিছু জিনিস শিখতে হবে। কারণ,একটি ওয়েবসাইট বানানোর আগেই, আমাদের তার একটি ধারণা বা ডিজাইন ফটোশপে বানিয়ে নিতে হবে৷ এতে, ওয়েবসাইট বানাতে পরে অনেক সুবিধে হবে।  

• HTML: HTML মানে "Hyper Text Markup Language" যে এ করকমের coding language বা ভাষা৷ এ হলো একটি markup language যেটা ব্যবহার করে web pages (website) বানানো হয়৷ HTML শিক্ষা অনেক সহজ এবং এর জ্ঞান পর আপনি একটি সাধারণ web page অবশ্যই বানাতে  পারবেন৷ 

• CSS : CSS মানে হলো  Cascading style sheet যে এক রকমের coding language বা ভাষা। HTML আমাদের ওয়েবসাইটকে গঠন (structure) দেয়ার কাজ করে। এবং, CSS আমাদের HTML দ্বারা তৈরি ওয়েব পেজের গঠনকে style এবং design দেয়ার কাজ করে৷ CSS দ্বারা একটি web page সুন্দর এবং আকর্ষণীয় বানানো যেতে পারে৷ | 

• JavaScript: JavaScript এক ধরণের client side Scripting language যেটা একটি ওয়েবপেজে বিভিন্ন ধরণের প্রক্রিয়া বা প্রক্রিয়া গুলি প্রভাবিত করার জন্য ব্যবহার করা হয়। একজন ভালো এবং এক্সপার্ট ওয়েব ডিজাইনারের জন্য JavaScript এর জ্ঞান এবং অভিজ্ঞতা থাকা অনেক জরুরি৷ 

আপনি এই কোর্স যা যা শিখবেন

1. HTML & CSS Introduction

2. Server-Side Language 3. Necessary software setup for web design

Setup Visual Studio Software, HTML tags (h1-h6, bold, strong, subscript, superscript, p, img etc.) attributes(title, src, href, class, target etc.)

HTML form markup with various input tags (Input, Placeholder, Select, Option, Checkbox, Value, File, Type, Reset, Number, Submit, etc)


CSS property & value. Internal, external, inline CSS usage & power of all these. ID, Class, tag selector, Typography(font-size, color, background-color, text-align)


HTML table markup with various tags (table, thead, tbody, tfoot, tr, td, th, caption, fieldset, legend), attributes(rowspan, colspan)


Typography (font-family, font-weight, font-style, text-decoration, text-transform, letter-spacing, line-height, word-spacing, text-shadow), Bootstrap include in project, Google font use on project.


Font Awesome include on the project, Bootstrap CDN, padding, margin, border, Typography by bootstrap

 Width, height, border-radius, text-shadow, box-shadow, box-sizing, padding, margin, border by bootstrap, CodePen website usage, Quick HTML color picker software

 In-depth all about CSS selector ex: id, class, child, nested, pseudo, group

CSS display property & values, CSS background property & values

CSS position property is basic to advance usages. Make hover effect design. VC code lives server, duplicate line, auto-save, auto rename tag, etc.

CSS list style, dropdown menu, and social menu design

Before-after pseudo selector usage with hover effect, icon use with before after (project-based)

CSS transform(translate, rotate, skew, scale), transition

Layout planning, a project-based class with float property

Project with bootstrap. Details about bootstrap (container, row, col, nested row, card, form), embed Google map

 Creating a full website with HTML, CSS Raw Coding (part-1)

Creating a full website with HTML, CSS Raw Coding (part-2)

 Full Details about HTML 5 & Professional Project Package Making

Bootstrap 5 Features & Environment Setup with tips, Details about Getting started, box-sizing, auto prefixer, Details about Bootstrap Layout, grid & column with responsive,

Bootstrap 5, Part- 4, Details about Bootstrap 5 Typography, Images, Helpers & Utilities Class and every single details explanation, Bootstrap v5 – Table, Card, Forms details explain, Details about Bootstrap v5 Components

Creating a full website using Bootstrap v5 with details explaining every section

Display Flex Property, Display with a live example, when & why will we use display flex,

Create a full website from a Theme Forest-approved design with the latest bootstrap v5, HTML, and CSS (part-1)

Create a full website from a Theme Forest-approved design with the latest bootstrap v5, HTML, and CSS (part-2)

Create a full website from a Theme Forest-approved design with the latest bootstrap v5, HTML, and CSS (part-3)

Details about Responsive CSS, Responsive CSS concept, Responsive media query making, etc. Creating a fully responsive website.

Creating Mobile Menu with CSS Without JavaScript & jQuery. Bootstrap Responsive CSS

1. Fiverr Introduction

2. Create an account, gig making & details

1. Upwork Introduction

2. Create an account, project creation & details

1. Upwork Introduction

2. Create an account, project creation & details

এই কোর্সটি কিভাবে শুরু করবেন?

 অবশ্যই, এই কোর্স করার জন্য আপনাদের কম্পিউটার চালনায় দক্ষ হবার দরকার নেই।

প্রতিটি স্টুডেন্টকে ফেসবুকে একটি প্রাইভেট গ্রুপে  অ্যাড করে দেওয়া হবে যেখানে স্টুডেন্ট কোনো সমস্যা পোস্ট করলে  বা ইনবক্স করলে মেন্টর হেল্প করবে। 

হ্যাঁ, আপনাদের সবাইকে ক্লাস এর রেকর্ডেড ভিডিও দেওয়া হবে  যেটার মাধ্যমে ক্লাস মিস করলে বা কোর্স শেষ হওয়ার পরেও আপনি পুনরায় কোর্স টি দেখতে পারবেন এবং প্র্যাক্টিস করতে পারবেন।

আপনি কোর্স শেষে আমাদের কোম্পানিতে ইন্টার্নশিপ করতে পারবেন।  যদি আপনার পারফরমেন্স ভালো হয় তাহলে আমাদের কোম্পানি তে ফুল টাইম জব এর সুযোগ ছাড়াও সার্টিফিকেট পাবেন যা আপনাকে অন্য কোম্পানিতে জব পেতে সাহায্য  করবে এবং ফ্রিল্যান্সিং করেও আর্ন করতে পারবেন।

কোর্স শেষে সার্টিফিকেট সহ ফ্রি লাইফ টাইম অনলাইন সাপোর্ট ও ফ্রি ইন্টার্নশিপ করার সুযোগ পাবেন আমাদের প্রতিষ্ঠানে।

আপনি কি মান একাডেমি লার্নিং প্ল্যাটফর্মে মেন্টর হিসেবে জয়েন করতে আগ্রহী?

জয়েন করুন