आप वेब डिज़ाइनरों के साथ कैसे व्यवहार करते हैं जो PHP कोड को पढ़ने और छूने से बहुत डरते हैं?

Question

मुझे एक वेबसाइट बनाने के लिए काम पर रखा गया है और एक डिजाइनर के साथ काम कर रहा हूं (जो उस व्यक्ति के साथ होता है जो क्लाइंट के संपर्क में है और मुझे काम पर रखा है, इसलिए नहीं, मैं उसकी गांड नहीं मार सकता =)) जो बहुत डरता है php कोड में टच करने के लिए, और html और css में बहुत ही नौसिखिया है, जिससे मुझे अच्छे अच्छे मॉडल मिलते हैं, इसलिए आज का काम आधे प्रोग्राम वाले पेज के अपने नए html मॉडल से गुजरना होगा और <div>s और चेंजिंग क्लासेस को हटाना होगा और इस तरह ।

क्या हम दोनों के लिए यह आसान बनाने के लिए किसी प्रकार का उपकरण, या कुछ बेहतर वर्कफ़्लो हैं? हो सकता है कि मैं इस गलत तरीके से पूरी तरह से काम कर रहा हूं, मैं वेब विकास के लिए नया हूं, और मुझे पर्याप्त HTML / CSS नहीं पता है (और वह माना जाता है) उसे सिर्फ मुझे एक ग्राफिक मॉक-अप देने और लेआउट करने के लिए पूरी बात, इसलिए हम जो कर रहे हैं, वह मुझे एक स्थिर HTML पृष्ठ देता है जो ऐसा दिखता है जैसे वह चाहता है, और मैंने इसे <?php ?>चारों ओर रखा =)

क्या कोई मुझे इस बारे में कुछ सलाह दे सकता है?

Comments

कठिन सवाल ...

यदि आपको वेबसाइट बनाने के लिए काम पर रखा गया है, तो आपको HTML और CSS को जानना होगा।

— SLKs

नहीं, वह html / css डिज़ाइन कर रहा है, मैंने इस तरह से जाने का फैसला किया (टेम्पलेट्स में php को इंजेक्ट करना) क्योंकि यह सबसे अच्छा है जिसके साथ मैं आ सकता हूं (मुझे इसका एक उदाहरण देना चाहिए कि यह कैसा दिखना चाहिए, मैं डेटाबेस को देखता हूं और भरता हूं विवरण में), मैं पूछ रहा हूं कि क्या ऐसा करने का एक और (बेहतर) तरीका है। और मैं रास्ते में कुछ html / css सीख रहा हूं, मैं अपनी अगली नौकरी के लिए ऐसा कर सकूंगा। मैं एक बहुत तेज शिक्षार्थी हूँ =)

— लैक्रियोलॉजी 20

डिजाइन और विकास दो पूरी तरह से अलग कौशल हैं। सबसे अच्छे डिजाइनर जो मुझे मिले हैं, वे सॉफ्टवेयर इंजीनियर नहीं थे, लेकिन वे उच्च-डॉलर के ग्राहकों के लिए $ 15k वेबसाइटें एक साथ रख सकते थे। इसलिए यदि डिज़ाइनर आपके द्वारा किए गए HTML / CSS को अधिक जानता है, तो आपके पास करने के लिए बहुत कुछ है। रिमेम्बर, कोडिंग करना उसका काम नहीं है, यही आप के लिए यहाँ होना चाहिए।

— jmort253

मुझे आमतौर पर लगता है कि डिज़ाइनर से चिपकना और HTML / CSS से बाहर रहना बेहतर है। मैं जिन डिजाइनरों के साथ काम करता हूं उनमें से अधिकांश ने वेब पर काम करने वाले और क्या नहीं करने की समझ है। जहाँ तक मैं उनसे जाने के बारे में पूछता हूँ, सीएसएस फ़ॉन्ट विशेषताओं को निर्दिष्ट करना है जो उन्होंने मूल PSD में इस्तेमाल किया था। मैं इसे वहां से ले जाता हूं। यह एक तार्किक विभाजन है और अच्छी तरह से काम करता है। आपको HTML और CSS जानना आवश्यक है।

— ब्रैड

Answer 1

मैं फ्रीलांस फ्रंट एंड डेवलपमेंट करता था, मेरे वर्कफ़्लो कुछ इस तरह से हुए:

1. उन चीजों को परिभाषित करें जो आपके ग्राहक आपको प्रदान कर रहे हैं और वे चीजें जो आप अपने ग्राहक तक पहुंचाएंगे। यह सुनिश्चित करना शामिल करें कि वे आपके लिए विशेष रूप से क्या भुगतान कर रहे हैं और डिलिवरेबल्स क्या हैं। उम्मीदों को स्थापित करना बहुत महत्वपूर्ण है।
2. उन्हें कोई भी संपत्ति प्रदान करें जो आपको अपना काम करने की आवश्यकता है। मेरे मामले में यह आमतौर पर डिजाइन का PSD था, साथ ही मानक लेआउट से भिन्न पृष्ठों / इंटरफेस के लिए अतिरिक्त PSDs। कहा PSDs प्रदान करते समय फ़ॉन्ट फ़ाइलों को शामिल किया जाना चाहिए।
3. टुकड़ा, पासा, और सादे 'ओले' एचटीएमएल / सीएसएस में डिज़ाइन को कोड करें।
4. उपयोगकर्ता इंटरफ़ेस (AJAX, फैंसी प्रभाव, आदि, आदि) के लिए आवश्यक किसी भी जावास्क्रिप्ट को स्टब आउट करें
5. अपनी साइट के भीतर किसी भी गतिशील कार्यक्षमता का बैकअप लेने के लिए तर्क को कोड करें। AJAX के कॉल में एंडपॉइंट्स, डेटाबेस इंटरैक्शन और सर्वर सेटअप की आवश्यकता होती है जो इस चरण के अंतर्गत आते हैं।
6. क्यूए। सुनिश्चित करें कि सब कुछ चरण एक में परिभाषित के रूप में काम करता है, आवश्यकतानुसार 2 से 6 से अधिक पुनरावृति।

Answer 2

वेब डिज़ाइनरों को आमतौर पर PHP कोड को बहुत अधिक स्पर्श नहीं करना चाहिए, यदि सभी पर।

आमतौर पर डिजाइनर कुछ ग्राफिक्स पैकेज (जहां जरूरत होती है), आमतौर पर फोटोशॉप में विजुअल विकसित करते हैं। HTML / CSS का निर्माण सामग्री के स्थिर संस्करण के लिए करें, साथ ही डायनामिक्स के लिए वैकल्पिक सामग्री का भी निर्माण किया जाए। फिर प्रोग्रामर इसे ले जाता है और इसे गतिशील बनाता है। यह कहते हुए कि, जहां पूर्ण पृथक्करण वांछित है, प्रोग्रामर डिजाइनर को यह बताता है कि कोड के लिए कौन से चर उपलब्ध हैं और लूप वाले वर्गों के लिए HTML बनाने के लिए कुछ है।

डिजाइनर आमतौर पर कोडिंग भाषाओं की आवश्यकता को जाने बिना दूर हो सकते हैं, साइट को गतिशीलता प्रदान करने वाले प्रोग्रामर को आमतौर पर यह जानने की आवश्यकता होती है कि HTML / CSS सही तरीके से हेरफेर करने के लिए क्या कर रहा है।

यदि HTML / CSS में डिज़ाइनर और प्रोग्रामर दोनों अच्छे नहीं हैं, तो भगवान आपकी मदद करते हैं।

Comments

किसी प्रकार का टेंपलेटिंग सिस्टम यहां महत्वपूर्ण है, लेकिन लाइन के लिए +1 "यदि डिजाइनर और प्रोग्रामर दोनों HTML / CSS में अच्छे नहीं हैं, तो भगवान आपकी मदद करते हैं।"

— निकोल

आमतौर पर डिजाइनर कुछ ग्राफिक्स पैकेज में दृश्य विकसित करते हैं हाँ, कुछ तीसरी दुनिया-देश "डिजाइनर" जो आप रैंकोडर पर पा सकते हैं। वे बस सब कुछ करते हैं (कोड, sysadmin, ग्राफिक्स) ... गुणवत्ता भयानक है और इस तरह से काम करना एक वास्तविक काम की तुलना में एक बच्चे के खेल से अधिक मिलता जुलता है। एचटीएमएल करने के लिए ग्राफियन से पूछना कॉपीराइटर को असेंबल करने के लिए कहना पसंद करता है।

— स्लावेक

दुख की बात है कि हम सभी को एकजुट राज्यों या यूरोप में पैदा होने का आशीर्वाद नहीं मिला है, और हर किसी को वह जो करना है कर सकता है। मैं एक "तीसरी दुनिया के देश" (अर्जेंटीना) से हूं और अगर मुझे नहीं पता कि यह कैसे करना है, क्योंकि मैं वास्तविक भाषाओं में प्रोग्रामिंग में व्यस्त रहा हूं

— लैक्रिओमोलॉजी

@Lacrymology - निराश मत होइए। हर किसी को कहीं से शुरुआत करनी पड़ती है। बस पता है कि आपके अनुभव की कमी के कारण, आप इस परियोजना में कुछ गलतियाँ कर सकते हैं। मेरा सुझाव लचीला होना है, और हो सकता है कि क्यूए आपके कोड की मदद करने के लिए एक विशेषज्ञ ढूंढें और आपको सुझाव और सलाह दें। मैं फ़ायरफ़ॉक्स के लिए HTML Validator एक्सटेंशन की तरह एक अच्छे HTML Validator की सलाह दूंगा, जो आपके HTML को साफ और पेशेवर रखने में मदद करेगा।

— jmort253

@ स्लावेक: मैंने कई वर्षों में पाया है कि नियमित ग्राफिक डिजाइनर वेब के लिए अच्छी तरह से डिजाइन नहीं कर सकते हैं। आपको तकनीकी डिजाइनरों की आवश्यकता है, जो HTML रेंडरिंग में शामिल क्षमताओं और मुद्दों की पूरी तरह से सराहना करते हैं, ताकि उनके डिजाइन खुद को HTML बिल्डिंग में उधार दें। इसलिए मैं केवल एक डिजाइनर / बिल्डर को काम पर रखूंगा, वे मेरे लिए कभी अलग भूमिका नहीं निभा रहे हैं, सुनिश्चित करें कि वे हो सकते हैं, लेकिन यह आगे के सिरदर्द का परिचय देता है।

— परिक्रमा

Answer 3

सीएसएस ग्रिड की जाँच करें, यह वास्तव में गैर विशेषज्ञ के लिए सीखने और पृष्ठ रचना को वास्तव में आसान बनाने के लिए तेज़ है।

यहाँ उनमें से कुछ हैं:

• BluePrint (यह वह है जिसका मैं उपयोग करता हूं)
• यूई ग्रिड
• यमल ग्रिड
• 960

Comments

CSS फ्रेमवर्क को सर्वर साइड php कोड के साथ क्या करना है? या मैं आपके जवाब को गलत समझ रहा हूं।

— क्रिस

उन्हें डिजाइनर और आदमी के बीच वर्कफ़्लो के साथ करना होगा जो सीएमएस में रेंडरिंग पेस्ट करना होगा। वे दोनों सीएसएस विशेषज्ञ नहीं हैं। कम से कम वे तत्वों को सही स्थान पर रखने में सक्षम होंगे और एक ही वर्ग के आधार पर HTML प्रोटोटाइप होंगे।

— रेगिलो

+1 ऐसा समाधान सुझाने के लिए जो जीवन को आसान बना देगा।

— jmort253

Answer 4

सामान्य भावना से सहमत होने के लिए कहें। यह वास्तव में इस तथ्य से उबलता है कि डिजाइनर और प्रोग्रामर 2 अलग-अलग शिविर हैं:

डिज़ाइनर: कॉलेज में आमतौर पर कला की बड़ी-बड़ी कलाएँ, उन्हें सिखाया जाता था कि कैसे सुंदर चीज़ों का निर्माण किया जाए, रंग समन्वय, एनीमेशन, आदि ...

प्रोग्रामर: आमतौर पर किसी प्रकार का कंप्यूटर प्रमुख, पढ़ाया जाने वाला विज्ञान और / या उनके पूरे जीवन को परिभाषित करता है।

इसलिए एक कोड को एक डिजाइनर को पढ़ाने के लिए एक एस्किमो को पढ़ाने के तरीके के समान है ... वे सिर्फ पृष्ठभूमि नहीं हैं हालांकि ऐसा हो सकता है यदि आप बहुत कठिन धक्का देते हैं।

Comments

ठीक है, मैं उसे कोड करने के लिए नहीं कह रहा हूं, बस यहां पूछ रहा हूं कि क्या यह बेहतर करने के उपकरण या तरीके हैं। अगर डिजाइन के साथ किया गया था जब मैंने इसे प्रोग्रामिंग शुरू किया था, तो कहानी काफी अलग थी, लेकिन उसे चीजों को बदलने की जरूरत है क्योंकि हम जाते हैं

— लैक्रियोलॉजी

@ लैक्रोमोलॉजी - कभी-कभी चीजों को बस बदलते जाना पड़ता है। यह वेब विकास के काम करने का तरीका है। मैं इसे गेमिंग उद्योग से पूरी तरह से अलग होने की कल्पना कर सकता हूं; नियम यहाँ बिल्कुल अलग हैं।

— jmort253

जैसे ही यह सब कुछ बदलता है .. खेल करते हैं। बहुत कुछ ... बहुत ज्यादा

— लैक्रियोलॉजी

Answer 5

आप डिजाइन के html / css रूपांतरण को आउटसोर्स कर सकते हैं। जो कुछ मुझे नहीं मिला वह यह है कि वह पहले मार्कअप क्यों नहीं बना रहा है, और फिर आप टेम्पलेट में php इंजेक्ट कर रहे हैं?

Answer 6

वेब डिज़ाइनर, चित्रकारों को कभी भी, किसी भी कोड को स्पर्श नहीं करना चाहिए। कोई HTML, CSS, PHP (!), जावास्क्रिप्ट, कुछ भी नहीं।

उस 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 आगंतुक)।

मैं वेब विकास के लिए नया हूं,
अरे, यही समस्या है। आप शायद पेशेवर ग्राफियन के साथ काम कर रहे हैं जो अपने सामान (रंग, वैक्टर, वाणिज्यिक मुद्रण / डिजाइन) को जानता है ... आप दूसरी तरफ एक डेवलपर हैं जो ... हम उसकी नौकरी नहीं जान पाएंगे!

डेवलेप करने वाले डेवलेपर्स और ग्राफीशियन जो डेवलपर्स यह सिर्फ अव्यवसायिक बकवास है। उन्हें कुछ भी सही नहीं मिल रहा। आपको खराब कोड मिलेगा और ग्राफिक चमकदार लगेगा।

आपको शायद एक डेवलपर को नियुक्त करना चाहिए , जो HTML / CSS जानता है (यदि मैं कहूं कि "एक ग्राफियन को जानता है जो php को जानता है, तो मुझे अच्छा लगेगा, ठीक है?")। आपको शायद लगता है कि एक ग्राफियन होना "वास्तविक" काम नहीं है, इसलिए वह कोड लिख सकता है और शायद सर्वर प्रशासक भी हो सकता है :)

ऐसे डिजाइनरों से कैसे निपटें। मैं व्यक्तिगत रूप से उसे एक वृद्धि दे देता हूं क्योंकि वह स्पष्ट रूप से जानता है कि वह क्या कर रहा है!

Comments

आप मेरा अपमान करते हैं, मेरा सवाल मेरी समस्या को पूरी तरह से बताता है: लड़का कोई डिजाइनर नहीं है, लेकिन वह बॉस है, मैं बहुत अनुभवी प्रोग्रामर हूं, चार साल से वीडियोगेम बना रहा हूं। मैं डिजाइनिंग करने की कोशिश नहीं करता, और उसे कोड लिखने नहीं देता, मैं बस चाहता हूं कि वह सीधे पीएचपी पर सीएसएस कक्षाओं को जाने और बदलने के लिए पर्याप्त बहादुर हो।

— लैक्रियोलॉजी

@Lacrymology - आप PHP पर CSS कक्षाओं को बदलने के लिए पर्याप्त बहादुर क्यों नहीं हो सकते? फिर, यह उसका काम नहीं है और न ही उसके कौशल हैं। साथ ही, आप जितनी अधिक कोडिंग के साथ बातचीत करेंगे, उतना ही बेहतर होगा। मैं प्रभावित हूं कि आप निन्टेंडो के लिए वीडियो गेम बनाते हैं। यदि आप ऐसा कर सकते हैं, तो आप निश्चित रूप से ऐसा कर सकते हैं :) हालांकि, मैं @Slawek असहमत हूं, मुझे पता है कि सबसे अच्छे डिजाइनर PHP और / या Wordpress का उपयोग करके एक वेबसाइट को कोड कर सकते हैं।

— jmort253

वैसे वीडियो गेम बनाना वेबदेव नहीं है और अगर आप इसे बना सकते हैं तो मैं वास्तव में वीडियो गेमिंग देव में रहूंगा। लब्बोलुआब यह है कि अगर webdev html / css को नहीं जानता है - वह अपनी नौकरी नहीं जानता है। आपकी समस्या यह है कि आपको लगता है कि हर किसी को PHP प्रोग्राम करने में सक्षम होना चाहिए क्योंकि आप @Lacry करते हैं: फिर वे डिज़ाइनर वास्तव में खराब प्रोग्रामर होते हैं जो स्वच्छ कोड के बजाय स्पेगेटी का उत्पादन करते हैं। क्या आपने सुना है, उदा। कार डिजाइनर जो कि इंजीनियर भी हैं जो टरबाइन प्रोटोटाइप बना रहे हैं। लगता है :) जब आप किसी ऐसे व्यक्ति की कुछ परियोजनाओं को देखेंगे जो केवल जीने के लिए ग्राफिक करता है ... php / graphists सबसे अच्छे हो गए :) :)

— Slawek

@ स्लावेक - मुझे लगा कि आप अपने रेंट को कम करने की कोशिश करने जा रहे हैं?

— वाल्टर

@ स्लावेक - तब आपको कहना चाहिए था कि बेकार रैंट के बजाय। जब आप इस तरह शेख़ी करते हैं, तो लोग नहीं सुनते हैं। अगर आप चाहते हैं कि आपकी बात को गंभीरता से लिया जाए, तो मैं इसे और भी कम करने पर विचार करूंगा।

— वाल्टर