คุณจัดการกับนักออกแบบเว็บไซต์ที่กลัวเกินกว่าจะอ่านและสัมผัสโค้ด PHP ได้อย่างไร?

ฉันถูกจ้างให้สร้างเว็บไซต์และทำงานร่วมกับนักออกแบบ (ซึ่งเป็นคนที่ติดต่อกับลูกค้าและจ้างฉันดังนั้นไม่ฉันไม่สามารถเตะตูดของเขาออกได้ =)) ที่กลัวเกินไป เพื่อสัมผัสกับโค้ด php และเป็นมือใหม่ใน html และ css เพื่อให้แบบจำลองที่ดีพอสำหรับฉันดังนั้นงานในวันนี้จะผ่านรูปแบบ html ใหม่ของเขาในหน้าครึ่งโปรแกรมและลบ<div>s และเปลี่ยนคลาสและเช่น .

มีเครื่องมือบางอย่างหรือเวิร์กโฟลว์ที่ดีขึ้นเพื่อทำให้ทั้งสองเราง่ายขึ้นหรือไม่ บางทีฉันอาจจะจัดการกับวิธีการที่ไม่ถูกต้องทั้งหมดนี้ฉันยังใหม่ต่อการพัฒนาเว็บและฉันก็ไม่รู้ HTML / CSS มากพอ (และเขาควรจะทำ) เพื่อให้เขามีกราฟิกให้ฉันและทำแบบนั้น ทั้งหมดดังนั้นสิ่งที่เรากำลังทำคือเขาให้เพจ HTML แบบสแตติกแก่ฉันซึ่งดูเหมือนว่าเขาต้องการและฉันก็ใส่<?php ?>มันลงไป =)

ใครสามารถให้คำแนะนำกับฉันเกี่ยวกับเรื่องนี้ได้บ้าง

ฉันเคยทำหน้าที่พัฒนาอิสระส่วนหน้าเวิร์กโฟลว์ของฉันเป็นดังนี้:

1. กำหนดสิ่งที่ลูกค้าของคุณให้บริการและสิ่งที่คุณจะส่งมอบให้กับลูกค้า ตรวจสอบให้แน่ใจว่าได้รวมสิ่งที่พวกเขาจ่ายให้คุณโดยเฉพาะและสิ่งที่ส่งมอบให้ การตั้งค่าความคาดหวังเป็นสิ่งสำคัญมาก
2. ให้พวกเขาจัดหาสินทรัพย์ใด ๆ ที่คุณต้องใช้ในการทำงานของคุณ ในกรณีของฉันนี้มักจะเป็น PSD ของการออกแบบเช่นเดียวกับ PSD เพิ่มเติมสำหรับหน้า / อินเทอร์เฟซที่แตกต่างจากเค้าโครงมาตรฐาน ควรรวมไฟล์แบบอักษรเมื่อระบุ PSD
3. Slice, ลูกเต๋าและโค้ดอัพการออกแบบใน 'ole' HTML / CSS แบบธรรมดา
4. เริ่มต้นจาวาสคริปต์ที่จำเป็นสำหรับส่วนต่อประสานกับผู้ใช้ (AJAX, เอฟเฟกต์แฟนซี, ฯลฯ )
5. กำหนดรหัสตรรกะที่คุณต้องการสำรองฟังก์ชันการทำงานแบบไดนามิกใด ๆ ภายในไซต์ของคุณ การโทร AJAX ที่ต้องการจุดสิ้นสุดการโต้ตอบกับฐานข้อมูลและการตั้งค่าเซิร์ฟเวอร์นั้นอยู่ในขั้นตอนนี้
6. ระบบประกันคุณภาพ ตรวจสอบให้แน่ใจว่าทุกอย่างทำงานตามที่กำหนดไว้ในขั้นตอนที่หนึ่งซ้ำเกิน 2 ถึง 6 ตามต้องการ

นักออกแบบเว็บไซต์ไม่ควรสัมผัสกับโค้ด PHP มากนักหากเลย

โดยปกติแล้วนักออกแบบจะพัฒนาภาพในแพ็คเกจกราฟิก (ถ้าจำเป็น) โดยปกติจะเป็น Photoshop สร้าง HTML / CSS สำหรับเนื้อหาแบบคงที่โดยมีเนื้อหาทางเลือกสำหรับการเปลี่ยนแปลงด้วยเช่นกัน จากนั้นโปรแกรมเมอร์มักจะทำสิ่งนี้และทำให้มันเป็นแบบไดนามิก หากไม่ต้องการให้มีการแยกแบบสมบูรณ์โปรแกรมเมอร์จะช่วยให้ผู้ออกแบบทราบว่าตัวแปรใดบ้างที่พร้อมใช้งานสำหรับโค้ดและมีบางสิ่งในการสร้าง HTML สำหรับส่วนลูป

นักออกแบบสามารถหลบหนีไปได้โดยไม่ต้องรู้ภาษาการเขียนโปรแกรมที่จำเป็นนักเขียนโปรแกรมที่ให้การเปลี่ยนแปลงในเว็บไซต์มักจะต้องรู้ว่า HTML / CSS กำลังทำอะไรเพื่อจัดการมันอย่างเหมาะสม

หากทั้งผู้ออกแบบและโปรแกรมเมอร์ไม่เก่งด้าน HTML / CSS พระเจ้าก็ช่วยคุณได้

ตรวจสอบ css กริดนี่เป็นวิธีที่รวดเร็วในการเรียนรู้สำหรับผู้ที่ไม่ใช่ผู้เชี่ยวชาญและทำให้การจัดวางหน้าเว็บเป็นเรื่องง่าย

นี่คือบางส่วนของพวกเขา:

• BluePrint (นี่คือสิ่งที่ฉันใช้)
• ยูอิกริด
• ตาราง Yaml
• 960

มีแนวโน้มที่จะเห็นด้วยกับความเชื่อมั่นทั่วไป เป็นเรื่องจริงที่ผู้ออกแบบและโปรแกรมเมอร์เป็น 2 ค่ายที่แตกต่างกัน:

ผู้ออกแบบ: โดยทั่วไปวิชาเอกศิลปะในวิทยาลัยพวกเขาได้รับการสอนวิธีการสร้างสิ่งที่สวยงามการประสานงานสีการเคลื่อนไหว ฯลฯ

โปรแกรมเมอร์: โดยทั่วไปวิชาเอกคอมพิวเตอร์บางประเภทสอนวิทยาศาสตร์และ / หรือ Busienss ตลอดชีวิต

ดังนั้นการสอนนักออกแบบให้ใช้รหัสนั้นคล้ายกับการสอนชาวเอสกิโมถึงวิธีการท่อง ... พวกเขาไม่มีพื้นหลังแม้ว่ามันอาจจะเกิดขึ้นได้หากคุณกดแรงพอ

คุณสามารถ outsource การแปลง html / css ของการออกแบบ สิ่งที่ฉันไม่ได้คือทำไมเขาไม่สร้างมาร์กอัปก่อนจากนั้นให้คุณฉีด php ลงในเทมเพลต

นักออกแบบเว็บไซต์นักกราฟิกไม่ควรสัมผัสรหัสใด ๆ ไม่มี HTML, CSS, PHP (!), JavaScript, ไม่มีอะไร

ทำซ้ำ 100 ครั้งแล้วถ้ามันไม่ทำงานซ้ำ 1,000 ครั้งอีกครั้ง และนักพัฒนา / โปรแกรมเมอร์ไม่ควรออกแบบกราฟิก

ไม่เป็นมืออาชีพและฉันได้เห็น MESS ทำโดยนักกราฟิกมาหลายครั้ง โดยปกติจะใช้งานได้ในเบราว์เซอร์เดียวและคุณภาพของรหัสเป็นไปตามตัวอย่างต่อไปนี้:

<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>

ใช้งานไม่ได้จริง ๆ สำหรับสิ่งอื่น ๆ แต่ติดต่อ + รูปถ่ายเช่นเว็บไซต์ของร้านเบเกอรี่ในท้องถิ่น

ฉันยังใหม่ต่อการพัฒนาเว็บ
เฮ้นั่นคือปัญหาที่นี่ คุณอาจติดต่อกับนักกราฟิคมืออาชีพที่รู้เรื่องของเขา (สี, พาหะ, การพิมพ์เชิงพาณิชย์ / การออกแบบ) ... ในอีกทางหนึ่งคุณเป็นนักพัฒนาที่ ... เราจะไม่รู้จักงานของเขา!

นักพัฒนาที่ทำกราฟิคและกราฟิคให้ DEV นั่นเป็นเพียงพล่ามที่ไม่เป็นมืออาชีพ พวกเขาไม่ได้อะไรที่ถูกต้อง คุณจะได้รับรหัสที่ไม่ดีและกราฟิกจะดูอึ

คุณควรจ้างนักพัฒนาที่รู้จัก HTML / CSS (ถ้าฉันจะพูดว่า "จ้างนักกราฟิกที่รู้จัก php ฉันจะฟังดูบ้าคลั่งใช่ไหม") คุณอาจคิดว่าการเป็นนักกราฟิกนั้นไม่ใช่งาน "ของจริง" นั่นคือสาเหตุที่เขาสามารถเขียนรหัสและอาจเป็นผู้ดูแลเซิร์ฟเวอร์ด้วย :)

วิธีจัดการกับนักออกแบบดังกล่าว ฉันจะให้เขาเป็นการส่วนตัวเพราะเห็นได้ชัดว่าเขากำลังทำอะไรอยู่!