এইচটিএমএল / সিএসএস বিকাশের জন্য প্রচুর উপমা রয়েছে; যা একটি শিক্ষানবিস জন্য কিছুটা বিভ্রান্ত হতে পারে।
- এইচটিএমএল = ভিত্তি / ঘর
- সিএসএস = দেয়াল / ব্লুপ্রিন্ট / ওয়ালপেপার
এখানে কোন সেরা অনুশীলন আছে? আমাদের প্রথমে কোনটি লেখা উচিত?
এইচটিএমএল / সিএসএস বিকাশের জন্য প্রচুর উপমা রয়েছে; যা একটি শিক্ষানবিস জন্য কিছুটা বিভ্রান্ত হতে পারে।
এখানে কোন সেরা অনুশীলন আছে? আমাদের প্রথমে কোনটি লেখা উচিত?
উত্তর:
আপনার প্রথমে একটি বাড়ি তৈরি করা উচিত, তারপরে এটি আঁকুন।
এইচটিএমএল ডকুমেন্টটি স্বাচ্ছন্দ্য দেখা গেলেও এটি নিজেরাই দাঁড়াতে পারে। একটি সিএসএস স্টাইল শীট পারে না; এটি প্রদর্শনযোগ্য কিছুই নয় (কোড ব্যতীত) তবে প্রদর্শনের জন্য নির্দেশাবলী।
এটি অন্যরকম সমস্যা যে পেইন্টিংয়ের সময় আপনি ঘরে পরিবর্তন করতে চান। সত্যিকারের ঘরগুলির সাথে যা সাধারণত সম্ভব হয় না, তবে এইচটিএমএল + সিএসএস বিকাশে, স্টাইলিংকে আরও সহজ করার জন্য আপনার এইচটিএমএল ডকুমেন্টে আপনার অতিরিক্ত মার্কআপ প্রয়োজন তা লক্ষ্য করা সাধারণ। (এটি শক্তিশালী CSS3 নির্বাচককে ধন্যবাদ, এটি আগের তুলনায় কম সাধারণ))
আমি সর্বদা প্রথম, সম্পূর্ণ আকারের কাগজ, টু-স্কেল অঙ্কন করি pen
আপনি যদি নিজের ডিজাইনটি লোপ না করে থাকেন তবে তা। আপনি যদি আপনার ডিজাইনের প্রতি আত্মবিশ্বাসী হন তবে আমার একটি ভারসাম্যপূর্ণ পদ্ধতি রয়েছে; এইচটিএমএল হল কাঠামো, সিএসএস আঠালো। (এইচটিএমএল, সিএসএস) ধারণা 'টিপলস' তৈরি করে রাখুন।
(HTML,CSS) + (HTML,CSS) -> (bigHTML,bigCSS)
(bigHTML,bigHTML) + (bigHTML,bigCSS) -> (biggerHTML, biggerCSS)
ইত্যাদি।
যেভাবেই হোক আমি এটি করি।
আপনার তৈরি করা ওয়েবসাইট / ওয়েব অ্যাপ্লিকেশন এবং এটি যে ধরণের প্রসঙ্গে ব্যবহৃত হবে তার উপর অনেক কিছুই নির্ভর করে depends
বেশিরভাগ ক্ষেত্রে, যাওয়ার সর্বোত্তম উপায় হ'ল শব্দার্থবিজ্ঞানযুক্ত এইচটিএমএল তৈরি করা, তারপরে স্ট্যান্ডার্ড-কমপ্লায়েন্ট ব্রাউজারগুলির জন্য সিএসএস যুক্ত করুন এবং তারপরে অ-প্রবেশমূলক হ্যাক এবং নিয়ম প্রয়োগ করুন (যেমন, আইই এর শর্তসাপেক্ষ মন্তব্য, -vendor-something
সিএসএস বিধি, জাভাস্ক্রিপ্ট কমপ্লায়েন্স লেয়ার ইত্যাদি) etc. ) নন-স্ট্যান্ডার্ড ব্রাউজারগুলিকে সমর্থন করতে এবং বিক্রেতা-নির্দিষ্ট বৈশিষ্ট্যগুলি সক্ষম করতে।
তবে, কখনও কখনও আপনার কাছে স্বতন্ত্র ওয়েব অ্যাপ্লিকেশনগুলির একটি গুচ্ছ থাকে যা স্টাইলশিটগুলি ভাগ করে (যেমন একটি ঘরের শৈলীর অংশ হিসাবে), এবং আপনি এমনকি প্রতিটিের এইচটিএমএল আউটপুট নিয়ন্ত্রণ করার জন্য বিলাসবহুল অবস্থানে থাকতে পারেন। সেক্ষেত্রে প্রথমে সিএসএস লেখা এবং তার সাথে কাজ করার জন্য এইচটিএমএলকে টুইট করা, আরও ভাল উপায় হতে পারে better আপনি যদি এটি করেন, যাওয়ার উপায়টি হ'ল প্রথমে আপনাকে কী ধরণের পৃষ্ঠা উপাদানগুলির প্রয়োজন হবে তা বিশ্লেষণ করা, এর জন্য ক্লাসগুলি সংজ্ঞায়িত করুন, তারপরে কিছু স্ট্যাটিক পরীক্ষার নথি লিখুন যা সেগুলি ব্যবহার করে, স্টাইলশিট লিখুন, এবং কেবলমাত্র তখনই লেখাটি শুরু করুন অ্যাপ্লিকেশন যে তাদের ব্যবহার।
যদিও সমস্ত সততার সাথে আমি সন্দেহ করি যে এ জাতীয় বিলাসবহুল অবস্থান অত্যন্ত বিরল, এবং কয়েকটি সংস্থাই আসলে সিএসএস স্তরে একীভূত ঘরের শৈলীর মূল্যকে স্বীকৃতি দেয়; প্রায়শই ব্যবহারিকতাই হুকুম দেয় যে কোনও ডিজাইনার বাড়ির স্টাইল তৈরি করে এবং তারপরে প্রতিটি অ্যাপ্লিকেশনের জন্য স্টাইলশিটগুলির স্বতন্ত্র সেটগুলি লেখা হয় যা এটি অনুসরণ করা প্রয়োজন। এর কারণটি হ'ল মূলত, বেশিরভাগ সংস্থাগুলি তাদের কমপক্ষে কিছু স্ট্যাকের জন্য সীমিত পরিবর্তন সম্ভাবনা সহ অফ-দ্য শেল্ফ সফ্টওয়্যার ব্যবহার করে এবং প্রায়শই একটি নির্দিষ্ট স্টাইলশিট ফিট করার জন্য তাদের এইচটিএমএল আউটপুট পরিবর্তন করা খুব শক্ত (বা এমনকি এটি অসম্ভব) সিএসএস পুনরায় লেখার চেয়ে কিছু মালিকানা প্যাকেজ)। অতিরিক্তভাবে, স্টাইলশিটগুলির এক ডজন সেট বজায় রাখার প্রচেষ্টাটি প্রায়শই হ্রাস করা হয় এবং কিছু ছোটখাটো পার্থক্য এবং তর্কগুলি গ্রহণযোগ্য বলে মনে করা হয়।
যদিও এটি খুব পুরানো প্রশ্নোত্তর, তবুও আমি এটিতে মন্তব্য করার প্রয়োজন এবং দায়িত্ব অনুভব করি।
হ্যাঁ, সিএসএসের আগে এইচটিএমএল লেখা উচিত ...
আপনি পৃষ্ঠায় সমস্ত এইচটিএমএল লিখবেন না এবং তারপরে সিএসএস লিখতে ফিরে যান। এটি যথাযথ ব্যবধান এবং মন্তব্য সহ এমনকি বিভাগগুলি তৈরি করার সাথে সাথে বিভাগগুলি স্পষ্টভাবে মনে রাখা একেবারে কঠিন করে তুলবে।
আপনি স্তরগুলিতে একটি ওয়েবসাইট তৈরি করেন, যেন আপনি বহু-স্তরযুক্ত কেক তৈরি করছেন।
1 ম স্তর - প্রথমে আপনি নূন্যতম উচ্চতা এবং প্রস্থ CSS এর সাথে বেসটি ধারক ডিভিও তৈরি করুন।
২ য় স্তর - তারপরে আপনি পরবর্তী স্তরটি তৈরি করুন, পৃষ্ঠার বৃহত বিভাগগুলি (ডিভগুলি এবং কাঠামোর জন্য স্টাইলিং) যেমন সারি বা বিভাগগুলি কলামগুলির মতো দেখায়।
3 য় স্তর এবং এর বাইরে - তারপরে আপনি বিভাগগুলির দ্বিতীয় স্তরের মধ্যে যুক্ত করা চালিয়ে যান।
এইভাবে, আপনি কিছু HTML লিখুন, তারপরে কাঠামোর জন্য সিএসএস দিয়ে স্টাইল করুন, ধুয়ে ফেলুন এবং পুনরাবৃত্তি করুন repeat আমার অভিজ্ঞতায়, ওয়েব পৃষ্ঠাগুলি তৈরির এটি অনেক বেশি কার্যকর উপায় এবং আমার মতে প্রথমে সমস্ত HTML এর বিকল্পের চেয়ে অনেক দ্রুত।
সবশেষে, আপনার সমস্ত উপাদানগুলির একটি রূপরেখা পেতে " * {রূপরেখা: 1px ডটেড লাল} " ব্যবহার করে দেখুন, আপনি স্টাইলিং সহ আপনার পৃষ্ঠায় যুক্ত করার সাথে সাথে আপনি তাদের রূপরেখাটি দেখতে পাবেন এবং এটি যতক্ষণ মনে হচ্ছে তা অনুমান করার বিষয়ে চিন্তা করার দরকার নেই আপনি আপনার পটভূমি রঙ যুক্ত করুন। আমি এই নির্দিষ্ট ব্যবহারের ক্ষেত্রে সীমানা এড়িয়ে চলেছি কারণ সীমানা উপাদানগুলিতে পিক্সেল যুক্ত করে, রূপরেখাটি একটি ওভারলে।
চেষ্টা করে দেখুন, ধন্যবাদ!
আমি বিশ্বাস করি যে ওয়েবসাইটগুলির কাঠামোর (এইচটিএমএল) সাথে কাজ করার ফলে প্রথমে আরও তাত্পর্য তৈরি হয় কারণ আপনার ওয়েবসাইটগুলির স্টাইলিং এবং ফর্ম্যাট করার ক্ষেত্রে এটির জন্য উপাদানগুলির একটি ধারণা এবং সেখানে নামগুলি থাকতে পারে।
এটি আপনার আসল ভূমিকা এবং বিকাশের প্রাথমিক লক্ষ্যের উপর নির্ভর করে। যদি কোনও ওয়েব পৃষ্ঠায় প্রসারিত কীতে কী দেখানো উচিত তা যদি লক্ষ্য নির্ধারণ করা হয় তবে এইচটিএমএল দিয়ে শুরু করা উচিত। লক্ষ্যটি যদি একটি মনোরম এবং অভিন্ন ডিজাইন তৈরি করা হয় তবে সিএসএস দিয়ে শুরু করা যেতে পারে। উভয় ক্ষেত্রেই প্রথমে কাগজ এবং পেন্সিল দিয়ে আরও ভাল শুরু করা যেতে পারে এবং যদি বর্তমান লক্ষ্যটি একটি ওয়েব অ্যাপ্লিকেশন বিকাশ করা হয় তবে এইচটিএমএল বা সিএসএস দিয়ে মোটেই শুরু করা উচিত নয়। সর্বোত্তম অনুশীলন হ'ল প্রথমে আপনি কী বিকাশ করতে চান তা নিয়ে চিন্তা করা এবং তারপরে টাস্কটিকে লক্ষ্য এবং উপ-লক্ষ্যগুলিতে ভাগ করে কেবল সবকিছু একসাথে হ্যাক করার পরিবর্তে।
এটি কীভাবে সজ্জিত করা হবে তার একটি ধারণার সাথে ঘর (গ্রিড লেআউট) ডিজাইন করুন; গ্রিড দিয়ে ঘর (এইচটিএমএল) তৈরি করুন; তারপরে এটি সাজান (সিএসএস স্টাইল শীট)।
আপনি প্রথম বাড়িটি তৈরি করার পরে (এইচটিএমএল পৃষ্ঠা), আপনি যেমন যান ঠিক একই ডেকোরেশন (সিএসএস স্টাইল শীট) প্রয়োগ করতে পারেন। আপনি পাশাপাশি যেতে সজ্জা ঝাঁকুনি করতে পারেন।
শেষ পর্যন্ত, আপনি পুনরায় সাজানো (সিএসএস শৈলীর শীটটি আবার করতে) করতে পারেন।
আপনি শেখার এবং গড়ার জন্য খুব খারাপ ফ্রেমিং বেছে নিয়েছেন।
এখানে দুটি অर्थোগোনাল সমস্যা রয়েছে।
এগুলি দুটি খুব আলাদা কাজ যা করতে পারে (এবং প্রায়শই হয়) বিভিন্ন সম্ভাব্য বিরোধী পদ্ধতির প্রয়োজন।
আপনি যদি কোনও প্রকল্পের দক্ষতা, প্রযুক্তিগুলি এবং প্রয়োজনীয়তার সাথে পরিচিত হন তবে কোনও কোনও কোনও সাইটের প্রয়োজন সম্পর্কে আলোচনা শুরু করে এবং ডিজাইনের অনুশীলনগুলি অনুসরণ করে এটি কী তা বাস্তবায়িত করা প্রয়োজন তা নির্ধারণ করার জন্য। এর প্রায়শই চিহ্নিত করা হয় মার্কআপস এবং ডিজাইন স্টাফ, যা প্রায়শই এইচটিএমএল বা সিএসএসের সাথে কিছুই করার থাকে না (যদিও কিছু মানুষ এইচটিএমএল এবং সিএসএস দিয়ে মকআপ করেন)।
আপনি যদি কোনও সাইট কীভাবে তৈরি করবেন তা শেখার চেষ্টা করছেন, পাশাপাশি একটি সাইট তৈরি করার সময়, অনুসন্ধান এবং শেখার একটি প্রক্রিয়া রয়েছে যা আপনাকে তৈরি করা এমনকি কী কী সম্ভব তা জানার আগে আপনাকে অবশ্যই জড়িত থাকতে হবে।
এটি একটি মডুলার এবং পুনরাবৃত্ত নকশা এবং বিল্ড কৌশল জনপ্রিয় হয়েছে। আপনি যখন আপনার শেষ পণ্যটি কোথায় নিয়ে যাচ্ছেন তা অগত্যা জানেন না (কারণ কী কী সম্ভব তা আপনি জানেন না), আপনি কার্যকারিতার ছোট ছোট অংশ তৈরি করেন, এটি আপনার প্রয়োজনীয়তা পূরণ করে কিনা তা নিয়ে পরীক্ষা-নিরীক্ষা করেন এবং তারপরে সেই ছোট্ট পরীক্ষাটি অন্তর্ভুক্ত করেন বৃহত্তর পুরো।
সুতরাং, কংক্রিট পদার্থে এর অর্থ কী? কোনও সাইট তৈরি করা বাড়ি তৈরির মতো হতে পারে, যেখানে আপনি স্থাপত্য পরিকল্পনাগুলি (নকশা মকআপস) আঁকেন এবং তারপরে আপনার বাড়িটি উঠে আপনার নান্দনিক প্রয়োজনগুলি পূরণ করবে কিনা তা গণনার জন্য ইঞ্জিনিয়ারিং করা শুরু করুন। তবে একটি সাইট তৈরি করা (এবং প্রায়শই হওয়া উচিত) আরও অনেকগুলি ছোট ছোট পরীক্ষা-নিরীক্ষা তৈরির মতো দেখতে এবং আপনার মূল ধারণার সাথে মেলে এমন কোনও পণ্য পৌঁছানোর জন্য ধাপে ধাপে ধাপে নেওয়া যেতে পারে।
খুব ব্যবহারিক বিষয় হিসাবে, প্রায় প্রত্যেকে একই সময়ে তাদের এইচটিএমএল এবং তাদের সিএসএস উভয়কেই ফিট করে।
এটি কোনও সফ্টওয়্যার ডেভলপমেন্ট প্রজেক্টের সাধারণ সমস্যা এবং এটি যেমন র্যাপিড প্রোটোটাইপিং, ডিএসডিএম এর মতো কোনও ধারণা ব্যবহার করে আপনি উপকৃত হতে পারেন। যে কোনও শৈলীর সাথে সম্মিলনযোগ্য যেমন চতুর (চরম প্রোগ্রামিং বা ফিচার ড্রাইভড ডিজাইন (আমার প্রিয়))। আপনি যে সাধারণ নীতিগুলি শুরুতে স্থির করেন সেগুলির মুখোমুখি হয়ে আপনি স্থির করে নিন এবং তাদের সাথে আটকে থাকুন (KISS, YAGNI)।
আমার জন্য এটি হ'ল: - চাহিদার একটি কার্যকরী ব্লককে আচ্ছাদন করে প্রথমে একটি মৌলিক কার্যকরী 'প্রোটোটাইপ' তৈরি করুন, 'এটি ভাল হতে পারে' / 'এগুলি পরবর্তীতে' ওবিআইওএস না হলে আমাকে 'পরে এগুলি পুনরায় ব্যবহার করতে হবে need নিজেকে বলুন, আপনার প্রয়োজন হবে না! (YAGNI)। - আপনি 'কোডিং কনভেনশন' হিসাবে যে সিদ্ধান্ত নেবেন সেগুলি লিখে রাখুন এবং তাদের পিছু পিছু পিএইচপি ট্যাগগুলি: আমি সংক্ষিপ্তগুলি ব্যবহার করি কারণ আমার দৃশ্যের যুক্তির জন্য .. প্রয়োগ হয় এবং হয় না ... - বেসিক স্টাইলিং যুক্ত করুন তবে নিজেকে আবার সীমাবদ্ধ করুন।
তারপরে আপনার কোডটি প্রসারিত করুন যতক্ষণ না আপনি কোনও উচ্চ-স্তরের প্রোটোটাইপ না পৌঁছান যা আরও কার্যকরী ব্লকগুলিকে আবরণ করে। এটির সাথে সামঞ্জস্য রেখে আপনার সিএসএস মডেলটিকে বাড়িয়ে তুলুন। আপনি ইতিমধ্যে যে সমস্ত সিদ্ধান্তের প্রভাব ফেলেছেন তার মুখোমুখি হওয়ার সাথে সাথে এটি পড়ুন, সিদ্ধান্ত নিন এবং কেন আপনি বাম বা ডান হয়ে গেছেন তা আপনার কোডিং কনভেনশনগুলিতে লিখুন।
আরও পরিপক্ক এবং চূড়ান্ত পণ্যের দিকে আপনার পথ 'বৃত্ত' করুন।
আপনি যে বড় বড় সিদ্ধান্তের মুখোমুখি হতে পারেন সে সম্পর্কে ভয় পাবেন না, কারণ সেগুলি নিয়ে উদ্বিগ্ন হওয়ার কারণে রাস্তাটি ঠিক করার চেয়ে বেশি সময় দিতে পারে। এছাড়াও, ইন্টারনেট সম্প্রদায়টি আপনার কাঁধের উপর ঝাঁকুনি দিয়ে তাকানোর বিষয়ে চিন্তা করবেন না, শেষ পর্যন্ত যখন আপনার এমন একটি পণ্য তৈরি হয় যা কাজ করে, আপনি অনেক কিছু শিখেছিলেন এবং খারাপ উত্স কোডের কল্পনাপ্রসূত বিচারক আরও সন্তুষ্ট হতে চলেছেন পরের জিনিসটি আপনি নির্মাণ করুন (এখানে পুনরাবৃত্তিটি লক্ষ্য করুন)।
শুধু আমার 50cts
আপনি কোনও বাড়ির সাথে কোনও ওয়েব পৃষ্ঠার তুলনা করার সময়:
এইচটিএমএল = ভিত্তি / ঘর সিএসএস = দেয়াল / ব্লুপ্রিন্ট / ওয়ালপেপার
আপনি যে ভিত্তি স্থাপন করেছেন সেগুলি তৈরি না করা পর্যন্ত আপনি মধ্য বায়ুতে প্রাচীরগুলি কীভাবে ভাসাবেন? আপনি কীভাবে আপনার পৃষ্ঠায় স্টাইল করতে সিএসএস লিখতে পারেন যতক্ষণ না আপনার এইচটিএমএল ট্যাগ লেখা থাকে যে আপনি শৈলীগুলিতে প্রয়োগ করছেন।
সিএসএসের প্রতিটি অংশ নির্দিষ্ট এইচটিএমএল ট্যাগকে স্টাইল করছে। এই ট্যাগগুলি স্টাইল করতে সক্ষম হওয়ার জন্য তাদের উপস্থিত থাকা প্রয়োজন। আপনার যদি স্টাইলের মতো এইচটিএমএল না থাকে তবে সিএসএস ফাইলটি খালি খালি হওয়া উচিত কারণ এতে কোনও স্টাইল অপ্রয়োজনীয় কারণ তারা আসলে কোনও কিছু স্টাইল করে না।