E-academy

BASIC CSS STRUCTURE CSS (Cascading Style Sheets): HTML এর মতো মার্কআপ ল্যাঙ্গুয়েজে লিখিত একটি দস্তাবেজের উপস্থাপনা বর্ণনা করার জন্য ব্যবহৃত একটি স্টাইল শীট ভাষা। সিএসএস হ'ল HTML এবং জাভাস্ক্রিপ্টের পাশাপাশি ওয়ার্ল্ড ওয়াইড ওয়েবের মূল ভিত্তি প্রযুক্তি।এটি একসাথে একাধিক ওয়েব পেজ কে ডিজাইন করা হয়। Why Use CSS? (সিএসএস কেন ব্যবহার করবেন?) CSS আপনার ওয়েব পেজ গুলির জন্য বিভিন্ন ডিভাইস এবং স্ক্রিন এর আকারের জন্য ডিজাইনের নকশা, লেআউট টিকে সঠিক ভাবে user দেড় কাছে তুলে ধরতে ব্যবহৃত হয়। CSS একটি অত্যন্ত শক্তিশালী স্টাইল শীট ভাষা যা HTML লিখিত সামগ্রীর চেহারা এবং অনুভূতি নিয়ন্ত্রণ করতে ব্যবহৃত হয়। তাহলে এর অর্থ কি? এর অর্থ হল যে আমাদের যদি কোনও ওয়েবসাইটের এলিমেন্ট থাকে তবে আসুন একটি "title" বলি এবং আমরা text এর আকারটিকে "20px", রঙ "কালো" এবং তার চারপাশে "10px" প্যাডিং তৈরি করতে চাই, আমরা নিয়ন্ত্রণের জন্য CSS ব্যবহার করব। CSS Syntax:  এ টি মূলত তিনটি অংশে বিভক্ত যথা : Selector :  একটি নির্বাচক (Selector) একটি HTML ট্যাগ যেখানে একটি স্টাইল প্রয়

What is HTML? (HTML কি? ) : Hypertext Markup Language (হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ): এটি হলো একটি মার্ক আপ ল্যাঙ্গুয়েজ। HTML এর মার্ক আপ ট্যাগ সমূহ ব্যবহার করে ওয়েবপেজ এর বেসিক স্ট্রাকচার তৈরি করা হয়। আসলে এটি কোনো প্রোগ্রামিং ল্যাংগুয়েজ নয় তবে একটি মার্কআপ ল্যাংগুয়েজ যা একাধিক মার্কআপ ট্যাগ এর সমন্বয়ে গঠিত। ওয়েবপেজ তৈরিতে সবচেয়ে বেশি ব্যবহৃত হয় এইচ টি এম এল (HTML)। এইচটিএমএল ট্যাগ ব্যবহার করে বিভিন্ন ফরম্যাটের ওয়েব পেজ ডিজাইন করা হয়। HTML এর সর্বশেষ ভার্সন হলো HTML5 যার সাহায্যে ওয়েবসাইটে অডিও,ভিডিও যোগ করার কাজ আরো সহজ হয়েছে। HTML ফাইলের এক্সটেনশন .html এবং .htm হয়। ওয়েব পেজ দুই প্রকার। স্ট্যাটিক ওয়েব পেজ এবং ডায়নামিক ওয়েব পেজ । সাধারণত HTML এবং CSS ব্যবহার করে স্ট্যাটিক ওয়েব পেজ গুলি বানানো হয়। ডাইনামিক ওয়েব পেজ বানানোর জন্য এর সাথে PHP , জাভাস্ক্রিপ্ট ছাড়া আরো অনেক প্রোগ্রামিং ল্যাঙ্গুয়েজও ব্যবহার করা হয়। What is tag  ( ট্যাগ কি )? ট্যাগ হল HTML কোড লেখার আগে পরে নির্দিষ্ট কিছু চিহ্নসহ নির্ধারিত কিছু শব্দ ব্যবহার করা হয় এগুলোকে ট্যাগ বলে

ওয়েবসাইট তৈরি করতে আপনি প্রচুর ভাষা এবং টুলস ব্যবহার করতে পারেন। এগুলি সত্যিই অসাধারণ তবে যারা এ কাজের সঙ্গে দীর্ঘ দিন ধরে ওভোস্ত তাদের জন্য খুব সহজ। যাইহোক, আমরা এখন ওয়েব ডেভেলপমেন্টের জন্য কি কি শিখতে হবে বা আমরা কতটা কি শিখলে একটা ওয়েবসাইট সহজেই বানাতে পারবো। আপনি যদি এই ব্লগটি পড়ছেন তবে অবশ্যই আপনি ওয়েব ডেভেলপার হতে চান, এবং আপনি যদি সত্যিই কোনও ডেভেলপার হতে চান। WAW! আসুন ওয়েব ডেভলপমেন্ট শিখতে শুরু করি… ১. HTML :- আমি ভুল না হলে আপনি স্কুল জীবনে বা কোনো কম্পিউটার প্রশিক্ষণ কেন্দ্রের সঙ্গে কখনো যুক্ত হলে এই (HTML) কথাটি শুনে থাকবেন এমনকি কেও কেও হয়তো এর উপর কাজ ও করে থাকতে পারেন তবে সময় যত যাচ্ছে প্রযুক্তিও ততোটাই উন্নত হচ্ছে। বর্তমানে আমরা HTML5 এর সাহায্যে কাজ করেথাকি। ওহ! চিন্তায় পড়ে গেলেন ? এত চিন্তার কিছুনেই এটা আসলে HTML এর আপডেটেড ভারশন পুরোনো সবকিছুই আছে এর মধ্যে তবে আরো অনেক নতুন ফিচার্স যুক্ত হয়েছে।  আমি আগেও বলেছি আপনারা চাইলে কোনো সংস্থার থেকে প্রশিক্ষণ নিতে পারেন আবার অনলাইনেও অনেক   সংস্থা রয়েছে সম্পূর্ণ বিনামূল্যে সেখান থেকে শিখতে পারেন। ২. CSS :-  

উপার্জনের সম্ভাবনা অনেক বেশি: কম্পানি গুলো সেরা ডেভেলপারকে আকৃষ্ট করতে উচ্চ বেতনের জন্য প্রস্তুত। ওয়েব ডেভলপমেন্ট সহ বিশেষজ্ঞের উপর ভিত্তি করে বেতনগুলি পৃথক হয় । নিচের ছবিটা যদি দেখেন তাহলে দেখতে পারেন যে বর্তমানে কোলকাতায় কর্মরত ওয়েব ডেভেলপারদের গড় বেতন কত। আপনারা চাইলে   www.glassdoor.co.in/  থেকে যেকোনো সময় দেখেনিতে পারেন। আপনার উচ্চ চাহিদা হবে:- একটা সাধারণ ডেভেলপারের এত বেশি বেতনের জন্য 'চাহিদা' হল সবথেকে বড় কারণ। আপনি ফ্রিল্যান্স বা কোনও প্রতিষ্ঠানের অংশ হিসাবে কাজ করতে পারেন: আপনি যদি স্বাধীন ভাবে কাজ করতে চান, বর্তমানে অসংখ্য পিলার্টফর্ম আছে যেখান থেকে আপনি প্রজেক্ট পেতেপারেন তাছারা যে কোনো একটি প্রতিষ্ঠানের হয়ে কাজ করতেই পারেন। এখন কলকাতা ছাড়া দূর্গাপুর  শিলিগুড়ি সহ অনেক ছোট বড় শহরেই ওয়েব ডেভেলপমেন্ট প্রতিষ্ঠান গড়ে উঠছে।  ওয়েব ডেভেলপমেন্ট এর জন্য আপনাকে  উচ্চ শিক্ষিত হওয়ার প্রয়োজন নেই: অবশ্যই, কম্পিউটার বিজ্ঞানে একটি ডিগ্রি অত্যন্ত সুবিধাজনক, তবে আমি বলতে পারি একটা যে কোনো বিষয়ে স্নাতক হলেই হয়। এখন শুধু আপনার কাজের দক্ষতা যাচাই করা হয়েথ

ফ্যাবআইকন (Favicon):- একটি ফ্যাবআইকন একটি ছোট 16 × 16 পিক্সেল আইকন যা একটি ওয়েব ব্রাউজারের শীর্ষে উপস্থিত হয়। এটি আপনার ওয়েবসাইটের ব্র্যান্ডিং এবং দর্শকদের যখন আপনার একাধিক ট্যাব খোলা থাকে তখন আপনার পৃষ্ঠাটি সনাক্ত করার জন্য একটি সুবিধাজনক উপায় হিসাবে কাজ করে। তাদের ক্ষুদ্র আকারের কারণে, ফ্যাভিকনগুলি সাধারণ চিত্র বা এক থেকে তিন অক্ষরের হয়ে থাকে । How to create a fabicon (ফ্যাবআইকন কিভাবে তৈরি করতে হয়)? ফ্যাবআইকন জেনারেটরের  সাহায্যে আপনি বিনামূল্যে নিজের কাস্টম ফ্যাবআইকন গুলি সহজেই তৈরি করতে পারেন। ১.  আপনার  ফ্যাবআইকন  হিসাবে আপনি যে চিত্রটি ব্যবহার করতে চান তা সনাক্ত করুন এবং এটি নির্ধারণ করুন যে মাত্রাগুলি পুরোপুরি যেন বর্গক্ষেত্র হয় (যেমন 100 পিক্সেল x 100 পিক্সেল)। ২. আপনার কম্পিউটারে ফাইলের স্থানটিতে ব্রাউজ করুন এবং চিত্রটি নির্বাচন করুন। ৩. নিচের "Create Favicon" বাটন টি টিপুন.  ৪. ডাউনলোডের পরে, কেবল আপনার মূল ডিরেক্টরিতে নাম পরিবর্তন করুন এবং  ফ্যাবআইকন  .টি আপলোড করুন। ৫.আপনার ওয়েব পৃষ্ঠাগুলির <head> ট্যাগ এ  নীচের কোডটি ক

Drag and drop in html using CSS. At first we have tried to find a solution for a simple and easy way to create a drag and drop input for a website. Now we create a simple tricks using css. Html:- <div class="files">    <input type="file"  name="files[]" multiple/> </div> CSS:- <style type="text/css"> .files input { outline: 2px dashed #92b0b3; padding: 200px 0px 85px 50%; text-align: center !important; margin: 0; width: 100% !important; } .files input:focus{      outline: 2px dashed #92b0b3;   } .files{ position:relative} .color input{ background-color:#f1f1f1;} .files:before { position: absolute; bottom: 20px; left: 0;  pointer-events: none; width: 100%; right: 0; height: 150px; content: " {{ __('Click Or Drop Files To Upload.') }} "; display: block; margin: 0 auto; color: #76838f; text-tr

আপনাকে সব কিছু জানতে হবে: - আজকাল আমরা প্রযুক্তি ছাড়া বাঁচার কথা ভাবতে পারি না। আমরা সবাই বিভিন্ন প্রযুক্তি থেকে সহায়তা পাই, ওয়েবসাইট তাদের মধ্যে একটি। এই ওয়েবসাইটটি একটি ওয়েব ডেভেলপার তৈরি করেছিলেন তবে ওয়েব ডেভলপমেন্টটি আসলে কী, এবং একজন  ওয়েব ডেভেলপার কী করে? আমরা ওয়েব ডেভলপমেন্টের বেসিকগুলি বিশদভাবে জানবো এবং আপনাকে ইন্ডাস্ট্রিতে  প্রবেশের জন্য সবচেয়ে প্রয়োজনীয় স্কিলস  এবং টুলস দেখাব। আসুন প্রথমে কিছু ব্যাকগ্রাউন্ড দেখেনি  - তবে দৌড়ানোর  আগে আমাদের হাঁটা শিখতে হবে। ১. ওয়েব ডেভলপমেন্ট কী? ওয়েব ডেভলপমেন্ট হ'ল ইন্টারনেটে ওয়েবসাইট বা অ্যাপ্লিকেশন তৈরি করার প্রক্রিয়া, বা একটি ব্যক্তিগত নেটওয়ার্ক যা ইন্ট্রানেট হিসাবে পরিচিত। ওয়েব বিকাশ কোনও ওয়েবসাইটের ডিজাইনের সাথে সম্পর্কিত নয়; বরং এটি কোডিং এবং প্রোগ্রামিং সম্পর্কে যা ওয়েবসাইটের কার্যকারিতাকে আরো  শক্তিশালী করে তোলে । সবচেয়ে  সহজ , স্ট্যাটিক ওয়েব পেজ গুলি থেকে সোশ্যাল মিডিয়া প্ল্যাটফর্ম এবং অ্যাপ্লিকেশনগুলি, ই-কমার্স ওয়েবসাইটগুলি থেকে কনটেন্ট ম্যানেজমেন্ট সিস্টেম (সিএমএস) পর্যন্ত । আমরা প্রতি