Many people sell on ebay their items and products. I want to talk today about ebay listing pages, how to design and code them. There are plenty of ugly ebay listing templates around the web, both free and at cost. Naturally, many people having certain knowledge in HTML and willing to make their own custom designed descriptions are not happy with these templates and prefer to design and code listing pages by themselves.
I realized that some tips are required here because coding in ebay rich editor is not the same as coding on normal editor like Aptana or Textmate. Actually it is a little bit not the same. If you wish to code ebay listing you should know very few things. First of all, no need to make a layout in tables. Absolutely no. You may code ebay listing exactly as you code your website: without tables, deprecated tags, inline CSS and so on.
So, here is step-by-step guide what to do if you want your listing looking beautifully and featuring clean code. For better results and faster and more comfortable workflow go and code the listing page in an editor you are used to. After finishing the work you will simply copy-paste it into ebay listing description page.
So:
1. Design your layout as usual in Photoshop. Slice images and upload them on some external hosting, kind of Photobucket, Picasa or what you want.
2. Open new HTML file in your preferred editor.
3. Delete all tags like Doctype, body, head, m‘eta, title etc from the default file page. These tags are property of ebay in our case, so you cannot use them. Simply you should have an absolutely blank page, with no single letter included by default by the HTML editor.
5. Start the page with internal CSS. Important!–use style tags in this way: . Don‘t write style type, link, rel, href, nothing. Exactly as shown above.
4. Define all styles for divs, headings, paragraphs, images, floats, boxes, paddings, margins, everything you need. Naturally, you will style your mark-up only after your HTML portion of code will be written. Simply I told “start the page with internal CSS” meaning that it should beinternal CSS, advancing HTML part.
6. Create your mark-up. Don’t forget to insert URLs of images, background, buttons etc which you host now on external file hosting website and not URLs of images that you keep in your local folder. You can not upload images on ebay listing description page, you can only show the paths to images. Finish your mark-up and styles.
7. Preview in browser, see what you need to correct. All is usual.
8. Validate your work with W3C validator or any other validator you used to validate your websites.
9. Open your ebay description page, copy and paste your code. Preview it. Looks fine?
10. Great, you are done.
Here below the screenshots of my own ebay listings are displayed, where you can see exactly the principles of coding for ebay listing pages.
มีหลายคนที่ขายบนอีเบย์รายการของพวกเขาและผลิตภัณฑ์ ฉันต้องการที่จะพูดคุยในวันนี้เกี่ยวกับหน้าในรายการของอีเบย์, วิธีการออกแบบและรหัสพวกเขา มีมากมายของรายการอีเบย์น่าเกลียดแม่แบบเว็บที่ทั้งฟรีและเสียค่าใช้จ่ายเป็น ธรรมชาติหลาย ๆ คนมีความรู้บางอย่างใน HTML และยินดีที่จะให้รายละเอียดการออกแบบของพวกเขาเองไม่ได้มีความสุขกับแม่แบบเหล่านี้และชอบที่จะออกแบบและรายชื่อรหัสหน้าด้วยตัวเอง.
ฉันรู้ว่าเคล็ดลับบางอย่างจะต้องอยู่ที่นี่เพราะการเขียนโปรแกรมในการแก้ไขที่อุดมไปด้วยอีเบย์คือ ไม่เหมือนกับการเขียนโปรแกรมในการแก้ไขปกติเช่น Aptana หรือ Textmate จริงๆแล้วมันเป็นนิด ๆ หน่อย ๆ ไม่เหมือนกัน หากคุณต้องการรหัสรายการอีเบย์ที่คุณควรรู้สิ่งที่น้อยมาก ครั้งแรกของทั้งหมดไม่จำเป็นต้องที่จะทำให้รูปแบบในตาราง ไม่เด็ดขาด. คุณอาจรหัสอีเบย์รายชื่อตรงตามที่คุณรหัสเว็บไซต์ของคุณ: โดยไม่มีโต๊ะแท็กเลิก, CSS แบบอินไลน์และอื่น ๆ .
ดังนั้นนี่คือคำแนะนำขั้นตอนโดยขั้นตอนจะทำอย่างไรถ้าคุณต้องการรายชื่อของคุณมองอย่างสวยงามและมีรหัสที่สะอาด เพื่อให้ได้ผลลัพธ์ที่ดีขึ้นและเร็วขึ้นและขั้นตอนการทำงานการเดินทางสะดวกสบายมากขึ้นและรหัสหน้ารายชื่อในโปรแกรมแก้ไขที่คุณจะใช้ในการ หลังจากเสร็จสิ้นการทำงานของคุณก็จะคัดลอกวางลงในอีเบย์รายชื่อหน้าคำอธิบาย.
ดังนั้น:
1 การออกแบบรูปแบบของคุณได้ตามปกติใน Photoshop Slice ภาพและอัปโหลดไปในบางส่วนโฮสติ้งภายนอกชนิดของ Photobucket, Picasa หรือสิ่งที่คุณต้องการ.
2 เปิดไฟล์ HTML ใหม่ในการแก้ไขที่คุณต้องการ.
3 ลบแท็กทั้งหมดเช่น Doctype ร่างกายหัว m'eta ชื่อ ฯลฯ จากหน้าแฟ้มเริ่มต้น แท็กเหล่านี้เป็นทรัพย์สินของอีเบย์ในกรณีของเราดังนั้นคุณจึงไม่สามารถใช้พวกเขา เพียงแค่คุณควรมีหน้าว่างอย่างที่ไม่มีตัวอักษรเดียวรวมโดยเริ่มต้นด้วยการแก้ไข HTML ได้.
5 หน้าเริ่มต้นด้วย CSS ภายใน ! ที่สำคัญแท็กรูปแบบการใช้งานในลักษณะนี้: อย่าเขียนประเภทรูปแบบการเชื่อมโยง rel, href ไม่มีอะไร แสดงให้เห็นว่าข้างต้น.
4 กำหนดรูปแบบทั้งหมด divs หัวย่อหน้าภาพลอยกล่อง paddings กำไรทุกอย่างที่คุณต้องการ อย่างที่คุณจะสไตล์ mark-up ของคุณเท่านั้นหลังจากส่วน HTML ของคุณรหัสจะถูกเขียน เพียงแค่ผมบอก "เริ่มต้นหน้าด้วย CSS ภายใน" หมายความว่ามันควร beinternal CSS, HTML ก้าวหน้าส่วนหนึ่ง.
6 สร้างเครื่องหมายของคุณ อย่าลืมที่จะใส่ URL ที่ภาพพื้นหลัง, ปุ่มอื่น ๆ ที่คุณเป็นเจ้าภาพขณะนี้อยู่ในแฟ้มภายนอกพื้นที่เว็บไซต์และไม่ได้ URL ที่ของภาพที่คุณเก็บไว้ในโฟลเดอร์ท้องถิ่นของคุณ คุณไม่สามารถอัปโหลดภาพบนอีเบย์รายชื่อหน้ารายละเอียดของคุณจะสามารถแสดงเส้นทางไปยังภาพ เสร็จสิ้นการขึ้นเครื่องหมายของคุณและรูปแบบ.
7 แสดงตัวอย่างในเบราว์เซอร์ให้ดูสิ่งที่คุณต้องการที่จะแก้ไข ทั้งหมดเป็นปกติ.
8 ตรวจสอบการทำงานของคุณด้วยการตรวจสอบ W3C หรือตรวจสอบอื่น ๆ ที่คุณใช้ในการตรวจสอบเว็บไซต์ของคุณ.
9 เปิดหน้ารายละเอียดของอีเบย์ของคุณคัดลอกและวางรหัสของคุณ ดูตัวอย่างได้ ดูดี?
10 ดีคุณจะทำ.
ด้านล่างหน้าจอของรายการอีเบย์ของตัวเองจะมีการแสดงที่คุณจะเห็นว่าหลักการของการเขียนโปรแกรมสำหรับหน้ารายการอีเบย์
การแปล กรุณารอสักครู่..

หลายคนขายบนอีเบย์ของพวกเขา สินค้าและผลิตภัณฑ์ ฉันต้องการที่จะพูดคุยวันนี้เกี่ยวกับอีเบย์ในรายการหน้า วิธีการออกแบบ และรหัสของพวกเขา มีมากมายของน่าเกลียดอีเบย์รายการแม่แบบในเว็บ ทั้งฟรี และเสียเงิน . ธรรมชาติหลายคนมีความรู้บางอย่างใน HTML และเต็มใจที่จะให้คำอธิบายของพวกเขาเองที่ออกแบบมีความสุขกับแม่แบบเหล่านี้และต้องการที่จะได้รับการออกแบบและรหัสหน้ารายการด้วยตนเอง .
ฉันตระหนักว่าเคล็ดลับบางอย่างจะต้องอยู่ที่นี่เพราะการเข้ารหัสใน eBay รวยแก้ไขไม่ได้เป็นเช่นเดียวกับการเข้ารหัสบนปกติแก้ไขเหมือน aptana หรือสำหรับ . จริงๆแล้วมันเป็นนิด ๆหน่อย ๆไม่ได้เหมือนกันหากคุณต้องการรหัสอีเบย์ในรายการที่คุณควรรู้สิ่งที่น้อยมาก . ครั้งแรกของทั้งหมด ไม่ต้องทำให้เป็นรูปแบบตาราง ไม่ คุณอาจรหัสรายการ eBay ตรงตามที่คุณรหัสเว็บไซต์ของคุณ : โดยตารางปฏิเสธแท็ก , CSS Inline และอื่น ๆ .
แล้วที่นี่เป็นคู่มือขั้นตอนโดยขั้นตอนสิ่งที่ต้องทำหากคุณต้องการรายการของคุณดูสวยงามและมีรหัสที่สะอาดเพื่อให้ได้ผลลัพธ์ที่ดีขึ้นและเร็วขึ้นและสะดวกสบายมากขึ้นไปเวิร์กโฟลว์และรหัสรายการหน้าในการแก้ไขที่คุณใช้ หลังจากเสร็จงานที่คุณจะเพียงแค่คัดลอกวางมันลงในอีเบย์รายการหน้าอธิบาย .
:
1 รูปแบบการออกแบบของคุณตามปกติใน Photoshop ภาพสไลด์และอัปโหลดพวกเขาในบางพื้นที่ภายนอก , ชนิดของ photobucket , Picasa หรือสิ่งที่คุณต้องการ .
2เปิดใหม่ในไฟล์ HTML Editor ที่ต้องการของคุณ .
3 ลบแท็กทั้งหมดเช่น doctype , ร่างกาย , หัว , m'eta ฯลฯชื่อเรื่องจากแฟ้มเริ่มต้นหน้า แท็กเหล่านี้เป็นสมบัติของอีเบย์ในคดีของเรา ดังนั้น คุณจะไม่สามารถใช้พวกเขา เพียงแค่คุณควรเป็นหน้าว่างอย่าง ไม่มีตัวอักษรเดียวรวมโดยค่าเริ่มต้นโดยการแก้ไข HTML .
5 เริ่มด้วย CSS หน้าภายใน ที่สำคัญ ! Tags : การใช้สไตล์และในวิธีนี้ :< style > < / style > ไม่เขียนลักษณะการเชื่อมโยง href rel , , , ไม่มีอะไร ตามที่ปรากฏข้างต้น .
4 กำหนดรูปแบบทั้งหมดสำหรับ divs หัวเรื่องย่อหน้า , ภาพ , ลอย , กล่อง , ฟองน้ำเสริมนะ ขอบ ทุกอย่างที่คุณต้องการ ตามธรรมชาติ จะมีลักษณะของเครื่องหมายหลังจากส่วนของรหัส HTML ของคุณจะถูกเขียน เพียงแค่ฉันบอก " เริ่มด้วย CSS หน้าภายใน " หมายความว่ามันควรจะ beinternal CSS ,ก้าวหน้าส่วน HTML .
6 สร้างเครื่องหมายของคุณ อย่าลืมใส่ URL ของภาพพื้นหลัง ปุ่ม ฯลฯ ซึ่งคุณโฮสต์ตอนนี้ภายนอกไฟล์โฮสต์เว็บไซต์ และ URL ของภาพที่คุณเก็บไว้ใน โฟลเดอร์ในเครื่องของคุณ คุณสามารถอัปโหลดภาพบนอีเบย์ในรายการรายละเอียดของหน้า คุณสามารถแสดงเส้นทางไปยังภาพ ทำเครื่องหมายขึ้นและรูปแบบ .
7 ตัวอย่างในเบราว์เซอร์เห็นสิ่งที่คุณต้องถูกต้อง ทั้งหมดเป็นปกติ .
8 ตรวจสอบงานของคุณกับ W3C Validator หรืออื่น ๆที่คุณใช้ในการตรวจสอบตัวตรวจสอบเว็บไซต์ของคุณ .
9 เปิดหน้ารายละเอียดของอีเบย์ของคุณคัดลอกและวางรหัสของคุณ ตัวอย่างมัน ดูดี ?
10 ดี คุณจะทำ .
ที่นี่ด้านล่างหน้าจอของรายการอีเบย์ของฉันเอง แสดง ที่คุณสามารถดูว่าหลักการของการเข้ารหัสสำหรับอีเบย์ในรายการหน้า
การแปล กรุณารอสักครู่..
