আপনি ওয়েব ডিজাইনারদের সাথে কীভাবে আচরণ করবেন যারা পিএইচপি কোড পড়তে এবং স্পর্শ করতে খুব ভয় পান?


9

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

আমাদের উভয়ের পক্ষে এটি আরও সহজ করার জন্য কোনও ধরণের সরঞ্জাম বা আরও ভাল ওয়ার্কফ্লো রয়েছে? সম্ভবত আমি এটি সম্পূর্ণরূপে ভুলভাবে মোকাবিলা করছি, আমি ওয়েব বিকাশে নতুন এবং আমি কেবলমাত্র একটি গ্রাফিক মক আপ দেওয়ার জন্য এবং যথেষ্ট পরিমাণে এইচটিএমএল / সিএসএস জানি না (এবং তিনি সম্ভবত এটি করেন) পুরো জিনিস, তাই আমরা যা করছি তা হ'ল তিনি আমাকে একটি স্থির এইচটিএমএল পৃষ্ঠাগুলি দেন যা দেখতে চায় বলে মনে হয়, এবং আমি এর <?php ?>চারপাশে রাখি =)

কেউ কি আমাকে এ বিষয়ে কিছু পরামর্শ দিতে পারেন?


শক্ত প্রশ্ন ...

4
যদি আপনাকে কোনও ওয়েবসাইট তৈরি করার জন্য ভাড়া দেওয়া হয় তবে আপনার এইচটিএমএল এবং সিএসএস জানা দরকার।
স্ল্যাक्स

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

3
ডিজাইন এবং বিকাশ দুটি সম্পূর্ণ ভিন্ন দক্ষতা। আমি যে সেরা ডিজাইনারদের সাথে দেখা করেছি তারা সফ্টওয়্যার ইঞ্জিনিয়ার ছিল না, তবে তারা উচ্চ ডলারের ক্লায়েন্টদের জন্য k 15k ওয়েবসাইট একসাথে রাখতে পারে। সুতরাং ডিজাইনার যদি আপনার চেয়ে বেশি এইচটিএমএল / সিএসএস জানে তবে আপনার কাছে অনেক কিছু করার দরকার পড়ে। রেমেমিবার, কোডিং করা তাঁর কাজ নয়, আপনার এখানে থাকার কথা।
jmort253

1
আমি সাধারণত দেখতে পেলাম যে ডিজাইনারদের ডিজাইনিংয়ের সাথে আঁকানো এবং HTML / CSS এর বাইরে থাকা ভাল। আমি যে ডিজাইনারগুলির সাথে কাজ করি তাদের বেশিরভাগের ওয়েবে কী কাজ করে এবং কী না তা উপলব্ধি করে। যতদূর আমি তাদের যেতে বলি তারা মূল পিএসডিতে সিএসএস ফন্টের বৈশিষ্ট্যগুলি নির্দিষ্ট করে attrib আমি সেখান থেকে নিয়ে যাচ্ছি। এটি একটি যৌক্তিক বিভাজন এবং ভাল কাজ করে। আপনার এইচটিএমএল এবং সিএসএস জানা দরকার।
ব্র্যাড

উত্তর:


7

আমি ফ্রিল্যান্স ফ্রন্ট এন্ড ডেভলপমেন্ট করতাম, আমার ওয়ার্কফ্লোটি এরকম কিছু হয়েছিল:

  1. আপনার ক্লায়েন্ট আপনাকে সরবরাহ করছে এমন জিনিস এবং আপনি আপনার ক্লায়েন্টকে বিতরণ করবেন এমন জিনিসগুলি সংজ্ঞায়িত করুন। তারা আপনাকে নির্দিষ্টভাবে কী প্রদান করছে এবং বিতরণযোগ্য কী তা অন্তর্ভুক্ত করার বিষয়ে নিশ্চিত হন। প্রত্যাশা নির্ধারণ করা খুব গুরুত্বপূর্ণ।
  2. আপনার আপনার কাজ করার জন্য প্রয়োজনীয় যে কোনও সম্পদ তাদের সরবরাহ করুন। আমার ক্ষেত্রে এটি সাধারণত নকশার একটি পিএসডি ছিল, পাশাপাশি পৃষ্ঠা / ইন্টারফেসের জন্য অতিরিক্ত পিএসডি ছিল যা মান বিন্যাস থেকে পৃথক ছিল from হ'ল পিএসডি সরবরাহ করার সময় হরফ ফাইলগুলি অন্তর্ভুক্ত করা উচিত।
  3. স্লাইস, ডাইস এবং কোডটি প্লেইন 'ওলে' এইচটিএমএল / সিএসএসে তৈরি করুন।
  4. ব্যবহারকারীর ইন্টারফেসগুলির জন্য প্রয়োজনীয় কোনও জাভাস্ক্রিপ্ট আটকে দিন (এজেএক্স, অভিনব প্রভাবগুলি, ইত্যাদি)
  5. আপনার সাইটের মধ্যে যে কোনও গতিশীল কার্যকারিতা ব্যাক আপ করার জন্য আপনার প্রয়োজনীয় যুক্তিকে কোড আপ করুন। এজেএক্স কলগুলি রয়েছে যেগুলির এন্ডপয়েন্টস, ডাটাবেস ইন্টারঅ্যাকশন এবং সার্ভার সেটআপের সমস্ত প্রয়োজন এই পদক্ষেপের অধীনে।
  6. QA তে। প্রতিটি পদক্ষেপ এক হিসাবে সংজ্ঞায়িত হিসাবে কাজ করে তা নিশ্চিত করুন, প্রয়োজন হিসাবে 2 থেকে 6 এর বেশি পুনরাবৃত্তি করুন।

19

ওয়েব ডিজাইনারদের সাধারণত পিএইচপি কোডটি খুব বেশি স্পর্শ করা উচিত নয়, যদি তা হয় তবে।

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

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

ডিজাইনার এবং প্রোগ্রামার উভয়ই যদি এইচটিএমএল / সিএসএসে ভাল না হন তবে Godশ্বর আপনাকে সাহায্য করুন।


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

1
সাধারণত ডিজাইনাররা কিছু গ্রাফিক্স প্যাকেজে ভিজ্যুয়ালগুলি বিকাশ করে , হ্যাঁ, কিছু তৃতীয়-দেশ-দেশ "ডিজাইনার" যা আপনি ভাড়াচর্চায় খুঁজে পেতে পারেন। তারা কেবল সবকিছু (কোড, সিসাদমিন, গ্রাফিক্স) করে ... গুণটি ভয়ঙ্কর এবং এইভাবে কাজ করা সত্যিকারের কাজের চেয়ে বাচ্চার খেলার মতো। এইচটিএমএল করতে গ্রাফিকদের জিজ্ঞাসা করা কপিরাইটারকে এসেম্বলার করতে বলার মতো।
স্লেভেক

1
দুর্ভাগ্যক্রমে যথেষ্ট যে আমরা প্রত্যেকেই যুক্তরাষ্ট্রে বা ইউরোপে জন্মগ্রহণ করে আশীর্বাদ পাইনি এবং প্রত্যেককেই তার যা করতে পারে তা করতে হবে। আমি একটি "তৃতীয় বিশ্বের দেশ" (আর্জেন্টিনা) থেকে এসেছি এবং যদি আমি কীভাবে এটি করতে না জানি তবে কারণ আমি বাস্তব ভাষায় প্রোগ্রামিংয়ে ব্যস্ত ছিলাম
ল্যাক্রিমোলজি

1
@ ল্যাকরিমোলজি - নিরুৎসাহিত হবেন না। প্রত্যেকে কোথাও না কোথাও থেকে শুরু করেছে. আপনার অভিজ্ঞতার অভাবে আপনি কেবল এই প্রকল্পে কিছু ভুল করতে পারেন তা জেনে থাকুন। আমার পরামর্শটি নমনীয় হ'ল এবং সম্ভবত আপনার কোড কিউএকে সহায়তা করতে এবং আপনাকে টিপস এবং পরামর্শ দেওয়ার জন্য কোনও বিশেষজ্ঞের সন্ধান করুন। আমি ফায়ারফক্সের জন্য এইচটিএমএল ভ্যালিডেটর এক্সটেনশনের মতো একটি ভাল এইচটিএমএল ভ্যালিডেটরের সুপারিশ করব যা আপনার এইচটিএমএলকে পরিষ্কার এবং পেশাদার রাখতে সহায়তা করবে।
jmort253

1
@ স্লাভেক: আমি বহু বছর ধরে খুঁজে পেয়েছি যে নিয়মিত গ্রাফিক ডিজাইনার ওয়েবে ভাল ডিজাইন করতে পারেন না। আপনার প্রযুক্তিগত ডিজাইনারদের দরকার, যারা এইচটিএমএল রেন্ডারিংয়ের সাথে জড়িত দক্ষতা এবং ইস্যুগুলির পুরোপুরি প্রশংসা করেন, যাতে তাদের নকশাগুলি নিজেকে HTML বিল্ডিংয়ে leণ দেয়। সুতরাং আমি কেবল কোনও ডিজাইনার / বিল্ডারকেই ভাড়া দেব, তারা কখনও আমার জন্য আলাদা ভূমিকা রাখে না, নিশ্চিত যে তারা হতে পারে তবে এটি আরও মাথা ব্যথার পরিচয় দেয়।
2:48 এ Orbling

4

সিএসএস গ্রিডগুলি পরীক্ষা করুন, অ বিশেষজ্ঞের জন্য শেখার এবং পৃষ্ঠার গঠনটি সত্যই সহজ করে তোলার পক্ষে এটি দ্রুততর।

তাদের মধ্যে কয়েকটি এখানে রয়েছে:


2
সিএসএস ফ্রেমওয়ার্কগুলি সার্ভার সাইড পিএইচপি কোডের সাথে কী করতে পারে? অথবা আমি কি আপনার উত্তর ভুল বোঝাবুঝি করছি?
ক্রিস

তাদের ডিজাইনার এবং লোকের মধ্যে ওয়ার্কফ্লো নিয়ে কাজ করতে হবে যা কোনও সিএমএসে রেন্ডারিংটি পেস্ট করতে হবে। দু'জনই সিএসএস বিশেষজ্ঞ নন। কমপক্ষে তারা উপাদানগুলিকে সঠিক জায়গায় রাখতে সক্ষম হবেন এবং একই শ্রেণীর উপর ভিত্তি করে এইচটিএমএল প্রোটোটাইপ রাখতে পারবেন।
রেজিলেরো

এমন একটি সমাধানের পরামর্শের জন্য +1 যা জীবনকে আরও সহজ করে তুলবে।
jmort253

1

সাধারণ অনুভূতির সাথে একমত হন। ডিজাইনার এবং প্রোগ্রামাররা 2 টি পৃথক শিবির হ'ল এটি সত্যই ফুটে উঠেছে:

ডিজাইনার: সাধারণত কলেজের আর্টস মেজরদের, কীভাবে সুন্দর জিনিস, রঙ সমন্বয়, অ্যানিমেশন ইত্যাদি তৈরি করা যায় তা শেখানো হয়েছিল ...

প্রোগ্রামারস: সাধারণত কম্পিউটার কোনও ধরণের প্রধান, বিজ্ঞান এবং / অথবা ব্যাসিয়েন্সকে তাদের পুরো জীবন শেখানো হয়।

সুতরাং কোডকে ডিজাইনার শেখানো কোনও এস্কিমোকে কীভাবে সার্ফ করা যায় তা শেখানোর অনুরূপ ... আপনার কেবল ব্যাকগ্রাউন্ড নেই যদিও আপনি যথেষ্ট চাপ দিলে এটি ঘটতে পারে might


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

@ ল্যাক্রিমোলজি - কখনও কখনও জিনিসগুলি যেতে যেতে কেবল পরিবর্তন করতে হয়। ওয়েব ডেভলপমেন্টটি ঠিক এইভাবে কাজ করে। আমি এটি গেমিং ইন্ডাস্ট্রির থেকে সম্পূর্ণ পৃথক হয়ে উঠতে পারি; নিয়মগুলি এখানে কেবল সাধারণ different
jmort253

গেমগুলি যেমন হয় তেমন সমস্ত পরিবর্তন হয়। অনেক ... খুব বেশি
ল্যাচারিওলজি

-2

আপনি ডিজাইনের এইচটিএমএল / সিএসএস রূপান্তরকে আউটসোর্স করতে পারেন। আমি যা পাই না তা কেন সে প্রথমে মার্কআপ তৈরি করছে না, এবং তারপরে আপনাকে টেমপ্লেটগুলিতে পিএইচপি লাগিয়েছে?


-5

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

এটি 100 বার পুনরাবৃত্তি করুন, তবে যদি এটি কাজ করে না তবে এটি আবার 1000 বার পুনরাবৃত্তি করবে। এবং বিকাশকারী / প্রোগ্রামারদের গ্রাফিক্স ডিজাইন করা উচিত নয়।

এটি পেশাদারহীন এবং আমি বহুবার গ্রাফিশিয়ান দ্বারা একটি মেস করা দেখেছি। সাধারণত এটি একটি ব্রাউজারে কাজ করবে এবং কোডের মানটি নীচের উদাহরণের মতো:

<ul class='list circle float'>  
 <li class='red bold'>text...</li>
 <li class='red'>text2...</li>
 <li class='red'>text3... <a class='pink link' href='http://codelikeshit.com'>i code, do vector graphics and manage linux servers, i'm a F* Einstein and Van Gogh combined!</a></li>
</ul>

অন্য যে কোনও কিছুর জন্য সত্যই অপ্রয়োজনীয়, তবে স্থানীয় বেকারি (এক সপ্তাহে 10-15 জন দর্শক) ওয়েবসাইটের মতো + ফটো যোগাযোগ করুন।

আমি ওয়েব বিকাশে নতুন,
আরে, এখানে সমস্যা। আপনি সম্ভবত পেশাদার গ্রাফিকের সাথে কাজ করছেন যা তার স্টাফগুলি (রঙ, ভেক্টর, বাণিজ্যিক মুদ্রণ / নকশা) জানে ... অন্যদিকে আপনি এমন বিকাশকারী যা ... আমরা তার কাজটি জানব না!

বিকাশকারীরা যা গ্রাফিক্স এবং গ্রাফিকবিদ করে যা ডিভিও করে। এটি কেবল অলাভজনক বুলশিট। তারা কিছুই ঠিক পেতে পারে না। আপনি খারাপ কোড পেয়ে যাবেন এবং গ্রাফিকটি চিটচিটে দেখাবে।

আপনার সম্ভবত কোনও বিকাশকারীকে ভাড়া করা উচিত , এটি এইচটিএমএল / সিএসএস জানে (ভাল বলতে চাইলে "পিএইচপি জানে এমন একজন গ্রাফিশিয়ান নিয়োগ করুন, আমি পাগল বলব, ঠিক?")। আপনি সম্ভবত ভাবেন যে একজন গ্রাফিকবিদ হওয়া "সত্যিকারের" কাজ নয় তাই সে কোড লিখতে পারে এবং সার্ভার প্রশাসকও হতে পারে :)

এই জাতীয় ডিজাইনারদের সাথে কীভাবে আচরণ করবেন। আমি ব্যক্তিগতভাবে তাকে একটি উত্থাপন দিয়েছি কারণ তিনি অবশ্যই জানেন যে তিনি কী করছেন!


3
আপনি আমাকে অপমান করেছেন, আমার প্রশ্নটি পুরোপুরি আমার সমস্যাটি বর্ণনা করে: লোকটি ডিজাইনার নয়, তবে তিনি হলেন বস, আমি একজন খুব পাকা প্রোগ্রামার, চার বছর ধরে নিন্টেন্ডোর জন্য ভিডিওগেম তৈরি করে চলেছি, ওয়েবে নতুন মাত্র new আমি ডিজাইনিং করার চেষ্টা করি না, এবং তাকে কোড লিখতে দেই না, আমি কেবল চাই যে তিনি পিএইচপি-তে সরাসরি সিএসএসের ক্লাসগুলি পরিবর্তন করার জন্য যথেষ্ট সাহসী হন।
ল্যাক্রিমোলজি 16'11

2
@ ল্যাকরিমোলজি - আপনি পিএইচপি-তে সিএসএসের ক্লাসগুলি পরিবর্তনের পক্ষে এত সাহসী হতে পারবেন না কেন? আবার এটি তার কাজ নয় বা সেই দক্ষতাও নয়। এছাড়াও, কোডিংয়ের সাথে আপনি যত বেশি ইন্টারঅ্যাক্ট করবেন তত ভাল আপনি হবেন। আমি মুগ্ধ হয়েছি যে আপনি নিন্টেন্ডোর জন্য ভিডিও গেম তৈরি করেন। যদি আপনি এটি করতে পারেন, তবে আপনি অবশ্যই এটি করতে পারেন :) যদিও আমি @ স্লাভেকের সাথে একমত নই, আমার জানা সেরা ডিজাইনাররা পিএইচপি এবং / অথবা ওয়ার্ডপ্রেস ব্যবহার করে কোনও ওয়েবসাইটের কোড আউট করতে পারে।
jmort253

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

@ স্লাভেক - আমি ভেবেছিলাম যে আপনি নিজের অনুদানের কথা বলার চেষ্টা করছেন?
ওয়াল্টার

1
@ স্লাভেক - তারপরে আপনার উচিত ছিল না যে অকেজো ভাঁড়ার বদলে। আপনি যখন এর মতো কৌতুক করেন, লোকেরা তা শোনেন না। আপনি যদি চান যে আপনার বক্তব্যটিকে গুরুত্ব সহকারে নেওয়া উচিত তবে আমি এটিকে আরও টোন করা বিবেচনা করব।
ওয়াল্টার
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.