Ads by Techtunes - tAds
Ads by Techtunes - tAds

এইচটিএমএল » Category's All Tunes

বেসিক HTML এর Part-2 এ স্বাগতম

gdfsjpg

আস্-সালামু আলায়কুম, Basic HTML ২য় পর্বে স্বগতম, গত পর্বে আমরা প্রগ্রাম রান করে ছিলাম, আর ট্যাগ এর ব্যাপারে কথা বলে ছিলাম, আমরা আজ কিছু ট্যাগ এর ব্যবহার শিখব। ত বন্ধুরা চল শরু করি। মনে আছে প্রোগ্রাম  কোথায় লেখব বলে বলেছিলাম, body TAG এর ভিতরে। কিন্তু আমি তোমাদের সরাসরি লেখে দেখাব,…

বেসিক HTML এর Part-1 এ স্বাগতম

gdfsjpg

আস্-সালামু আলায়কুম, Basic HTML ১ম পর্বে স্বগতম, HTML: Hyper Text Markup Language ### লেখা কপি  করতে পারবে কিন্তু নিজের নামে পেষ্ট করতে পারবে না ##### আমি তোমাদের নিয়মি ভাবে টিউন করব, যারা শিখতে চা্ও তারা যোগ দাও আমাদের সাখে, অল্প সময়ে আশা করি তোমাদের শিখাতে পারব। যদি তোমরা কোন বিষয়…

HTML এবং CSS দিয়ে তৈরি করুন Advanced একটি pricing table। বাংলা ভিডিও টিউটোরিয়াল

Capture

আস্সালামুআলাইকুম কেমন আছেন সবাই। আজকে আমি অাপনাদেরকে দেখাবো HTML এবং CSS দিয়ে কিভাবে আকর্ষনীয় একটি pricing table  তৈরি করবেন। আমার এই টিউটোরিয়ালটি করা যারা মিডিয়াম লেভেল HTML  ডেভেলপার তাদের জন্য। আমি এই টিউটোরিয়ালটিতে ব্যবহার করেছি HTML5 boilerplate এবং Bootstrap Framework। তো আপনারা অবশ্যই জানেন boilerplate এবং Bootstrap এর ব্যবহার। টিউটোরিয়াল দেখুন…

এইচটিএমএল এট্রিবিউট বাংলা টিউটোরিয়াল -ওয়েব ডিজাইন প্রেমিকদের দেখা উচিৎ যারা পারেন তারা মিলিয়ে দেখতে পারেন

download (3)

HTML Attribute এইচটিএমএল ট্যাগের অধিনে অনেক গুলো ইলিমেন্ট থাকে এদেরকে Attribute বলা হয়। আমরা পূর্বে <h1>, <h2>, paragraph tag <p> এবং অন্যান্য ট্যাগ দেখেছি। কিন্তু এদের সাথে Attribute যোগ করা হলে এরা বাড়তি তথ্য দেখাবে। শুধু h1 ট্যাগ ব্যবহার করলে অনেক প্রশ্ন থেকে যায় যে এটা ডানে হবে না বামে হবে…

আপনার ডিজাইন করা ফটো দিয়ে আপনার সাইটের ব্যানার এর HTML/Javascript কোড তৈরী করুন

Html5+Ico-01-1600x1200

সুপ্রিয় টেকটিউনস কমিউনিটি সবাইকে আমার সালাম এবং শুভেচ্ছা জানিয়ে শুরু করছি আমার আজকের টিউন। ভালোকিছু তৈরী করার জন্য প্রথমে প্রয়োজন সৃজনশীল চিন্তা এবং তারপরে প্রয়োজন সেই চিন্তাকে বাস্তবায়ন করার জন্য উপযুক্ত উপকরণ। এর কোনটা ছাড়া কোনটি সম্ভব না। মনে করি, আপনি একটা নৌকা বানাবেন ভাবছেন। তাহলে তার জন্য কি প্রয়োজন…

এইচটিএমএল পেজে স্মুথ স্ক্রল ব্যবহারের সহজ উপায়

Smooth-scroll-anchor-links-in-html

স্মুথ স্ক্রল বর্তমানে খুবই পপুলার একটা ফিচার। এখন অনেক সাইটেই স্মুথ স্ক্রল ব্যবহার করতে দেখা যায়। পেজের কোন লিঙ্কে ক্লিক করলে যখন আস্তে আস্তে ইউজার পেজের নিচের দিকে চলে আসে সেই অপশনটির নাম হল স্মুথ স্ক্রল। যদি কেউ আগে থেকে না জেনে থাকেন আশা করি এতক্ষনে বুঝে গেছেন। বেশিরভাগ ক্ষেত্রে…

না বুঝে কোনই উপায় নেই! চুল ছেড়া বিশ্লেষণ| অ্যানিমেশন সহ| HTML টেবিল (শেষ পর্ব)”

Table_29_First_Frame

গত পর্বগুলো যারা দেখেছেন তারই ধারাবাহিকতায় আজ টেবিল নিয়ে শেষ পর্ব। টেবিল শুধুই তথ্য উস্থাপনের জন্যই শুধু ব্যবহৃত হয়না। একটা ওয়েব পেইজ এর লে-আউট বা কাঠামো তৈরির কাজেও ব্যবহার করা যেতে পারে। আজ আমরা আরও কিছু উদহারনের মাধ্যমে টেবিলের ব্যবহার দেখবো এ পর্বে। বিস্তারিত জানতে ভিডিও টিউটোরিয়ালটি দেখুন।   যারা…

না বুঝে কোনই উপায় নেই! চুল ছেড়া বিশ্লেষণ| অ্যানিমেশন সহ| HTML টেবিল (পর্ব-৩)

Table_28_First_Frame

গত দু’টি পর্বে আমরা টেবিল ও এর কিছু অ্যাট্রিবিউট ও এদের ব্যবহার দেখেছি। আজ টেবিলের সবচেয়ে, সবচেয়ে এবং সবচেয়ে অধিক গুরুত্বপূর্ণ ট্যাগ নিয়ে এ পর্বে অ্যানিমেশন সহ আলোচনা ও ব্যবহার ও পরিশেষে কোড বিশ্লেষণ। টেবিল নিয়ে আগে কখনও এমন ভিডিও টিউটোরিয়াল কোথাও তৈরি হয়নি এটা আপনি দেখলেই স্বীকার করবেন। বিস্তারিত…

না বুঝে কোনই উপায় নেই! চুল ছেড়া বিশ্লেষণ| অ্যানিমেশন সহ| HTML টেবিল (পর্ব-২)

HTML_Table_2_First_Frame

গত পর্বে আমার টেবিলের মৌলিক কিছু বিষয় অ্যানিমেণ সহ জেনেছি।এ পর্বে আমরা আরও ২টি বিষয় জানবো যেটি নিয়ে নতুন ব্যবহারকারীরা কিছুটা  দ্বিধায় পড়েন কোনটা কোথায় ব্যবহৃত হবে। আজ আবারও টিউটোরিয়ালের পর কোড বিশ্লেষণ। বিস্তারিত জানতে পুরো ভিডিও টিউটোরিয়ালটি দেখুন-   জানার জন্য- (সূত্র-টেকনোলজি বেসিক) এক্সিকিউটেবল ফাইল হচ্ছে এক ধরনের কম্পিউটার…

না বুঝে কোনই উপায় নেই! চুল ছেড়া বিশ্লেষণ| অ্যানিমেশন সহ| HTML টেবিল (পর্ব-১)

Untitled-9

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

ওয়েব সাইটে বাংলা লিখার সঠিক পদ্ধতি|| পুরাতন বিজয়ে টাইপ করা ফাইলগুলো কিভাবে সহজেই ইউনিকোডে রূপান্তর করবেন? কোন সফটওয়্যার ইন্সস্টল ছাড়াই

Bangla_25_First_Frame

একটা সময় ছিল যখন বাংলায় ইন্টারনেটে কোন লেখা সার্বজনীন ভাবে/ সকল ডিভাইসে দেখানোটা কষ্টকর ছিল। বাংলা ইমেল করতে হলে টেক্সগুলোকে ইমেজে কনভার্ট করে পাঠানো হয়েছিল। বর্তমানে আমাদের একাদশ দ্বাদশ শ্রেণীর পাঠ্যপুস্তকে (২/১টি)  ওয়েব পেইজে বাংলা লিখার যে পদ্ধতি দেখানো হয়েছে সেটাও গ্রহনযোগ্য নয়। আমাদের যদি পুরাতন কোন ফাইলে বিজয় ব্যবহার…

ওয়েব পেইজে ইউজার রেজিস্ট্রেশন ফর্ম তৈরির প্রস্তুতি (শেষপর্ব)| ড্রপ ডাউন লিস্ট ও সাবমিট বাটন

Submit_First_Frame

ওয়েব রেজিস্ট্রেশনের গত কয়েকটি পর্বে আমরা ফর্মের বিভিন্ন কন্ট্রোল ও এদের ব্যববহার সম্পর্কে জেনেছি। ফর্ম নিয়ে শেষ পর্বে আমরা জানবো ড্রপ ডাউন লিস্ট ও সাবমিট বাটন সম্পর্কে। ওয়েব সাইটের কোন ফিল্ড বাধ্যতামূলকভাবে পূরণ করার শর্ত দেয়া হয় আর কোন ইউজার যদি সেই ঘর পূরন না করে ফর্মটি সাবমিট করে তাহলে…

ওয়েব পেইজে ইউজার রেজিস্ট্রেশন ফর্ম তৈরির প্রস্তুতি (পর্ব-৪)| ফাইল আপলোড ও ক্যালেন্ডার সংযোগ

Radio_Checkbox_First_Frame

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

ওয়েব পেইজে ইউজার রেজিস্ট্রেশন ফর্ম তৈরির প্রস্তুতি (পর্ব-৩) | রেডিও বাটন vs চেক বক্স ও কালার পিকার)

Radio_Checkbox_First_Frame

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

ওয়েব পেইজে ইউজার রেজিস্ট্রেশন ফর্ম তৈরির প্রস্তুতি (পর্ব-২)

text 21

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

ওয়েব পেইজে ইউজার রেজিস্ট্রেশন ফর্ম তৈরির প্রাথমিক প্রস্তুতি (পর্ব-১)

Form_20_First_Frame

ফেইসবুকে আমরা রেজিস্টেশন করেছি সবাই। প্রতিনিয়ত ছবি আপলোড করি, স্ট্যাটাস লিখি। এই সুবিধাগুলো কিভাবে ওয়েব পেইজে দেয়া যায় তার প্রাথমিক প্রস্তুতি হিসেবে এ পর্বে আমরা জানবো ওয়েব রেজিস্ট্রেশন ফর্ম এর বিভিন্ন উপাদানের কাজ কী? এবং কখন কোনটি ব্যবহৃত হয়। বিস্তারিত জানতে হলে ভিডিও টিউটোরিয়ালটি দেখুন- কোর্সটি শুরু থেকে আরম্ভ করতে…

কীভাবে আপনার বাসা, অফিস, বাণিজ্যিক প্রতিষ্ঠান বা যে কোন স্থানের ম্যাপ বা কোন সাইটের সুবিধা নিজের যে কোন ওয়েব পেইজ থেকেই দেবেন (খুব্বি সহজ!)

IFrame_19_First_Frame

আপনি নিজে কোন ওয়েব সাইট তৈরির আইডিয়া পাচ্ছেনা ? বিভিন্ন ওয়েব সাইটের সেবাগুলো মিলিযে নিজে ওয়েব সাইট বানাতে চাচ্ছেন। কিন্তু আপনি যখন আপনার সাইটে অন্যান্য সাইটের লিংক দেবেন তাতে ভিজিটর টা তো অন্যান্য লিংকে ক্লিক করলে আপনার সাইট থেকে ভেগে যাবে। তাহলে উপায়? হঁ্যা সেই উপায়টিই দেখানো হয়েছে যাতে ভিজিটরও…

HTML শেখার সবচাইতে বেস্ট এন্ড্রয়েড অ্যাপ ডাউনলোড করে নিন (মাত্র ৫.১ এম বি)

145efe2aab7ca9959397d6344180b658

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

কীভাবে আপনার নিজস্ব ভিডিওতে ইচ্ছেমত ভিডিও Poster অ্যাড করবেন?খুবই সহজ (ভিডিও নিয়ে বিস্তারিত টিউন)

vdo

আমরা ইউটিউবে ভিডিও Poster  দেখে থাকি। যেটা দেখে আমরা ভিডিওটি দেখতে উৎসাহিত হই। সেই Poster টি ভিডিও তে থাকতেও পারে আবার নাও থাকতে পারে। কিন্তু ইউটিউব ছাড়া আপনার নিজস্ব সাইট বা অন্য কোন সাইটে পছন্দমত ভিডিও Poster অ্যাড করবেন। এবং ভিডিও অ্যাড সংক্রান্ত বিভিন্ন পদ্ধতি ও এর নিয়ন্ত্রন কিভাবে করা…

HTML 5 : ওয়েব পেইজ এর লেখাগুলোকে সুবিন্যস্ত করতে হলে- (লিস্ট নিয়ে বিস্তারিত টিউন)

3

ওয়েব পেইজ এর লিখাগুলোকে কখন ক্রম অনুসারে বা বিভিন্ন প্রতীক দিয়ে উপস্থাপন করা হয়। কখনও একটি তালিকার ভিতর ও আর একটি তালিকা দেয়ার প্রয়োজন হয়। কিভাবে এই লিস্ট আইটেম তৈরি হয় সহজ উদাহরণ দিয়ে বোঝানো হয়েছে। ভিডিও টিউটোরিয়াল এ কিছু স্ক্রীন শর্ট দেখা হলো।     বিস্তারিত জানতে হলে ভিডিও…

ওয়েব সাইটে ব্রাকগ্রাউন্ড মিউজিক দিয়ে ভিজিটরের মনোযোগ আকর্ষন করবেন যেভাবে

Untitled-

ওয়েব সাইটে ভিজিটরের আকর্ষন বাড়াতে আমরা ছবি, অ্যানিমেশন, স্ক্রোল টেক্স কখন স্লাইডার ব্যবহার করে থাকি। আর ভাল soft Tune এর কোন মিউজিক বা আপনার বিশেষ কোন বার্তা দিয়েও ভিজিটরের দৃষ্টি আকর্ষন করতে পারেন। কিভাবে একটি ওয়েব সাইটের ব্যাকগ্রাউন্ডে মিউজিক যুক্ত করবেন প্লেয়ারসহ চালুর ব্যবস্থা করবেন বিস্তারিত জানতে পুরে ভিডিও টিউটোরিয়ালটি…

কীভাবে আপনার ওয়েব সাইটের কোন ফাইল ডাউনলোডের সুবিধা দিবেন? একদমই সহজ!

ICTOnliineSchool

অনেক ওয়েব সাইট থেকে আমরা ফাইল ডাউনলোড করি। আপনার ওয়েব সাইট থেকে কোন ভিজিটরকে যদি কোন ফাইল ডাউনলোড করার সুবিধা দিতে চান। অথবা আপনি চা্চ্ছেন আপনাকে ইমেইল করার জন্য ভিজিটরকে যেন কোন ঝামেইলাই পোহাতে না হয়। আমরা জানি অনেক মানুষই বিভিন্ন সাইটে টিউমেন্ট করতে চায় কিন্তু রেজিস্ট্রেশন করা বা বাড়তি…

কী বোর্ডে যে প্রতীক বা বিশেষ চিহ্নগুলো কোথ্থাও নেই, কীভাবে তা ওয়েব পেইজ এ প্রদর্শন করবেন?

ঢসটহটচ

অনেক বিশেষ চিহ্ন যেমন © এবং ® প্রতীকগুলো কী বোর্ডে নেই কিন্তু এগুলো ওয়েব পেইজ এ প্রদর্শনের প্রয়োজন হয় সবসময়ই। এটি হচ্ছে এনটিটি কোড। এটি বিশেষ ধরনের এইএচটিএমএল কোড যা Non Visible বর্ন (যেমন স্পেস) বিশেষ চিহ্ন যেমন- £  বা অতিরিক্ত কোন স্পেস  ওয়েব পেইজে প্রদর্শনের প্রয়োজন হয়। অথবা কখনও…

যারা নতুন HTML শিখছেন, শুধু একটি ট্যাগ দিয়েই বানিয়ে ফেলুন ইমেজ স্লাইডারের মত

Untitled-1

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

ওয়েব পেইজ এ ছবি ব্যবহারের সময় যে বিষয়গুলো লক্ষ্য রাখবেন!!!

Untitled-1

ওয়েব সাইটের দৃষ্টিনন্দন করতে ও ভিজিটরদের আকর্ষন তৈরিতে ছবির ভূমিকা অপরিসীম। ওয়েব পেইজ ছবি ব্যবহার করার সময় যে বিষগুলো আমরা এড়িয়ে যাই সময় বাঁচাতে আসলে ঐ অল্প সময়ে দিলেই আপনার সাইটের দীর্ঘ মেয়াদি লাভ হবে। ছবি ব্যবহারের ক্ষেত্রে কোন কোন বিষয় লক্ষনীয় বিস্তারিত জানতে হলে ভিডিও টিউটোরিয়াল দেখুন।-   রেজুলেশন…

ওয়েব সাইটের চলমান লেখাগুলো কিভাবে নিয়ন্ত্রন করবেন? (খুঁটি নাটি) বিস্তারিত জানতে চাইলে-

Up_(2009_film)

শেয়ার মার্কেট, টেলিভিশন কিংবা অনলাইন পত্রিকার, সর্বশেষ তথ্য কিংবা গুরত্ব পূর্ণ বিষয় যেভাবে দেখানো হয় সেটিই স্ক্রলিং। এভাবে আমরা এক বা একাধিক ছবি সংযোজন করে ভিজিটরদের আকর্ষন বাড়াতে পারি।   এটি নিয়ে বিস্তারিত জানতে হলে টিউটোরিয়ালটি দেখুন-   চ্যানেল – https://www.youtube.com/channel/UCF55vj9SIJtp1KZ2RbfN1Eg কোর্সটি শুরু থেকে শুরু করতে – https://www.youtube.com/watch?v=qkeaa7tSU9U&index=1&list=PLVRUTBYrm0aRmNDTBMOIDLoPBL-picl2U জেনে নিতে…

HTML শিখুন মাত্র ১ টি বইএর সাহায্যে। তাই আর দেরি না করে তাড়াতাড়ি ডাউনলোড করে ফেলুন।

images(3)

আসসালামু আলাইকুম। সবাই কেমন আছেন সবাই?   আশা করি আল্লাহতালা এর রহমতে ভালোই আছেন।   আমিও ভালো আছি।       এবার আসল কাজের কথায় আসা যাক।       HTML কি তা আমরা অনেকেই কমবেশি জানি।   অনেকে আবার জানি না, জানতে ইচ্ছুক।       আসলে HTML ওয়েব সাইট…

টিউটোরিয়ালই নয়, লাইভ ক্লাস। ওয়েব ডিজাইন এত্তো সহজ?!!!!!!!!!!!!!!!!!!!!!!!

Attribute

টিউটোরিয়াল গুলো তৈরি করা হয়েছে যাতে- ১. অল্প সময়ে অধিক পরিমান শেখা যায়। ২.পাঠ আনন্দদায়ক হয় এবং ৩. শিখলফল স্থায়ী হয়। মোবাইল ফোন শুরুতে শুধুই কথা বলার যন্ত্র হিসেবে তৈরি হলেও আজ আমরা এটিকে আমরা টিভি, খেলনা, ক্যালকুলেটর, চর্ট, ক্যামেরা, ওডিও ভিডিও প্লোয়ার, ক্যালেন্ডোর, ডায়রী, টিভি এমন কত্তো যে প্রয়োজনীয়…

SNEWS -v.1 News Responsive Blogger template-Full version

Capture

আসসালামু আলাইকুম। আশা করি সবাই ভাল আছেন ৤ আজ আমি আপনাদের একটি ব্লগার থীম দিব । আমাদের অনেকেরই ব্লগার এ ব্লগ আছে। আর নিজের ব্লগকে আরও সুন্দর করার জন্য আমরা সবাই খুঁজি সুন্দর একটি টেম্পলেট।তবে টেম্পলেট নির্বাচনের বিষয়ে কিছু বিষয় মাথায় রাখা জরুরী। টেম্পলেটটি ইউজার-ফ্রেন্ডলি কি না, লোডিং টাইম কম কি…

খুব সহযে এখন HTML5 শিখুন

122

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

বিডি টিউটোরিয়াল গিফট সাইটের মত নিয়ে নিন একটি রেস্পন্সিভ ব্লগার টেমপ্লেট! ১০০% এসইও অপটিমাইজড!!

Screenshot_1

 السلام عليكم আসসালামু আলাইকুম। সবাইকে সালাম ও শুভেচ্ছা। আজকের প্রকাশিত টিউনে আপনাদেরকে পরিচয় করাব ও উপহার দিব একটি রেসপন্সিভ ব্লগার থীম যা টিউনের শিরোনামে উল্লেখ করেছি। হাল সময়ে  ফ্রিভাবে ব্লগ সাইট তৈরির জনপ্রিয় একটি প্লাটফর্ম হল গুগল মামার ব্লগস্পট। এই ব্লগস্পট সাইটের সাহায্য অনেকেই মনকাড়া ও দৃষ্টিনন্দন ব্লগ তৈরি করছেন।…

সহজে শিখুন এইচটিএমএল (পর্ব ৩)

html

HTML ইলিমেন্ট HTML এ যেকোন শুরু ও শেষ ট্যাগ এবং মাঝের অংশকে ইলিমেন্ট বলা হয়। যেমন <h1> This is an example of element.</h1>। এখানে <h1> হেডার1 শুরু এবং </h1> হেডার1 শেষ ট্যাগের মাঝে This is an example of element. লেখা হয়েছে, তাই <h1> This is an example of element.</h1> একটি…

সহজে শিখুন এইচটিএমএল (পর্ব ২)

html

HTML এ প্রোগ্রাম লেখার জন্য  <>  এবং </> দুইটা চিহ্ন এবং এর মধ্যে কিছু Word যেমন html, head, title, body  ইত্যাদি  Keyword  ব্যবহার করা হয়। <> বা </> চিহ্ন এবং এর মাঝে লেখা একটি Keyword কে একত্রে ট্যাগ বলা হয়। যেমন <html>  এবং </html>। <body> হল body শুরু ট্যাগ এবং </ body> হল body…

সহজে শিখুন এইচটিএমএল ৫ (পর্ব ১)

pqzvkdbe_HTML5-Present-Past-and-Future

আজ আমি HTML 5 (এইচটিএমএল ৫)- এর খুঁটিনাটি নিয়ে আলোচনা করব। যারা HTML (এইচটিএমএল)- সম্পর্কে অথবা HTML 5 (এইচটিএমএল ৫)- সম্পর্কে জানেন না বা কিছু জানেন; আশা করি তারা এ সম্পর্কে মোটামোটি ধারণা নিতে পারবেন অর্থাৎ তাদের জন্য টিউনটি কিছুটা হলেও উপকারে আসতে পারে, তাই সবটুকু পড়ার আমন্ত্রণ রইল। HTML…

সহজে শিখুন এইচটিএমএল (পর্ব ১)

html

ইন্টারনেটে, তথাওয়েবসাইটে এইচ টি এম এল সবচেয়ে বেশি ব্যবহৃত হয়। এই ফাইলের এক্সটেনশন .htm অথবা .html উভয়ই হতে পারে। এতে বিভিন্ন এইচটিএমএল ট্যাগ ব্যবহার করে বিভিন্ন ফর্ম্যাটিং, অবজেক্ট ও লিংক প্রকাশ করা করা হয়। html এর সর্বশেষ ভার্সন হলো html 5 যার উন্নয়ন কাজ এখন সম্পূর্ণ এবং নতুন আদর্শমান। html 5…

এইচটিএমএল টিউটোরিয়াল – ডকুমেন্ট টাইপ। পর্বঃ ০২

IMG_20160123_161444_309

আগের পর্বঃ ১ম পর্ব নিচে একটা সাধারন এইচটিএমএল ডকুমেন্ট দেয়া হল এবং এর প্রতিটি অংশের বিস্তারিত বর্ননা করা হচ্ছে আজ TipsTune24.Com এর Theme Share করব http://hamwap.com এ সুতরাং সাথেই থাকুন HamWap demo heading demo content goes here. প্রথম লাইনটি হচ্ছে ডকুমেন্টটি কি ধরনের তা বোঝানোর (ব্রাউজারকে) জন্য দেয়া হয়। এইচটিএমএল…

ঝটপট নিয়ে নিন 15 ডলারের themeforest এর একটি HTML থিম।

file

আসসালামু আলাইকুম, আপনাদের শুভেচ্ছা জানিয়ে আজকের টিউন শুরু করছি। কেমন আছেন আপনারা? আশা করি অনেক ভাল আছেন সৃষ্টিকর্তার রহমতে। যাই হোক এবার কাজের কথাই আসি। আমি আপনদের সাথে নতুন একটি সাইট এর পরিচয় করিয়ে দিব। এখান আপনারা প্রতিদিন themeforest এর প্রিমিয়াম থিমগুলো ফ্রী ডাউনলোড করতে পারবেন। সাইটটি ভিজিট করতে চাইলে এই…

সকল এইচটিএমএল এনটিটি ক্যারেক্টার চার্ট নিয়ে নিন, কাজে লাগবে

convert-special-characters-to-html-entities-between-code-tags

আজকে আপনাদের জন্য নিয়ে এলাম এইচটিএমএল এনটিটি ক্যারেক্টার চার্ট যা আপনার আমার প্রতিনিয়তই কাজে লাগে। table { font: .8em Monaco; display: block; } tr { background: #EEE; display: inline-block; text-align: center; width: 10em; height: 10em; margin: .5em; padding: 1px; position: relative; } td { display: block; } .character { font:…

ধারাবাহিক HTML Learning ১ম পর্ব

IMG_20151108_110407

অনেক দিন ধরেই ভাবছি HTML ধারাবাহিকভাবে শেখানোর।,সময় হয়ে ওঠে না তাই আজকে হঠাৎ করেই শুরু করে দিলাম আজকে ১ম পর্বে HTML সম্পর্কে ধরনা দিলাম। পরবর্তী পর্বে(যদি আপনাদের উৎসাহ পাই) আমরা কোন সফটওয়্যার দিয়ে কাজ শিখবো,HTML Structure,Tag,Attribute ইত্যাদি বিস্তারিতভাবে আলোচনা করবো এবং এর পরেই আমরা HTML শুরু করবো। HTML অর্থ হচ্ছে…

HTML টিউটোরিয়াল ১:: [ভূমিকা ]

html-pointing-sign-clipart_4

Html হচ্ছে ওয়েব ডিজাইন করার প্রথম ধাপ। html জানা থাকলে নিজের ওয়েবসাইট নিজেই পছন্দমতো তৈরি করতে পারবেন। প্রোগ্রামিং জানেন না তবে কি করে পারবেন এই ল্যাঙ্গুয়েজ শিখতে এটাই ভাবছেন এইতো? দয়া করে এইসব ভাবনা বাদ দিন কারণ html শিখতে আপনাকে প্রোগ্রামিং জানা লাগবেনা বরং html এর সহজ কিছু নিয়ম জানলেই…

HTML5 সম্পর্কে কিছু প্রশ্ন এবং উত্তর যা Top HTML5 Developer দের জেনে রাখা প্রয়োজন

HTML5_logo_black.svg

আসসালামুয়ালাইকুম ওয়া রহমাতুল্লাহি ওয়া বারকাতুহ আশা করছি সবাই ভাল আছেন। আমিও ভাল আছি। আবার টিউন করতে বসলাম। আসলে একটা টিউন করতে কি কম প্যারা যায় 😥  😥 তবুও টিউন করতে ভাল লাগে। কেননা হাত তো আর বসে থাকে না। শুধু টিটিকে চায়   টিউনটার শিরোনাম দেখেই বুঝতে পারছেন আজকে আমি…

আপলোড না করেই অন্য সাইটের ইমেজ আনুন আপনার সাইটে

bbbb

যারা ছোটখাটো সাইজের হোষ্টিং ব্যবহার করেন তাদের জন্য এ লেখা। যারা আগে থেকেই জানেন কিংবা এ বিষয়ে পন্ডিত তাদের এই লেখা পড়ার দরকার নেই। যদি আপনি ছোটখাটো হোষ্টিং নিয়ে ব্লগিং করে থাকেন কিংবা ফ্রি হোষ্টিং ব্যবহার করেন অথবা ব্লগার ব্যবহার করেন, এই টিউন আপনার কাজে লাগবে। যে ছবিটি দিতে চান…

HTML টিউটোরিয়ালটি কেবল নতুনদের জন্য

HTML

টিউটোরিয়ালটি কেবল নতুনদের জন্য। HyperText Markup Language, or HTML প্রথমে জনসম্মুখে আসে ১৯৯১ সালে। আমরা ইন্টারনেটে যেসব ‌ওয়েব পেজ দেখি তার সব গুলোতেই রয়েছে HTML এর ব্যবহার। যখন আমরা কোন ব্লগে টিউন করি, তখন লেখা গুলোকে সুন্দরভাবে উপস্থাপন করলে পাঠক তা আগ্রহ নিয়ে পড়বে। যেমন ধরুন টিউনের ভেতরে কোথা‌ও একটা…

ইফতারের জন্য কাউন্টডাউন ঘড়ি v2.0

ramadan

  ইফতারের জন্য কাউন্টডাউন ঘড়ি v2.0 আস সালামু আলাইকুম ওয়া রাহমাতুল্লাহি ওয়া বারাকাতুহু। সুপ্রিয় টেকটিউনস কমিউনিটি, আশা করি সবাই ভালোই আছেন। অনেকে মনে করছেন আমি এই টিউন আগেও করেছি। কারণ আগের টিউনে যেই ঘড়ি দিয়েছিলাম সেখানে শুধু ঢাকার কাউন্টডাউন-ই দেখা যেত। কিন্তু নতুন কাউন্টডাউন v2.0 -এর সাহায্যে ঢাকা সহ মোট…

কিভাবে HTML দিয়ে পেজের ভেতর নিজের ছবি দিতে হয়!!এবং আরোও কিছু HTML এর কাজ(নতুনদের জন্য)

index

আগেই বলি যে ছবিটা দিবেন তা কিন্তু একই জায়গাই রাখতে হবে। যেমন::: দেখুন আমি কিন্তু সবই এক জায়গায় রাখছি। এই বার আপনার নোটপ্যাড++ ওপেন করে লিখুন== <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd” —-এইটা লিখলেও হবে না লিখলেও হবে। <html> <head><title>CARPENTER WORLD.COM/LARGEST DEAL</title> <meta name=”description” content=”OUR WORLD BEST EMPLOYER…

 

মোট পাতা - 5 টি12345