طبق وب سایت com.score Inc. بیش از 100 میلیون مصرف کننده از تلفن های هوشمند خود برای مرور اینترنت استفاده می کنند. نحوه ایجاد وب سایت تلفن همراه به طور خاص برای مخاطبان تلفن همراه را بیاموزید. برای این آموزش ، شما به dreamweaver CS5 و بالاتر نیاز دارید. این مقاله نحوه ایجاد یک وب سایت jquery تلفن همراه را توضیح می دهد.
مراحل
مرحله 1. Dreamweaver را باز کرده و به فایل> New بروید
سپس پنجره "سند جدید" را مشاهده خواهید کرد. در سمت چپ ، می خواهید گزینه "page from sample" را انتخاب کنید سپس در ستون بعدی ، "starters mobile" ، سپس "jQuery Mobile (CDN)" را انتخاب کنید.
مرحله 2. ایجاد صفحات
هنگامی که فایل jQuery Mobile (CDN) را باز می کنید ، صفحه ای را مشاهده خواهید کرد که شبیه این است:
اگرچه از نظر فنی این یک سند یک صفحه ای است ، اما هر سرصفحه نشان دهنده یک "صفحه" متفاوت است. به عنوان مثال ، "صفحه اول" صفحه اصلی وب سایت تلفن همراه است ، "صفحه دو" می تواند صفحه درباره ما باشد ، "صفحه سه" می تواند صفحه خدمات شما باشد و غیره
مرحله 3. به کد نگاه کنید
اگر با HTML اولیه آشنایی ندارید ، این مراحل می تواند بسیار مشکل باشد. برای ایجاد محتوا ، سعی کنید در "نمای تقسیم شده" در Dreamweaver کار کنید. اگر به گوشه سمت چپ Dreamweaver ، در زیر منوی فایل نگاه کنید ، چهار گزینه "کد ، تقسیم ، طراحی و زندگی" را مشاهده می کنید:
گزینه برجسته "split" را انتخاب کنید و نمای کدها و سایت واقعی را در کنار هم مشاهده خواهید کرد. یه نگاه به کد بنداز
مرحله 4. سرصفحه ها را برای هر صفحه ویرایش کنید
وجود دارد (div data-role = "page") ، به این معنی که این شروع یک صفحه جدید است. توجه داشته باشید که هر صفحه با عددی مرتبط است 'div data-role = "page"' صفحه دوم ، 'div data-role = "page' 'صفحه سوم و غیره است
'div data-role = "header" منطقه سرصفحه است و اطلاعات سربرگ خود را بین دو برچسب "h1" و "/h1" قرار می دهید.
مرحله 5. محتوا و موارد منو را ویرایش کنید
'div data-role = "Content"' ابتدای بخش محتوا است. اینجاست که محتوای واقعی هر صفحه را قرار می دهید. توجه داشته باشید که در صفحه اول موارد زیر وجود دارد:
-
و اگر به صفحه وب واقعی نگاه کنید ، می بینید که صفحه اول لیستی از پیوندها را دارد. 'ul data-role = "listview" به این معنی است که شما می خواهید لیستی از پیوندها را در قسمت محتوا داشته باشید. هنگام افزودن هر مورد از منو یا "data-role =" listview "، مطمئن شوید که متن صحیح را با صفحات صحیح پیوند داده اید. به به عنوان مثال اگر صفحه دو "درباره ما" ، صفحه سه "خدمات ما" و صفحه چهار "تماس با ما" باشد ، می خواهید موارد زیر را قرار دهید:
ایجاد وب سایت تلفن همراه با Dreamweaver مرحله 5 گلوله 1 -
اکنون برای ویرایش محتوا ، به سادگی متن خود را بین برچسب های 'div data-role = "content"' و '/div' قرار دهید. مثلا:
ایجاد وب سایت تلفن همراه با Dreamweaver مرحله 5 گلوله 2
مرحله 6. پاورقی را ویرایش کنید
برای ویرایش پاورقی ، کافی است متن خود را به جای متن "صفحه اصلی" قرار دهید.
مرحله 7. به وب سایت خود در "حالت زنده" نگاه کنید
به یاد دارید کجا را به "حالت تقسیم" تغییر داده اید؟ درست در آن منطقه ، یک دکمه وجود دارد که می گوید "زنده". روی آن کلیک کنید ، خواهید دید که وب سایت شما در تلفن چگونه خواهد بود!
