somewhere in... blog
x
ফোনেটিক ইউনিজয় বিজয়

ধ্রুত এইচটিএমএল ও সিএসএস কোড লিখার উপায়

১০ ই ফেব্রুয়ারি, ২০১৪ রাত ১০:২১
এই পোস্টটি শেয়ার করতে চাইলে :

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

=========== সহজেই কোড লিখা উপায় ===========



এই জন্য প্রথমেই আপনার কাছে Notepad++ টেক্সট এডিটরটি থাকতে হবে। এটি যদি আপনার থাকে না থেকে থাকে তবে এখানে থেকে ডাউনলোড করে ইনস্টল করে নিন।

এবার Zen Coding টি এখান থেকে ডাউনলোড করে নিন।
ডাউনলোড করা হয়ে গেলে জিপ ফাইলটি আনজিপ করে তার ভিতরের ফাইল গুলো আপনি যেই ফোল্ডারে নোটপ্যাড++ ইনস্টল করেছেন তার ভিতরের plugins নামক ফোল্ডারে ফাইল গুলো মুভ করুন।

ডিফল্টভাবে প্লাগিন ফোল্ডারটি এই লোকেশনে পাবেন - C:Program FilesNotepad++plugins

এবার নোটপ্যাড++ ওপেন করলে নিচের মত একটি নতুন ট্যাব দেখতে পাবেন। নতুন ট্যাবটি পেলেই বুঝবেন আপনার নোটপ্যাড++ এ Zen Coding ঠিক ভাবে ইনস্টল হয়েছে।



=========== যেভাবে কোড লিখবেন ===========

ধরুন আপনি একটি এইচটিএমএল ৫ ডকুমেন্ট ওপেন করতে চান তবে html:5 লিখে Ctrl+E চাপুন তাহলেই নিচের মত একটি এইচটিএমএল ৫ ডকুমেন্ট ওপেন হয়ে যাবে। আপনাকে আর কষ্ট করে পুরো কোডটি লিখতে হবে না।












ধরুন আপনি একটি html tag দিবেন আপনার ডকুমেন্টে তবে html লিখে Ctrl+E চাপুন তাহলেই নিচের মত একটি html ট্যাগ আপনার সামনে হাজির হয়ে যাবে।



সবগুলো কোডেরই শর্টকার্ট আছে পোস্টে সব বলা সম্ভব নয়, শর্টকার্ট গুলো দেখতে এই PDF ফাইলটি ডাউনলোড করে নিন। তারপর শর্টকার্ট গুলো ভালো ভাবে মুখস্ত করে নিন। পোস্টটি ভালো লাগলে মন্তব্য করতে ভুলবেন না, আসসালামু আলাইকুম।
সর্বশেষ এডিট : ১০ ই ফেব্রুয়ারি, ২০১৪ রাত ১০:২৬
৪টি মন্তব্য ১টি উত্তর

আপনার মন্তব্য লিখুন

ছবি সংযুক্ত করতে এখানে ড্রাগ করে আনুন অথবা কম্পিউটারের নির্ধারিত স্থান থেকে সংযুক্ত করুন (সর্বোচ্চ ইমেজ সাইজঃ ১০ মেগাবাইট)
Shore O Shore A Hrosho I Dirgho I Hrosho U Dirgho U Ri E OI O OU Ka Kha Ga Gha Uma Cha Chha Ja Jha Yon To TTho Do Dho MurdhonNo TTo Tho DDo DDho No Po Fo Bo Vo Mo Ontoshto Zo Ro Lo Talobyo Sho Murdhonyo So Dontyo So Ho Zukto Kho Doye Bindu Ro Dhoye Bindu Ro Ontosthyo Yo Khondo Tto Uniswor Bisworgo Chondro Bindu A Kar E Kar O Kar Hrosho I Kar Dirgho I Kar Hrosho U Kar Dirgho U Kar Ou Kar Oi Kar Joiner Ro Fola Zo Fola Ref Ri Kar Hoshonto Doi Bo Dari SpaceBar
এই পোস্টটি শেয়ার করতে চাইলে :
আলোচিত ব্লগ

" হিজি ;) বিজি " - ২ - আমি এবং আমার বই পড়া ও কিছু লেখার চেষ্টা।

লিখেছেন মোহামমদ কামরুজজামান, ০৫ ই ডিসেম্বর, ২০২১ বিকাল ৫:৫০


ছবি - odhikar.news

" আমাদের সমাজে চলার পথে একেক মানুষের একেক রকম নেশা থাকে । কেউ টাকা ভালবাসে, কেউ ভালবাসে ক্ষমতা, কেউ ভালবাসে আড্ডা আবার কেউ ভালবাসে গান... ...বাকিটুকু পড়ুন

আমি আর ব্লগে আসবো না।

লিখেছেন ইমরোজ৭৫, ০৫ ই ডিসেম্বর, ২০২১ সন্ধ্যা ৬:০৭



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

হেফজখানা জীবনের এক শীতের রাতের কথা

লিখেছেন আহমাদ মাগফুর, ০৫ ই ডিসেম্বর, ২০২১ সন্ধ্যা ৭:২৫



তখন হেফজখানায় পড়ি। সাত - আট সিপারা মুখস্থ করেছি মাত্র। সিপারার সাথে বয়সের তফাৎটাও খুব বেশি না। তো একদিন রাতের কথা। শীতের রাত। সবাই ঘুমিয়ে গেছে। আমার ঘুম আসছে... ...বাকিটুকু পড়ুন

মেঘের কাছে রোদ্দুরের চিঠি-০৭

লিখেছেন কাজী ফাতেমা ছবি, ০৫ ই ডিসেম্বর, ২০২১ রাত ১০:২৩


#মেঘের_কাছে_রোদ্দুরের_চিঠি_৭

#একটু_ভাল্লাগা_দিবে?
হ্যালো মেঘ,
আছো কেমন, আলহামদুলিল্লাহ ভালো আছি। বাসায় মেহমান ছিল তাই চিঠি লেখা হয়ে উঠে নাই। মন খারাপ বা অভিমান হয়নি তো! আর মোবাইলে লিখতে লিখতে মে থাক গেয়ি। পিসি... ...বাকিটুকু পড়ুন

বাবু খাইছো? - বাবা খাইছো?

লিখেছেন ঋণাত্মক শূণ্য, ০৬ ই ডিসেম্বর, ২০২১ রাত ৩:৫০

গত কিছুদিন থেকে আমি পরিবারের সাথে থাকছি না। তারা দেশে বেড়াতে গেছে। আর আমি একলা পুরা বাসা নিজের রাজত‍্য প্রতিষ্ঠা করে বসে আছি।



রাজত‍্য প্রতিষ্ঠার মূল ধাপ শুরু হয়েছে... ...বাকিটুকু পড়ুন

×