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
এই পোস্টটি শেয়ার করতে চাইলে :
আলোচিত ব্লগ

অন্যায় অত্যাচার ও অনিয়মের দেশ, শেখ হাসিনার বাংলাদেশ

লিখেছেন রাজীব নুর, ২৮ শে মার্চ, ২০২৪ বিকাল ৪:৪০



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

মুক্তিযোদ্ধাদের বিবিধ গ্রুপে বিভক্ত করার বেকুবী প্রয়াস ( মুমিন, কমিন, জমিন )

লিখেছেন সোনাগাজী, ২৮ শে মার্চ, ২০২৪ বিকাল ৫:৩০



যাঁরা মুক্তিযদ্ধ করেননি, মুক্তিযোদ্ধাদের নিয়ে লেখা তাঁদের পক্ষে মোটামুটি অসম্ভব কাজ। ১৯৭১ সালের মার্চে, কৃষকের যেই ছেলেটি কলেজ, ইউনিভার্সিতে পড়ছিলো, কিংবা চাষ নিয়ে ব্যস্ত ছিলো, সেই ছেলেটি... ...বাকিটুকু পড়ুন

শাহ সাহেবের ডায়রি ।। সাংঘাতিক উস্কানি মুলক আচরন

লিখেছেন শাহ আজিজ, ২৮ শে মার্চ, ২০২৪ সন্ধ্যা ৭:০৪



কি সাঙ্ঘাতিক উস্কানিমুলক আচরন আমাদের রাষ্ট্রের প্রধানমন্ত্রীর । নাহ আমি তার এই আচরনে ক্ষুব্ধ । ...বাকিটুকু পড়ুন

একটি ছবি ব্লগ ও ছবির মতো সুন্দর চট্টগ্রাম।

লিখেছেন মোহাম্মদ গোফরান, ২৮ শে মার্চ, ২০২৪ রাত ৮:৩৮


এটি উন্নত বিশ্বের কোন দেশ বা কোন বিদেশী মেয়ের ছবি নয় - ছবিতে চট্টগ্রামের কাপ্তাই সংলগ্ন রাঙামাটির পাহাড়ি প্রকৃতির একটি ছবি।

ব্লগার চাঁদগাজী আমাকে মাঝে মাঝে বলেন চট্টগ্রাম ও... ...বাকিটুকু পড়ুন

দ্য অরিজিনস অফ পলিটিক্যাল জোকস

লিখেছেন শেরজা তপন, ২৮ শে মার্চ, ২০২৪ রাত ১১:১৯


রাজনৈতিক আলোচনা - এমন কিছু যা অনেকেই আন্তরিকভাবে ঘৃণা করেন বা এবং কিছু মানুষ এই ব্যাপারে একেবারেই উদাসীন। ধর্ম, যৌন, পড়াশুনা, যুদ্ধ, রোগ বালাই, বাজার দর থেকে... ...বাকিটুকু পড়ুন

×