কোনও ওয়েবসাইট ডিজাইন করার সময়, আপনি সাধারণত কীভাবে শুরু করবেন?


26

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

সাধারণত, আপনি কোন ওয়েবসাইটটি শুরু করতে কোন প্রক্রিয়া ব্যবহার করেন? আপনি কি কাগজে লেআউট অঙ্কন করেন এবং তারপরে কোডটি করেন? বা আপনি কি কোডিং শুরু করেন এবং আউটপুটটিকে নিজের পছন্দ অনুসারে টুইট করেন?


সম্প্রদায় উইকি মেড যেহেতু কোন সঠিক উত্তর নেই
জন Conde

উত্তর:


17

আমার প্রক্রিয়াটি সাধারণত কিছুটা এ জাতীয় দেখাচ্ছে:

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

2. ওয়্যারফ্রেম । সমস্ত প্রয়োজনীয় বৈশিষ্ট্যগুলি ছড়িয়ে দেওয়া সহ, একটি ওয়্যারফ্রেম তৈরি করুন। হয় কাগজে অথবা আতশবাজি জাতীয় সরঞ্জাম যা আপনাকে খুব সহজ নেভিগেশনাল কার্যকারিতা তৈরি করতে দেয়। আপনি যদি ওয়ার্ডপ্রেসের মতো কোনও সিএমএস নিয়ে কাজ করছেন তবে আপনার স্থির সামগ্রীটি কীভাবে পরিচালনা করা হবে? ফাইল কাঠামো সম্পর্কে চিন্তাভাবনা শুরু করার জন্য এটি একটি ভাল সময়ও হতে পারে। আপনার প্রকল্পের যদি কাস্টম ডাটাবেসের প্রয়োজন হয় তবে এখন এটির নকশা এবং বাস্তবায়নের পরিকল্পনা শুরু করারও সময় এসেছে। এটি একটি সমালোচনামূলক পর্যায়ে, যেহেতু স্মার্ট পরিকল্পনা অনেকগুলি ব্যাকট্র্যাকিং এবং পুনরায় কাজ করা বাঁচাতে পারে, ত্রুটিগুলি হওয়া উচিত, বা প্রকল্পের ক্রাইপ ঘটে।

3. প্রযুক্তি । একবার পরিকল্পনার পর্যায়টি তুলনামূলকভাবে শেষ হয়ে গেলে - আপনার প্রযুক্তিগুলি বেছে নিন। আপনি কি সরাসরি এইচটিএমএল করছেন? একটি প্রদীপ পরিবেশে একটি পিএইচপি সেন্টিমিটার? । নেট এমভিসি স্টোরফ্রন্ট? এই প্রশ্নগুলি হোস্টিংয়ের পরিবেশের প্রয়োজনীয়তার পাশাপাশি জিনিসটি চালাতে ব্যয় করতে পারে। আপনি যদি স্টোরফ্রন্ট করছেন, সুরক্ষা এখানে প্রাথমিক উদ্বেগ (উদাহরণস্বরূপ SSLs এবং PCI সম্মতি)। আপনার দুর্দান্ত পরীক্ষার পরিবেশ (লোকালহোস্ট বা অন্যথায়) প্রতিষ্ঠিত হয়েছে তা নিশ্চিত করুন।

4. নকশা / লেআউট । যখন আপনার বৈশিষ্ট্য তালিকা এবং ওয়্যারফ্রেমটি বেশ ভালভাবে নির্ধারিত হয়, আপনি সাইটের নকশা সম্পর্কে চিন্তাভাবনা শুরু করতে পারেন। পৃষ্ঠাগুলি কী পূরণ করতে চলেছে তা জেনে রাখা স্পষ্টতই একটি পূর্ব-প্রয়োজনীয়তা। আমি ফটোশপটিতে কাজ করতে এবং আপনার মার্কআপ কাঠামোর অ্যানালগ হিসাবে ফোল্ডারগুলির ভারী ব্যবহার করতে চাই। অভিযুক্ত মার্কআপ এবং সিএসএস শনাক্তকারীদের সাথে তাদের নামকরণের জন্য আমি এতদূর এগিয়ে চলেছি। যদিও আপনি সত্যিই বিশদ হওয়ার আগে কিছু ফ্রি ফর্ম অঙ্কন করা সম্ভবত বুদ্ধিমানের কাজ। আমি "লেআউট" ফাইলগুলি ব্যবহার করার প্রবণতা রাখি যা থেকে আমি উপাদানগুলি টানব এবং "প্রক্রিয়া" ফাইলগুলিতে রাখব - যে ফাইলগুলি আমি উত্পাদন গ্রাফিকগুলি আউটপুট ব্যবহার করি।

5. মার্কআপ / সিএসএস । একবার একটি সুন্দর পরিচ্ছন্ন নকশা তৈরি হয়ে গেলে (আপনি উত্পাদন মোডে যাওয়ার সাথে সাথে এটি অবশ্যই কিছুটা নমনীয় হবে) আপনি মার্কআপ লেখা শুরু করতে পারেন। আমি সাধারণত একটি স্ট্যান্ডার্ড লেআউট রাখতে চাই যা সাইটের সমস্ত বিষয়বস্তুকে সংযুক্ত করে। সুতরাং - পরিষ্কার এবং নমনীয় এখানে মূল পয়েন্ট হওয়া উচিত। আপনি সিএসএস লেখা শুরু করার আগে লেআউট মার্কআপ মোটামুটি সম্পূর্ণ হওয়া উচিত, তবে আমি দেখতে পেয়েছি যে তারা প্রত্যেককে জানাতে অনেক কিছু করে। আপনি এই পর্যায়ে অনেকগুলি এসইও অপ্টিমাইজেশনও করতে পারবেন (চিত্রের যথাযথ নামকরণ বা কোনও ট্যাগ, মেটা সম্পর্কিত তথ্য, ডক্টাইপস ইত্যাদি ...) পুরোপুরি হয়ে যান।

5.1 থিম পরিচালনা । আপনি যদি কোনও সিএমএস নিয়ে কাজ করছেন, এবং আপনার ডিজাইনটি কাস্টমাইজড থিম হিসাবে নিযুক্ত করা হবে, আপনার উদ্দেশ্যযুক্ত অ্যাপ্লিকেশনটির জন্য এটি কীভাবে করা যায় সে সম্পর্কে কিছু টিউটোরিয়াল সন্ধান করুন। এটি স্পষ্টতই উদ্বেগজনক হতে পারে;) আমি সর্বদা থিমের উপাদানগুলিতে কাটার আগে মোটামুটি সম্পূর্ণ সিএসএস সহ একটি স্ট্যাটিক মার্কআপ লেআউটটি তৈরি করব।

6. আচরণ । যখন আপনার মার্কআপ এবং সিএসএস দেখতে বেশ সম্পূর্ণ দেখা যাচ্ছে এবং আপনার থিমটি সম্ভবত রয়েছে তখন আপনি আচরণগুলি (রোলওভারগুলি ইত্যাদির বিকাশ শুরু করতে পারেন) আপত্তিজনক জাভাস্ক্রিপ্টটি গুরুত্বপূর্ণ, যদি না আপনি এমন বৈশিষ্ট্যগুলি ব্যবহার করেন যা একেবারে প্রয়োজন (একটি এজাক্স-ভারী) গ্যালারী, বা ডেটা চালিত ফ্ল্যাশ সামগ্রী)। সাধারণ নিয়মটি হ'ল - যদি কেউ জাভাস্ক্রিপ্ট বন্ধ করে আপনার সাইটটিতে যান তবে তারা কী দেখতে পাবে? আমি মাঝে মাঝে স্থিতিশীল উপাদানগুলি সরান এবং তারপরে রানটাইমের সময় ইন্টারেক্টিভ সংস্করণগুলি দিয়ে প্রতিস্থাপন করি।

7. বিষয়বস্তু । নকশাটি সামগ্রীর উপর নির্ভর না করা (চিত্রগুলি মাঝে মাঝে সামগ্রী হিসাবে থাকে) উদাহরণস্বরূপ = ডিজাইন এবং আচরণটি বেশ ভাল প্রতিষ্ঠিত না হওয়া পর্যন্ত আমি সাধারণত স্থানধারক পাঠ্য / গ্রাফিক্স ব্যবহার করি। একাধিকবার কাজ করা থেকে বিরত থাকুন। আপনি যদি পণ্যের ডেটা পূরণ করছেন তবে সাবধানতার সাথে ত্রুটি পরীক্ষা করা এবং পরীক্ষার প্রয়োজন হবে।

এই মুহুর্তে, সবসময় মনে হয় পুনর্নির্মাণ এবং ফিক্সিং এবং পোলিশ করার একটি সময়কাল। তবে, মূলত এটি লাইভ করার সময়। তারপরে নাস্তা খেয়ে যাও।

হুম। আমার ধারণা, "কীভাবে শুরু করব" তার চেয়েও বেশি কিছু। তবে সম্ভবত এটি যেভাবেই সহায়তা করে। শুভকামনা!


অবশেষে, একটি সুন্দর উত্তর
জন কনডে

ভাল বলেছেন ... +1
জেরেমি

6

ওয়েবসাইট ডিজাইন করার সময় আমি কেন জিজ্ঞাসা করে শুরু করি?

আমার কর্মপ্রবাহের প্রথম অংশটি কেন জিজ্ঞাসা করছে? আমি যদি কোনও ক্লায়েন্টের সাথে কাজ করছি তবে আমার নিশ্চিত হওয়া উচিত যে তারা ওয়েবসাইটটি কী করতে চায় তার একটি সুস্পষ্ট সংজ্ঞাযুক্ত দৃষ্টি রয়েছে।

1. প্রশ্ন কেন।

  • আমাকে নিজের সম্পর্কে এবং আপনি কেন এটি করছেন তা সম্পর্কে কিছুটা বলুন।

  • গ্রাহকরা কারা? তাদের নির্দিষ্ট প্রয়োজন / ব্যথা কী? দয়া করে আমাকে সরবরাহ করতে সক্ষম হোন - বিভিন্ন ধরণের গ্রাহকদের কয়েকটি নির্দিষ্ট উদাহরণ সহ, তাদের কী প্রয়োজন, ওয়েবসাইট তাদের জন্য কী করবে।

  • ব্যবসায় সম্পর্কে বলুন। আপনি ঠিক কি এটি কি?

  • আপনাকে পরের লোকটির চেয়ে ভাল কি করে তোলে?

  • যদি আপনি সেই পরিষেবাটি অনুসন্ধান করে যা আপনার ব্যবসা সরবরাহ করে তবে আপনি এটি খুঁজে পেতে গুগলে কী টাইপ করবেন?

যদি আপনার নিজের জন্য সাইটটি তৈরি করা হয় তবে এই উত্তরগুলি কী তা আপনি ইতিমধ্যে ভালভাবে জেনে নিতে পারেন।

যদি আপনি উপরের প্রশ্নের উত্তরের ভিত্তিতে নির্ধারণ করেন যে এই লোকেরা গুরুতর এবং আসলে তাদের ভাল ধারণা রয়েছে। তারপরে এগিয়ে যান (মনে রাখবেন আপনি এখনও বেতন পাচ্ছেন না তবে আপনি যদি চান যে তারা আপনাকে নিয়োগ দেয় তবে তাদের মোজা ভাল করে ফেলে দিন))

2. গবেষণা।

ক্লায়েন্ট এবং তার ব্যবসায় নিয়ে গবেষণা করতে কিছু সময় ব্যয় করুন। তাদের অতীতের সাফল্য এবং তাদের যে কোনও সমস্যা হয়েছে তা সন্ধান করুন। আপনি যে 3 য় বিকাশকারীকে নিযুক্ত করেছেন তারা কি? অন্য 2 ছেলের কি হল?

গ্রাহকের কী প্রয়োজন তা সন্ধান করুন। আপনি এই সাইটটি কার জন্য তৈরি করবেন। গ্রাহক কি 60 বছর বয়সী অবসরপ্রাপ্ত প্রবীণ বা একটি 16 বছরের পিম্পলের মুখোমুখি বাচ্চা যিনি সারা দিন ফেসবুকে ফার্মভিল খেলেন।

প্রতিযোগীরা কারা তা খুঁজে বের করুন। তারা হয়ত জানে না। 5 থেকে 10 প্রতিযোগীদের একটি প্রতিযোগিতামূলক বিশ্লেষণ করুন এবং সর্পগুলিতে লাথি মারার জন্য আমাদের গাধা কারটি খুঁজে বের করুন। মূল শব্দটির লক্ষ্যগুলি কী তা আপনার জানা দরকার This কোনও পরে এবং আপনার ইতিমধ্যে ব্যর্থ।

2 বি প্রস্তাব

তাদের ব্যবসায় সম্পর্কে আপনার জ্ঞান দিয়ে তাদেরকে উড়িয়ে দিন এবং একটি ওয়েবসাইট চুক্তি / প্রস্তাব নিয়ে আসুন এবং তারা চুক্তি হওয়ার পরে আপনার চুক্তির সাথে প্রস্তুত হন। স্বাক্ষরিত চুক্তি এবং একটি 50% আমানত পান তারপর 3 ধাপে এগিয়ে যান।

3. মিশন - একটি আছে

এখানে একটি সাধারণ থিম রয়েছে: এই সমস্ত ক্ষেত্রে মিশনটি পণ্যটির মতো নয়। মিশনটি "ন্যায্য" এমন একটি বিষয় যা আপনি যদি সত্যিই গুরুতর হন তবে প্রয়োজনীয় পণ্যটি পুরোপুরি আশ্চর্য হয়ে যায়, তাই আপনি এটি ঘটান। আপনি যদি পছন্দ করেন: এই মিশনগুলির সমস্ত উত্তর, আমরা কেন কেবল নতুন বৈশিষ্ট্যটি যুক্ত করেছি ?, না, আমরা কোন নতুন বৈশিষ্ট্য যুক্ত করছি? - বেনিয়ামিন পোল্যাক

সময়রেখাটি প্রতিষ্ঠিত হওয়া দরকার যাতে প্রত্যেকের দৃষ্টিকোণে তাদের প্রত্যাশা থাকে।

4. কর্মপ্রবাহ

এখানেই বেশিরভাগ লোকেরা শুরু করেন তাই আমি আমার প্রক্রিয়াটি ব্যাখ্যা করব তবে আপনার পরিস্থিতি, দল, ক্লায়েন্ট ইত্যাদির জন্য কোন কর্মপ্রবাহটি সবচেয়ে ভাল তা আপনাকে সিদ্ধান্ত নিতে হবে

  1. আমার জন্য কন্টেন্টটি প্রথম আসে। আমি নিশ্চিত হয়েছি যে কোনও কোড লেখার আগে ক্লায়েন্টটির বেশিরভাগ অংশ এটি সম্পন্ন হয়েছে। আমরা চূড়ান্ত খসড়া প্রুফ সম্পাদনা বলছি না তবে পৃষ্ঠাগুলিতে থাকা পাঠ্যের শব্দ কমবেশি হবে। যদি কোনও বিপণন দল জড়িত থাকে তবে এটি কিছুটা সময় নিতে পারে।

  2. সাইটটি কেমন হবে সে সম্পর্কে আপনার ইতিমধ্যে ধারণা থাকা উচিত। আপনার বিষয়বস্তু থাকা উচিত। এখন আপনার লেআউট এবং সাধারণ নকশার নীতিগুলিতে কাজ করা দরকার যা 3 য় ধাপে আপনি যে লক্ষ্যটি নিয়ে এসেছিলেন তা অর্জন করবে।

    আমি তারের ফ্রেমগুলিকে ঘৃণা করি তবে বুঝতে পারি যে সেগুলি প্রয়োজনীয়। আপনার ক্লায়েন্টের মতো সাইটটি কেমন দেখাচ্ছে তা আপনি কেবল জানেন। এটি আপনার সুরক্ষা এবং ক্লায়েন্টদের জন্য। যখন সকলেই খুশি হন তখন তাদের এমন কিছুতে সাইন আপ করুন যা বলে যে "এটি আমরা আপনাকে নির্মাণের জন্য প্রদান করছি" says

  3. সামনের বিকাশ এবং ইউআই - এইচটিএমএল, সিএসএস এবং ব্রাউজারে ডিজাইনিং , অ্যান্ডি ক্লার্কের হার্ডবাইলড কৌশল। আমি ফটোশপে এতটা সময় নষ্ট করে ক্লান্ত হয়ে পড়ে যখন জানি যে আরও বাস্তবসম্মত দ্রুত মকআপটি প্রদর্শন করতে পারে যা আমাকে বিকাশের একটি সূচনাও দেয়।

4b। কোডবেস

আপনি শেষ পর্যন্ত কিছু মজা পেতে পারেন। আপনার এবং ক্লায়েন্টদের সুবিধার জন্য আপনি শুরু করার আগে ভার্সন নিয়ন্ত্রণ স্থাপন করুন । যেহেতু আপনার সংস্করণটি নিয়ন্ত্রণ করছে আপনার এগিয়ে যাওয়া উচিত এবং আপনার এটির সময় বাগ ট্র্যাকিং সেট আপ করা উচিত ।

4c। কপি সম্পাদনা

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

৫. বিটা এবং ইউআই টেস্টিং

আপনার সাইটের সামনে বসতে এবং এটি ব্যবহার শুরু করার জন্য কিছু বাস্তব জীবিত শ্বাস প্রশ্বাসের মানুষ পান। আমি আমার মাকে তালিকাভুক্ত করতে চাই যারা মাঝে মাঝে কল করে এবং তার মুদ্রক কেন মুদ্রণ করবে না তা জানতে চায় (প্লাগ মা, এটি প্রথমে প্লাগ ইন করতে হবে)। অবশ্যই এই ধরণের ব্যবহারকারীদের উপরে 16 বছরের পুরানো পিম্পলযুক্ত বাচ্চার উদাহরণ ব্যবহার করা না হলে আপনার সাইটটি নেভিগেট করতে সক্ষম হওয়া দরকার।

Main. রক্ষণাবেক্ষণ এবং এসইও পরিকল্পনা

নিশ্চিত হয়ে নিন যে সকলেই জানেন যে সার্ভার পশুর বিরুদ্ধে লড়াইয়ের দায়িত্বে কে ।

একমাসে আমরা যে প্রতিযোগিতামূলক বিশ্লেষণ করেছি তা আবার উল্লেখ করুন এবং আমাদের সাইটটিকে আমরা যে বিশ্লেষণ করেছি তার সাথে তুলনা করি। আপনার এসইও পরিকল্পনা তৈরি করতে এই ডেটা ব্যবহার করুন এবং আমি সাপ তেলের এসইওয়ের বিষয়ে কথা বলছি না , আমি আপনার এখনও সম্পর্কিত সম্পর্কিত সামগ্রী তৈরি করার বিষয়টি নিশ্চিত করার বিষয়ে কথা বলছি, সাইটগুলি প্রাকৃতিকভাবে আপনার সাথে লিঙ্ক করছে (কারণ আপনার দুর্দান্ত তাই) এবং আপনার শিরোনাম ট্যাগগুলি বডি টেক্সট মেলে। আপনার স্ট্যাক ওভারফ্লো না হওয়া পর্যন্ত SEO একটি দীর্ঘ প্রক্রিয়া এবং আপনার জন্য মানের সামগ্রী তৈরি করতে 14.1 মিলিয়ন ব্যবহারকারীদের একটি সেনা রয়েছে।

মানের বিষয়বস্তু এবং আপনি "হাইফেনেটেড সাইট" এ খুঁজে পাওয়া স্টাফের মধ্যে একটি বড় পার্থক্য রয়েছে, যা আমি লিঙ্ক করব না। (নো-ফলোয়ার রসগুলিতে এমনকি ফোঁটা হওয়া থেকে রোধ করতে)।

7. লঞ্চ

সবকিছু সচল? দারুণভাবে গড়ার মিশনটি কী অর্জন করা হয়েছিল? একটি লঞ্চ পরিকল্পনা আছে এবং এটি কার্যকর।

আপনি যদি 1 - 6 ধাপে ঠিকঠাক সবকিছু করেন তবে আপনার প্রবর্তনটি হাওয়া হরতাল হবে যা আপনার সমস্যা হতে পারে । কেবল তাদের জন্য প্রস্তুত থাকুন এবং কোনও ত্রুটি সংশোধন করুন।

চালানটি প্রেরণ করুন, ধুয়ে ফেলুন এবং পুনরাবৃত্তি করুন।


1
দুর্দান্ত উত্তর। আমার একমাত্র ইস্যু কর্মপ্রবাহ এলাকায় হতে পারে: পুলিশের কেবলমাত্র বিবেচনা করা "ভাল চর্চা" করা যেতে পারে - যা মহান, আপনি যদি হয় ভাল চর্চা এবং একটি squeaky পরিষ্কার প্রক্রিয়া আছে। যদি আপনি কেবল শুরু করছেন, যেমন ওপি সূচিত করে মনে হচ্ছে, ওয়্যারফ্রেমস এবং পুঙ্খানুপুঙ্খ মকআপের মতো জিনিস ব্যবহার করা সম্ভবত বুদ্ধিমানের কাজ। অন্য কথায় - একা মার্কআপের সাথে ডিজাইনিং করা আমার পক্ষে মনে হয়, বেশ অবাস্তব এবং যিনি এখনও একজন শিক্ষানবিস তাকে বাধ্য করেন const যে কোনও হারে - আমি ল্যান্ডস্কেপ মূল্যায়ন এবং ক্লায়েন্টের যা কিছু প্রত্যাশা থাকতে পারে তা সত্যিই ছাপিয়ে যাওয়ার মনোযোগের প্রশংসা করেছি। চিয়ার্স!
বসওয়ার্থ 99

1
ভাল পয়েন্ট এবং আমি একমত যে তারের ফ্রেম প্রয়োজন হয়। ত্রুটিটি হ'ল এটি সত্য যে খুব ক্লায়েন্টদের পক্ষে এটি বুঝতে খুব বোঝা যায় যে এটি কেবল একটি খুব প্রাথমিক কাঠামোর প্রতিনিধিত্ব করে। মূলটি হ'ল তাদের আদিম রাখুন এবং তাই নকশা, রঙ বা টাইপোগ্রাফি চালু করা হয়নি কারণ তখন সেই জিনিসগুলি নিয়ে কথা বলার সময় নেই।
ক্রিস_ও

আমি এখনও মনে করি যে কোনও ক্ষেত্রেই ব্রাউজারে ডিজাইন করা সেরা অনুশীলন। অ্যান্ডি ক্লার্ক তার ওয়ালস টাম্বলিং ডাউন উপস্থাপনায় মামলার বিষয়টি খুব ভালভাবে যুক্তি দিয়েছিলেন ।
ক্রিস_ও

ক্লায়েন্ট এবং ওয়্যারফ্রেমগুলি সম্পর্কে +1 ... আকর্ষণীয় উপস্থাপনা। আমি অভিযোজিত ডিজাইনগুলির বিষয়ে এবং "পিক্সেল নিখুঁত" না হওয়ার বিষয়ে সম্পূর্ণরূপে একমত - ব্রাউজারগুলি সহজ আপনার সিএসএসকে চারপাশে ঠেলে দেবে এবং ঠিক আছে - নমনীয়তার জন্য কী সরবরাহ করা উচিত। যে হচ্ছে বললেন, এবং হয়ত তার ঠিক পুরাতন অভ্যাস, কিন্তু আমি এখনও থেকে "অন্তত" মত আউট রুক্ষ pshop একটি ডিজাইন -
Bosworth99

2

আমি শুরু করতে চাই <!DOCTYPE html>

গুরুতরভাবে যদিও ... প্রথম অগ্রাধিকার:

  1. ক্লায়েন্ট কী চায় তা সন্ধান করুন। বেসিক লেআউটের জন্য মোটামুটি স্কেচ আঁকুন, ডাব্লু / কালার স্কিম ইত্যাদি আসুন
  2. একটি মৌলিক নেভিগেশন এবং লেআউট মক আপ (স্থির) করুন এবং ক্লায়েন্টের সাথে এটি পরিমার্জন করার জন্য কাজ করুন।
  3. আসল উত্পাদন। জায়গায় সিএমএস এবং / অথবা স্থির সামগ্রী পান। তারা যা খুঁজছেন তা এটি নিশ্চিত করতে আবার ক্লায়েন্টের সাথে যোগাযোগ করুন এবং তারা সিএমএস / সিএমএস তাদের প্রয়োজনীয়তা পরিচালনা করতে পারে তা পরিচালনা করতে পারে।
  4. ক্লায়েন্ট খুশি না হওয়া পর্যন্ত 3 কে পরিমার্জন ও পুনরাবৃত্তি করুন।
  5. ????
  6. লাভ!

0

সবার আগে আমি বেসিক লেআউটটি আঁকতাম এবং কোডিং শুরু করার আগে কাগজে এটি নকশা করতাম। কাগজে বেসিক নকশা শেষ করার পরে, এটি মডুলার উপায়ে কোড করা সহজ ff অফকোর্স পিএইচপি এবং সিএসএস এটি কাস্টমাইজ করার সর্বোত্তম উপায় হবে।


0

আমি সর্বদা কোনও ধরণের ফটোশপ সফ্টওয়্যার ব্যবহার করে একটি মকআপ তৈরি শুরু করতে চাই যাতে এটি আপনার সাইটের কোনও এবং সমস্ত চিত্র অন্তর্ভুক্ত করতে পারে।


0

বেশিরভাগ উত্তর ইতিমধ্যে গভীরতায় চলেছে, আমাকে কেবল যোগ করতে দিন যে আপনার কিছু কাঠামো বা টেম্পলেট ব্যবহার করা উচিত যাতে আপনি বেসিকগুলি পুনর্লিখন করতে সময় নষ্ট করবেন না।

সেখানে অনেকগুলি পিএইচপি ফ্রেমওয়ার্ক পাওয়া যায় ( কোহানা আমার ব্যক্তিগত প্রিয়) বা অনেকে ওয়ার্ডপ্রেসকে বেস হিসাবে ব্যবহার করেন। এছাড়াও আপনি একটি সিএসএস ফ্রেমওয়ার্ক ব্যবহার করতে পারেন, আবার সেখানে অনেকগুলি রয়েছে, সর্বাধিক জনপ্রিয় একটি হ'ল 960 গ্রিড সিস্টেম


0

কোনও ওয়েবসাইট ডিজাইন করার সময়, আপনি সাধারণত কীভাবে শুরু করবেন ?

আপনার মত আমি নিজেকে কয়েক বছর আগে একটি ওয়েব বিকাশকারী / ডিজাইনার হিসাবে নিজেকে বাজারজাত করার প্রয়োজনীয়তা পেয়েছি। আমার নিজের জায়গাটি আমার নিজের মন থেকে বুঝতে হবে বলে আমি খুঁজে পেয়েছি , আমি আমার ওয়েবসাইট পরিদর্শনকারীদের জন্য কোন তথ্য, চিত্র এবং বার্তাটি দিতে চাই? এবং আমি কী চাইছিলাম যে ব্যবহারকারী আমার ওয়েবসাইটটি পরিদর্শন করার সময় সম্পাদন করতে / করতে পারে

একবার আমি বুঝতে পারলাম যে ডিজাইন প্রক্রিয়াটি আরও পরিষ্কার হয়ে গেল। এটি আমার হোমপৃষ্ঠার উপাদানগুলি এবং পরবর্তী পৃষ্ঠাগুলি লিখতে সক্ষম করেছিল যা এই আইটেমগুলিকে যোগাযোগ করবে।

উদাহরণস্বরূপ, আমি আমার সিভি সহজে সন্ধানযোগ্য এবং ডাউনলোডযোগ্য করে তুলতে খুব আগ্রহী ছিল। সুতরাং আমার সাইটটি ডিজাইনের সময় আমি আমার সিভি সম্পর্কে সেই তথ্যটি নিশ্চিত করেছিলাম এবং কোথায় তা সহজেই পাওয়া যায়।

গল্পের নৈতিকতাটি প্রাসঙ্গিক হতে হবে। আপনার ওয়েবসাইটের সমস্ত কিছুর একটি উদ্দেশ্য পরিবেশন করা উচিত, অন্যথায় এটি কেবল অকেজো শব্দ।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.