৭ মিনিটে AI দিয়ে ৮০-এর দশকের স্টাইলে রেট্রো ল্যান্ডিং পেজ তৈরি করুন
নিয়ন প্যালেট, পিক্সেল ফন্ট এবং CRT ইফেক্ট সহ একটি সম্পূর্ণ HTML/CSS পেজ - সরাসরি ব্রাউজারে, কোনো সফটওয়্যার ইনস্টল ছাড়াই
- 1.Claude.ai খুলুন, অ্যাকাউন্টে লগইন করুন (ইমেইলে ফ্রি রেজিস্ট্রেশন)। আপনার অঞ্চলে যদি সেবা অ্যাভেইলেবল না থাকে, তাহলে কোড জেনারেশন সহ যেকোনো বিকল্প চ্যাটবট ব্যবহার করুন - ChatGPT বা Gemini চলবে।
Claude-এর ফ্রি প্ল্যান বেসিক মডেল অ্যাক্সেস দেয়; HTML/CSS জেনারেট করার জন্য এটি যথেষ্ট।
Claude ↗টুল সম্পর্কে - 2.নতুন চ্যাট তৈরি করুন এবং নিচের প্রম্পটটি পেস্ট করুন। [TEMA] এর জায়গায় আপনার পেজের থিম (যেমন, «ফটোগ্রাফারের পোর্টফোলিও», «কফি শপের ল্যান্ডিং», «পডকাস্ট অ্যানাউন্সমেন্ট») এবং [ZAGOLOVOK] এর জায়গায় পেজের প্রধান শিরোনাম বসান।
থিম এবং কন্টেন্টের বিবরণ যত নির্দিষ্ট হবে, ম্যানুয়ালি এডিট করতে তত কম কাজ করতে হবে।
Claude ↗টুল সম্পর্কেপ্রম্পট১৯৮০-এর দশকের আর্কেড স্টাইলে একটি সিঙ্গেল-পেজ রেট্রো ওয়েবসাইট তৈরি করুন। থিম: [TEMA]। প্রধান শিরোনাম: [ZAGOLOVOK]। অন্তর্ভুক্ত করুন: নিয়ন শিরোনাম সহ হিরো সেকশন, অ্যাবাউট সেকশন, এবং কন্টাক্ট তথ্য সহ ফুটার। স্টাইল রিকোয়ারমেন্ট: ব্যাকগ্রাউন্ড #0A0A0F, নিয়ন অরেঞ্জ অ্যাকসেন্ট #FE9901, অ্যাসিড টার্কয়েজ অ্যাকসেন্ট #00F0FF, ওয়ার্ম হোয়াইট টেক্সট। শিরোনামের জন্য Google Fonts থেকে 'Press Start 2P' ব্যবহার করুন, বডি টেক্সটের জন্য মনোস্পেস ফন্ট। CSS দিয়ে CRT স্ক্যানলাইন ইফেক্ট যোগ করুন, ইনসেট শ্যাডো সহ পিক্সেলেটেড বাটন স্টাইল, এবং সেকশনগুলির চারপাশে ASCII-স্টাইল বর্ডার। সবকিছু একটি সিঙ্গেল সেলফ-কন্টেইন্ড HTML ফাইল হিসেবে আউটপুট দিন ইনলাইন CSS সহ। Google Fonts লিংক যুক্ত করুন। পেজটি সম্পূর্ণ রেসপন্সিভ হতে হবে।
এই প্রম্পটটি কী করেপ্রম্পটটি বাংলায় অনুবাদ করা হয়েছে। [TEMA] এর জায়গায় পেজের থিম (যেমন, «রেট্রো গেম সম্পর্কে পার্সোনাল ব্লগ»), [ZAGOLOVOK] এর জায়গায় আপনার প্রধান শিরোনাম বসান। বাকি প্যারামিটার (প্যালেট, ফন্ট, ইফেক্ট) পরিবর্তন করার দরকার নেই। - 3.কোড জেনারেশন হওয়া পর্যন্ত অপেক্ষা করুন (সাধারণত ৩০ - ৬০ সেকেন্ড)। পুরো HTML ব্লকটি কপি করুন - কোড ব্লকের উপরে ডান কোণায় Copy বাটনে ক্লিক করুন।
কোড যদি একাধিক ব্লকে ভাগ হয়ে থাকে, তাহলে একটি ফাইলে পর্যায়ক্রমে কপি করুন।
Claude ↗টুল সম্পর্কে - 4.যেকোনো টেক্সট এডিটর খুলুন (Windows-এ নোটপ্যাড, Mac-এ TextEdit «Plain Text» মোডে)। কোডটি পেস্ট করুন। ফাইলটি retro.html নামে সেভ করুন - .html এক্সটেনশনটি জরুরি, .txt নয়।
নোটপ্যাডে সেভ করার সময় «ফাইল টাইপ» হিসেবে «All Files» নির্বাচন করুন, নাহলে .txt হিসেবে সেভ হবে।
- 5.সেভ করা retro.html ফাইলে ডাবল ক্লিক করুন - এটি ব্রাউজারে খুলবে। আপনি নিয়ন অ্যাকসেন্ট, CRT ইফেক্ট এবং পিক্সেল ফন্ট সহ রেট্রো পেজ দেখতে পাবেন।
ফাইলটি অফলাইনে কাজ করে, শুধু Press Start 2P ফন্টটি ছাড়া - সেটি Google Fonts থেকে লোড হয় (প্রথমবার খোলার সময় ইন্টারনেট দরকার)।
- 6.কিছু পরিবর্তন করতে চাইলে Claude চ্যাটে ফিরে যান এবং লিখুন: «ব্যাকগ্রাউন্ড ডার্ক পার্পল করুন এবং হিরো সেকশনে একটি পিক্সেল-আর্ট স্টার অ্যানিমেশন যোগ করুন»। Claude আপডেটেড কোড দেবে। retro.html এর কন্টেন্ট পরিবর্তন করে আবার সেভ করুন।
একবারে একটি পরিবর্তন করুন - ফলাফল তখন বেশি প্রেডিক্টেবল হয়।
Claude ↗টুল সম্পর্কে
💰 এটি অনুসরণ করতে কত খরচ2026-11 অনুযায়ী দাম
- বিনামূল্যেClaude Freeফ্রি প্ল্যান প্রতিদিন সীমিত সংখ্যক মেসেজ দেয় - HTML/CSS জেনারেশন এবং ১ - ২ বার এডিট করার জন্য এটি যথেষ্ট।
চেষ্টা করুন এবং প্রথম হয়ে চিহ্ন দিন
আজ কেন
1
48 ঘণ্টায় ক্রিয়েটরদের ভিডিও
৯.৫ হা
মোট ভিউ
cossa.ruweb
সপ্তাহের রেসিপি ইমেইলে
এআই পরিষেবা দ্রুত বদলায় - ইন্টারফেস ও ফ্রি সীমা বর্ণনার থেকে আলাদা হতে পারে।