طبق یافته های شرکت Com.score بیش از ۱۰۰ ملیون کاربر، برای وبگردی از موبایل های خود استفاده می کنند.
به همین دلیل یادگیری ساخت وب سایت مخصوص تلفن های همراه امری ضروری است.
برای استفاده از این مقاله، به برنامه Dreanweaver CS5 یا بالاتر نیاز دارید.
در این قسمت پنجره New Document برای شما نمایش داده خواهد شد.
در قسمت چپ روی گزینه Page From Sample را انتخاب کنید.
در ستون بعدی Mobile Starters و در ستون دیگر jQuery Mobile (CDN) را انتخاب کنید.
به محض باز کردن فایل (jQuery Mobile (CDN یک صفحه شبیه به تصویر بالا را مشاهده خواهید کرد.
اگر با زبان HTML آشنایی نداشته باشید ممکن است این قسمت برای شما کمی سخت باشد. برای ایجاد محتوا بهتر است در برنامه Dreamweaver در حالت Split view کار کنید. برای فعال کردن این حالت در گوشه سمت چپ برنامه زیر منوی فایل، چهار گزینه مشاهده خواهید کرد: Code, Split, Design, Live.
در قسمتی از کدها، کد (div data-role="page" id="page") را مشاهده خواهید کرد. این کد به شما می گوید که در اول صفحه قرار دارید. دقت داشته باشید که هر صفحه عدد خود را دارد. مثال: div data-role="page" id="page2، نشان دهنده صفحه دوم است.
div data-role="header قسمت مربوط به عنوان است که در این مرحله شما باید اطلاعات عنوان خود را در بین دو عبارت "h1" و "/h1" قرار دهید.
دستور "div data-role="Content" شروع بخش مربوط به محتوا است. در این محتوای اصلی هر صفحه از وب سایت جای می گیرد.
برای این کار، متن خود را در قسمتی که نوشته "Page Footer" قرار دهید.
در همان قسمت که وارد حالت Split شدیم، گزینه دیگری با نام Live قرار دارد. با کلیک بر روی آن، شکل واقعی وب سایت خود را مشاهده خواهید کرد.
(2 votes, average: 5٫00 out of 5)Loading...
آموزش بسیار کاربردی بود
قشهدی