Dreamweaver के साथ एक मोबाइल वेबसाइट कैसे बनाएं

2. पेज बनाएं. एक बार जब आप jQuery मोबाइल (सीडीएन) फ़ाइल खोलें, तो आपको एक ऐसा पृष्ठ दिखाई देगा जो इस जैसा दिखता है:

3. कोड देखें. यदि आप मूल HTML से अपरिचित हैं तो ये कदम बहुत मुश्किल हो सकते हैं. सामग्री बनाने के लिए, में काम करने का प्रयास करें "भाजित दृश्य" ड्रीमवेवर पर. उस मोड में कैसे पहुंचें यदि आप फ़ाइल मेनू के नीचे ड्रीमवेवर के बाएं कोने को देखते हैं, तो आप चार विकल्प देखेंगे "कोड, विभाजन, डिजाइन, और लाइव" इस तरह:

4. प्रत्येक पृष्ठ के लिए शीर्षलेख संपादित करें. वहाँ है (div डेटा-भूमिका ="पृष्ठ" आईडी ="पृष्ठ"), जिसका मतलब है कि यह एक नए पृष्ठ की शुरुआत है. ध्यान दें कि प्रत्येक पृष्ठ एक संख्या `div डेटा-भूमिका = के साथ जुड़ा हुआ है"पृष्ठ" आईडी ="पृष्ठ 2"`दूसरा पृष्ठ है,` div डेटा-भूमिका ="पृष्ठ" आईडी ="पेज 3"`तीसरा पृष्ठ और इतने पर है

`div डेटा-भूमिका ="हैडर"`हेडर क्षेत्र है, और आप दो के बीच अपनी शीर्षलेख जानकारी डालते हैं "एच 1"तथा "/ h1" टैग.

5. सामग्री और मेनू आइटम संपादित करें. `div डेटा-भूमिका ="सामग्री"`सामग्री अनुभाग की शुरुआत है. यह वह जगह है जहाँ आप प्रत्येक पृष्ठ की वास्तविक सामग्री डालते हैं. ध्यान दें कि पहले पृष्ठ में है:

6. पाद लेख संपादित करें. पाद लेख को संपादित करने के लिए, बस अपने पाठ को जगह में रखें "पेज फ़ुटर" टेक्स्ट.

7. अपनी वेबसाइट पर एक नज़र डालें "लाइव मोड". याद रखें कि आपने कहाँ स्विच किया "विभाजित मोड?" उस क्षेत्र में, एक बटन है जो कहता है "लाइव". उस पर क्लिक करें, और आप देखेंगे कि आपकी वेबसाइट फोन पर कैसी दिखाई देगी!