কোনও ওয়েবসাইট তৈরির সহজতম উপায় হ'ল একটি টেম্পলেট ব্যবহার করা। তবে রিসোর্সটি আলাদা হয়ে যাওয়ার জন্য আপনাকে ডিফল্ট লেআউটটি পরিবর্তন করতে হবে। এবং এখানে আপনি এইচটিএমএল এবং সিএসএসের প্রাথমিক জ্ঞান ছাড়া করতে পারবেন না।
নির্দেশনা
ধাপ 1
ইন্টারনেটে আপনার সেরা অনুসারে ওয়েবসাইট টেম্পলেটটি সন্ধান করুন। এর ক্ষমতাগুলি, মনিটরের আকারের সাথে খাপ খাইয়ে নেওয়ার ক্ষমতা, মেনুটির বৈশিষ্ট্য এবং কলামগুলির বিন্যাসের প্রতি মনোযোগ দিন। আপনার কম্পিউটারে আপনার পছন্দ মতো সংস্করণটি ডাউনলোড করুন, সংরক্ষণাগারটি আনপ্যাক করুন। সাইটের রুটে ফাইলগুলি আপলোড করে এর কার্যকারিতা পরীক্ষা করুন। সম্ভবত টেমপ্লেটে ত্রুটি রয়েছে এবং এটি সঠিকভাবে ইনস্টল করবে না, তবে ভবিষ্যতে এটির সাথে কাজ করার কোনও অর্থ হবে না।
ধাপ ২
এমনকি আপনি যদি টেমপ্লেটটি পুরোপুরি আবারও করতে যাচ্ছেন না, বেশিরভাগ চিত্র এবং বিশেষত লোগো হিসাবে অবস্থিত এমনগুলি প্রতিস্থাপন করুন। প্রতিটি ছবি এইভাবে প্রতিস্থাপন করুন:
- ফটোশপ প্রোগ্রামে গ্রাফিক ফাইলটি খুলুন;
- মেনুতে "চিত্র" - "চিত্রের আকার" এর পরামিতিগুলি দেখুন;
- ঠিক একই মাত্রা সহ একটি নতুন শীট খুলুন;
- অ্যাপ্লিকেশন সরঞ্জামগুলি ব্যবহার করে পছন্দসই চিত্র তৈরি করুন;
- সমস্ত স্তর সমতল করুন এবং মূল নামটি সেট করে একই নামে এবং একই ফোল্ডারে একটি নতুন ছবি সংরক্ষণ করুন (ওয়েবের জন্য নয়)।
সুতরাং, একটি চিত্রের পরিবর্তে, অন্য একটি উপস্থিত হওয়া উচিত।
ধাপ 3
যতক্ষণ না আপনি সমস্ত ছবি পরিবর্তন করবেন, ফোল্ডারটি ফাইল (জুমলার ক্ষেত্রে) দিয়ে জিপ করুন এবং "এক্সটেনশনস" মেনুতে সাইট অ্যাডমিন প্যানেলের মাধ্যমে এটি আপলোড করুন। নতুন চিত্রগুলির সাথে থিমটি সঠিকভাবে প্রদর্শিত হচ্ছে কিনা তা দেখুন।
পদক্ষেপ 4
স্টাইল। CSS এ বাকী প্যারামিটারগুলি পরিবর্তন করুন। তদতিরিক্ত, অ্যাডমিন প্যানেলের মাধ্যমে নয়, কম্পিউটারে এটি করা অনেক বেশি সুবিধাজনক। যত তাড়াতাড়ি সম্ভব রূপান্তরের ফলাফল দেখতে লোকালহোস্ট (ডেনভার) ব্যবহার করা যুক্তিসঙ্গত। এটি পরবর্তী সম্পাদনার পরে ফলাফলগুলি দেখার জন্য প্রতিবার সার্ভারে ফলাফল আপলোড করার প্রয়োজনীয়তা এড়াবে।
পদক্ষেপ 5
মজিলা ফায়ারফক্সের জন্য ফ্রি ফায়ারব্যাগ প্লাগইনটি ডাউনলোড করুন। ইনস্টলেশন শেষে ব্রাউজারের উপরের ডানদিকে একটি হলুদ বাগ আইকন উপস্থিত হবে। এটিতে ক্লিক করুন বা F12 কী টিপুন এবং স্ক্রিনের নীচে, পৃষ্ঠা কোডটি ধসে পড়া সংস্করণে উপস্থিত হবে। এটি প্লাস চিহ্নগুলির উপর মাউস ঘোরা করে খোলা যেতে পারে। এবং আপনি যদি কোনও উপাদানের লাইনে ক্লিক করেন তবে এটি পর্দার শীর্ষে হাইলাইট হবে। কোড সহ উইন্ডোটির ডান দিকে, আপনি শৈলীর সন্ধান পাবেন যে উপস্থিতিগুলির জন্য দায়ী লাইনগুলি নির্দেশ করে। এবং এটি অবিলম্বে পরিষ্কার হয়ে যাবে আপনার নকশা পরিবর্তন করতে স্টাইল ফাইলটি কোথায় সম্পাদনা করতে হবে।
পদক্ষেপ 6
নোটপ্যাড ++ এ স্টাইল। Css খুলুন। আপনি কোড সম্পাদনা করার জন্য ডিজাইন করা অন্যান্য প্রোগ্রাম ব্যবহার করতে পারেন তবে এই উদ্দেশ্যে আপনি স্ট্যান্ডার্ড "নোটপ্যাড" ব্যবহার করতে পারবেন না, অন্যথায় এনকোডিংয়ের কারণে ত্রুটি থাকবে be আপনি একই সাথে নোটপ্যাড ++ এ সেগুলি পরিবর্তন করতে এবং সেগুলি সম্পাদনা করতে চান সেগুলি খুঁজতে ফায়ারব্যাগ ব্যবহার করুন।
পদক্ষেপ 7
চূড়ান্ত CSS সংরক্ষণ করুন এবং সার্ভারে ফাইল আপলোড করুন।
