استایل چرخش تصویر10 درجه

یه استایل برای چرخش همه تصاویر موجود در وبلاگ/وبسایت  به صورت 10 درجه.

برای استفاده می بایست اول بعد از استخراج سازی تکست موجود را(sss.htm.txt)را در یک ویرایشگر متن باز کنید و کدهای درون اون را بعد از کپی در مکان دلخواه پست کنید.(یا قبل از head/)و یا(در بخش اسکریپتهای اختصاصی).

دانلود پروژه جاوا اسکریپت

مقدمه :

انتخاب موضوع جاوااسکریپت،به معنی ورودبه دنیای طراحی و برنامه نویسی صفحات وب است. وب جهانی که در ابتدا تنها بعنوان مخزنی از اطلاعات مختلف که درقالب صفحاتی ساکن تنظیم شده بودند در نظر گرفته میشد. با رشد سریع خود توانست به یکی ازمهمترین وسایل آموزشی ،ارتباطی ،تجاری و تفریحی تبدیل شود. به موازات رشد سریع این رسانه، ابزارهاوروشهای توسعه آن نیز رشد کرده و متحول شده است .                  

گـر چه جـاوااسکـریپت یک زبان برنامه نویسی است،اما فراگیری آن بسیار ساده است. برخلاف اکثر زبانهای برنامه نویسی،برای آموختن این زبان به دانش زیادی نیاز ندارید.سادگی ودر عین حال تواناییهای فوق العاده این زبان آنرا به یک ابزار مشهور وپر طرفدار برای برنامه نویسی در صفحات وب تبدیل کرده است . در واقع امروزه کمتر صفحه وبی را می یابید که در آن از جاوااسکریپت استفاده نشده باشد.

فهرست مطالب

چکیده : 4

مقدمه : 5

جاوااسکریپت چیست؟. 6

2ـ1)اسکـریپتهاو برنامه ها: 7

3ـ1)معرفی جـاوااسکـریپت: 7

4ـ1)قابلیتهای جـاوااسکـریپت: 8

5ـ1)تفاوتهای جـاوا و جـاوااسکـریپت: 8

خلق یک اسکـریپت: 10

1ـ2)ابزار اسکریپت نویسی: 10

2ـ2)آغاز خلق اسکریپت : 11

بررسی قابلیتهای جاوااسکریپت: 11

1ـ1ـ3)استفاده از نوار وضعیت: 12

2ـ3)کار با برنامه‌های اتصالی: 13

1ـ4)توابع در جاوااسکریپت.. 14

2ـ4)اشیاء در جاوااسکریپت : 16

1ـ2ـ4)جاوااسکریپت از سه نوع شیء پشتیبانی می‌کند: 16

3ـ4)کنترل حوادث: 17

4ـ4)مخفی کردن اسکـریپتها از مرورگرهای قدیمی : 18

استفاده از مقادیر و ذخیره‌سازی آنها : 19

1ـ5)انتخاب نام برای متغییرها: 19

2ـ5)انواع داده‌ها در جاوااسکریپت : 20

1ـ2ـ5)انواع اساسی داده‌های جاوااسکریپت : 20

رشته‌ها و آرایه‌ها : 21

1ـ6)خلق یک شیء String : 22

بررسی و مقایسه متغیرها : 22

1ـ7)دستور if: 22

2ـ7)دستور else : 23

1ـ8)حلقه‌های for : 24

2ـ8)حلقه های while: 25

3ـ8)حلقه‌های do…while: 25

اشیاء درون ساخت مرورگر: 25

1ـ9)اشیاء چیستند؟. 25

1ـ1ـ9)خلق اشیاء : 26

2ـ9)خاصیتهای اشیاء و مقادیر: 26

3ـ9)گرد کردن اعداد: 27

4ـ9)خلق اعداد تصادفی : 27

5ـ9)کار با تاریخها : 28

مدل شیئی سند (DOM) : 28

1ـ10)درک مدل شیئی سند : 28

شیء window : 29

2ـ10)دسترسی به تاریخچه مرورگر : 30

شیءHistory: 30

شیء location : 30

خلق اشیاء اختصاصی: 31

1ـ11)استفاده از اشیاء برای ساده‌کردن اسکریپتها : 31

2ـ11)اختصاصی کردن اشیاء درون ساخت : 32

پنجره‌ها و زیرصفحه‌ها : 32

1ـ12)کنترل پنجره‌ها با استفاده از اشیاء: 33

2ـ12)ایجاد وقفه‌های زمانی : 33

3ـ12)استفاده از اشیاء جاوااسکریپت برای کار با زیرصفحه‌ها : 34

دریافت اطلاعات به کمک پرسشنامه : 35

1ـ14)اصول طراحی پرسشنامه‌ها در HTML : 35

2ـ14)شی‌ء form در جاوااسکریپت : 35

3ـ14)ورودیهای متن : 35

4ـ14)ورودیهای چند خطی متن : 36

5ـ14)کار با متن در پرسشنامه‌ها : 36

6ـ14)دکمه‌ها : 36

7ـ14)مربعهای گزینش : 37

8ـ14)دکمه‌های رادیوئی : 37

تصاویر گرافیکی و انیمیشن : 38

1ـ15)استفاده از جاوااسکریپت برای کار با نقشه‌های تصویری : 38

2ـ15)تصاویر دینامیک در جـاوااسکـریپت : 38

اسکـریپتهای فرامرورگری : 39

1ـ16)دریافت اطلاعات مرورگر : 39

2ـ16)حل مشکل ناسازگاری مرورگرها : 40

3ـ16)خلق اسکریپتهایی که به یک مرورگر اختصاص دارند : 40

4ـ16)هدایت کاربران به صفحات متفاوت : 41

5ـ16)خلق یک صفحه چند منظوره : 41

کار با شیوه نامه ها : 41

1ـ17)معرفی HTML دینامیک : 41

2ـ17)شیوه ها و ظاهر صفحات : 42

3ـ17)تعریف و استفاده از شیوه‌های css : 43

4ـ17)تنظیم مکان متن : 43

5ـ17)تغییر رنگ ، و تصاویر زمینه : 43

6ـ17)کار با فونتها : 44

7ـ17)حاشیه ها و حدود : 44

استفاده از لایه‌ها برای خلق صفحات دینامیک : 45

1ـ18)لایه‌ها چگونه کار می‌کنند ؟. 45

2ـ18)دو استاندارد برای خلق لایه ها : 46

3ـ18)خلق لایه‌های CSS : 46

4ـ18)تعریف خواص لایه ها : 47

استفاده از جاوااسکریپت برای توسعه سایت وب :‌ 47

1ـ19)خلق سند HTML : 48

2ـ19)استفاده ازلیستهای باز شونده برای تسهیل هدایت کاربران : 48

3ـ19)خلق دستورات HTML و ایجاد ساختار داده ای: 49

4ـ19)افزودن توضیحاتی در مورد پیوندها: 49

5ـ19)استفاده از پیوندهای گرافیکی: 50

نتیجه: 50

خلاصه: 51

فهرست منابع: 52

این فایل به صورت word  و در 53 صفحه می باشد.

طراحی وب سایت واکنش گرا (RESPONSIVE)

پروژه "طراحی وب سایت واکنش گرا (RESPONSIVE) "  با تمرکز بر واکنش گرایی  به طراحی یک وب سایت ساده شخصی میپردازد که چند صفحه از اطلاعات شخصی را دارد.این پروژه یک دایکیومنت 95 صفحه ای دارد که با توضیح روش کار و کدهای لازم شروع میشود و در آخر کدهای مورد استفاده را با توضیحات آورده ایم. 

+ سورس کدهای پروژه بصورت page های قابل اجرا و قابل ویرایش (sourcecodes) 

برای ویرایش Page  ها هریک را با یک ویرایشگر مانند Adobe Dreamweaver باز کنید و متنهای دلخواه خود را اضافه کرده و ذخیره نمایید. برای اطمینان از کیفیت و سطح علمی پروژه ، نمونه رایگان آن را از لینک زیر دانلود کرده و پس از آشنایی کامل تر اقدام به خرید محصول فرمایید.

چکیده

وب جزیی از اینترنت است. وب مخزنی از صفحات اینترنتی است که هر یک دارای آدرس مشخصی هستند و توسط آن آدرس ها مسیریابی یا یافته میگردند و کاربری که به شبکه اینترنت متصل شده (کامپیوتر آنها جزو کامپیوترهای دیگر اینترنت قرار گرفته است) می توانند با نوشتن آدرس صفحه ای از وب، برروی نوار آدرس مرورگر خود، به صفحه وب مورد نظر که در مخزن صفحات وب در اینترنت قرار دارد، دسترسی یابد.

وب توسط تیم برزلی با نام شبکه گسترده جهانی یا (world wide web) اختراع گشت و تا قبل از آن، مفهوم ارتباط اینترنتی تنها منوط به ارسال و دریافت اطلاعات به صورت مستقیم از یک کاربر به یک کاربر دیگر بود (مانند ایمیل) اما با ظهور وب، فضا یا محدوده ای ایجاد گشت که کاربران در این فضا اطلاعات و دیتاهای خود را قرار می دادند و این فضاها به فضاهای کوچکتری به نام صفحات تقسیم می گشتند و هر صفحه دارای آدرس منحصر به فردی بود. کاربران دیگر از طریق تایپ آدرس در برنامه های مرورگری مانند اینترنت اکسپلورر، امکان مشاهده و بازدید آن صفحه که حاوی اطلاعاتی از نوع متن، عکس یا چیزهایی شبیه آن است ، را پیدا می کردند.

با وصل شدن شما به سرور ارائه دهنده سرویس اینترنتی، شما جزو میلیونها کامپیوتر موجود در اینترنت قرار می گیرید و با تایپ آدرس یکی از صفحات وب در مرورگر خود، به جمع استفاده کنندگان وب می پیوندید. با این توصیف، می توان گفت که وب چیزی است در دل اینترنت و وب بدون اینترنت معنا نمی یابد، اما اینترنت خود بدون وب همچنان کار ارتباط میان کاربران را انجام میدهد.از آنجا که امروزه فناوری به یک بخش ضروری از زندگی روزمره تبدیل شده است در نتیجه می بایست طیف گسترده ای از دستگاه هایی که کاربران به واسطه آنها قادر به دسترسی به اینترنت هستند را در نظر گرفت. زیرا انعطاف پذیری، کلید موفقیت کسب و کار به خصوص کسب و کار آنلاین است.

امروزه کاربران از بیشمار نمایشگر در ابعاد بزرگ و کوچک برای دستیابی به صفحات اینترنت استفاده میکنند.همان طور که در معماری، با بهره گرفتن از تکنولوژی مدرن این امکان را فراهم می آورند تا بتوان اجزاء و تجهیزات مختلف را به طور خودکار کنترل نمود، طراحی وب سایت واکنش گرا نیز رویکرد مناسبی است که طراحان وب را قادر می سازد تا با پیاده سازی وب سایت انعطاف پذیر، نسبت به تغییر دستگاه کاربران واکنش دهد.

تا چندی پیش برای نمایش یک وب سایت در موبایل، طراحی و برنامه نویسی مجزا تحت عنوان Mobile version یا سایت موبایل محور انجام می‌شد. در این نوع طراحی، سرور با توجه به شناسه مرورگر کاربر تشخیص می داد که کاربر سایت را با موبایل بازدید می کند در این حالت محتوای موبایل را در همان آدرس به او نشان می‌داد یا او را به URL مخصوص موبایل هدایت می نمود.

فهرست مطالب

عنوان      شماره صفحه

فصل اول ،آشنایی با ساختار HTML

1-1 مقدمه. 2

1-2 تاریخچه. 2

1-2-1 فرمت کلی یک فایل HTML.. 3

1-3 معرفی تگ ها 3

1-4 تگهایی فرم بندی متن.. 6

1-5  قرار دادن یک تصویر بر روی صفحه. 9

1-5-1 آشنایی با Image map. 10

1-6  طرز ایجاد لیست در HTML.. 11

برای ایجاد لیست در html دو روش داریم: 11

1-7 جدولها 12

1-8  فریم بندی در html 15

1-9 new page. 18

1-9-1 قرار دادن یک AVI بر روی Webpage. 18

1-9-2 قرار دادن موسیقی background بر روی یک web page. 18

1-9-3 قرار دادن نوشته متحرک بر روی web page. 18

1-10 آشنایی با HTML5. 19

1-10-1 فرم ها در HTML5. 21

1-10-2 خاصیت required برای فیلد ها: 22

1-10-3 Web Storage. 23

فصل دوم ،آشنایی با CSS

2-1 مقدمه. 25

2-2 چرا باید از CSS استفاده کنیم.. 26

2-3 ساختار نحوی دستورات CSS. 26

2-3-1 CSS Comment 27

2-3-2 id و Class در CSS. 28

2-3-3 اعمال دستورات فقط بر روی یک عنصر واحد توسط id. 28

2-3-4 اعمال دستورات بر روی یک گروه از عناصر توسط Class. 29

2-4 دستورات CSS را کجا بنویسیم؟. 30

2-4-1 External Style Sheet 30

2-4-2 Internal Style Sheet 30

2-4-3 Inline Style. 31

2-5 شیوه نامه های چندگانه. 31

2-6 ویژگیهای css. 33

2-7 قابلیت های جدید در css3. 42

فصل سوم ، واکنش گرایی (RESPONSIVE)

3-1 مقدمه. 45

3-2 اهمیت طراحی وب سایت واکنش گرا ریسپانسیو (RESPONSIVE) 45

3-3 مزایای واکنش گرایی (ریسپانسیو) 46

3-4 دلایل نیاز به سایت واکنش گرا 48

3-4-1 طراحی واکنش گرا، چقدر هزینه بر است؟. 50

3-4-2 آینده از آن ابزار های موبایلی است... 50

پیوست ،کدها و مستندات پروژه طراحی سایت واکنش گرا

کدهای صفحه اصلی.. 52

کد های صفحه جزئیات.. 55

کد تیتر بزرگ... 58

مجموعه کد های واکنش گرا 60

منابع.. 84

طراحی وب سایت واکنش گرا (RESPONSIVE)

پروژه "طراحی وب سایت واکنش گرا (RESPONSIVE) "  با تمرکز بر واکنش گرایی  به طراحی یک وب سایت ساده شخصی میپردازد که چند صفحه از اطلاعات شخصی را دارد.این پروژه یک دایکیومنت 95 صفحه ای دارد که با توضیح روش کار و کدهای لازم شروع میشود و در آخر کدهای مورد استفاده را با توضیحات آورده ایم. 

+ سورس کدهای پروژه بصورت page های قابل اجرا و قابل ویرایش (sourcecodes) 

برای ویرایش Page  ها هریک را با یک ویرایشگر مانند Adobe Dreamweaver باز کنید و متنهای دلخواه خود را اضافه کرده و ذخیره نمایید. برای اطمینان از کیفیت و سطح علمی پروژه ، نمونه رایگان آن را از لینک زیر دانلود کرده و پس از آشنایی کامل تر اقدام به خرید محصول فرمایید.

چکیده

وب جزیی از اینترنت است. وب مخزنی از صفحات اینترنتی است که هر یک دارای آدرس مشخصی هستند و توسط آن آدرس ها مسیریابی یا یافته میگردند و کاربری که به شبکه اینترنت متصل شده (کامپیوتر آنها جزو کامپیوترهای دیگر اینترنت قرار گرفته است) می توانند با نوشتن آدرس صفحه ای از وب، برروی نوار آدرس مرورگر خود، به صفحه وب مورد نظر که در مخزن صفحات وب در اینترنت قرار دارد، دسترسی یابد.

وب توسط تیم برزلی با نام شبکه گسترده جهانی یا (world wide web) اختراع گشت و تا قبل از آن، مفهوم ارتباط اینترنتی تنها منوط به ارسال و دریافت اطلاعات به صورت مستقیم از یک کاربر به یک کاربر دیگر بود (مانند ایمیل) اما با ظهور وب، فضا یا محدوده ای ایجاد گشت که کاربران در این فضا اطلاعات و دیتاهای خود را قرار می دادند و این فضاها به فضاهای کوچکتری به نام صفحات تقسیم می گشتند و هر صفحه دارای آدرس منحصر به فردی بود. کاربران دیگر از طریق تایپ آدرس در برنامه های مرورگری مانند اینترنت اکسپلورر، امکان مشاهده و بازدید آن صفحه که حاوی اطلاعاتی از نوع متن، عکس یا چیزهایی شبیه آن است ، را پیدا می کردند.

با وصل شدن شما به سرور ارائه دهنده سرویس اینترنتی، شما جزو میلیونها کامپیوتر موجود در اینترنت قرار می گیرید و با تایپ آدرس یکی از صفحات وب در مرورگر خود، به جمع استفاده کنندگان وب می پیوندید. با این توصیف، می توان گفت که وب چیزی است در دل اینترنت و وب بدون اینترنت معنا نمی یابد، اما اینترنت خود بدون وب همچنان کار ارتباط میان کاربران را انجام میدهد.از آنجا که امروزه فناوری به یک بخش ضروری از زندگی روزمره تبدیل شده است در نتیجه می بایست طیف گسترده ای از دستگاه هایی که کاربران به واسطه آنها قادر به دسترسی به اینترنت هستند را در نظر گرفت. زیرا انعطاف پذیری، کلید موفقیت کسب و کار به خصوص کسب و کار آنلاین است.

امروزه کاربران از بیشمار نمایشگر در ابعاد بزرگ و کوچک برای دستیابی به صفحات اینترنت استفاده میکنند.همان طور که در معماری، با بهره گرفتن از تکنولوژی مدرن این امکان را فراهم می آورند تا بتوان اجزاء و تجهیزات مختلف را به طور خودکار کنترل نمود، طراحی وب سایت واکنش گرا نیز رویکرد مناسبی است که طراحان وب را قادر می سازد تا با پیاده سازی وب سایت انعطاف پذیر، نسبت به تغییر دستگاه کاربران واکنش دهد.

تا چندی پیش برای نمایش یک وب سایت در موبایل، طراحی و برنامه نویسی مجزا تحت عنوان Mobile version یا سایت موبایل محور انجام می‌شد. در این نوع طراحی، سرور با توجه به شناسه مرورگر کاربر تشخیص می داد که کاربر سایت را با موبایل بازدید می کند در این حالت محتوای موبایل را در همان آدرس به او نشان می‌داد یا او را به URL مخصوص موبایل هدایت می نمود.

فهرست مطالب

عنوان      شماره صفحه

فصل اول ،آشنایی با ساختار HTML

1-1 مقدمه. 2

1-2 تاریخچه. 2

1-2-1 فرمت کلی یک فایل HTML.. 3

1-3 معرفی تگ ها 3

1-4 تگهایی فرم بندی متن.. 6

1-5  قرار دادن یک تصویر بر روی صفحه. 9

1-5-1 آشنایی با Image map. 10

1-6  طرز ایجاد لیست در HTML.. 11

برای ایجاد لیست در html دو روش داریم: 11

1-7 جدولها 12

1-8  فریم بندی در html 15

1-9 new page. 18

1-9-1 قرار دادن یک AVI بر روی Webpage. 18

1-9-2 قرار دادن موسیقی background بر روی یک web page. 18

1-9-3 قرار دادن نوشته متحرک بر روی web page. 18

1-10 آشنایی با HTML5. 19

1-10-1 فرم ها در HTML5. 21

1-10-2 خاصیت required برای فیلد ها: 22

1-10-3 Web Storage. 23

فصل دوم ،آشنایی با CSS

2-1 مقدمه. 25

2-2 چرا باید از CSS استفاده کنیم.. 26

2-3 ساختار نحوی دستورات CSS. 26

2-3-1 CSS Comment 27

2-3-2 id و Class در CSS. 28

2-3-3 اعمال دستورات فقط بر روی یک عنصر واحد توسط id. 28

2-3-4 اعمال دستورات بر روی یک گروه از عناصر توسط Class. 29

2-4 دستورات CSS را کجا بنویسیم؟. 30

2-4-1 External Style Sheet 30

2-4-2 Internal Style Sheet 30

2-4-3 Inline Style. 31

2-5 شیوه نامه های چندگانه. 31

2-6 ویژگیهای css. 33

2-7 قابلیت های جدید در css3. 42

فصل سوم ، واکنش گرایی (RESPONSIVE)

3-1 مقدمه. 45

3-2 اهمیت طراحی وب سایت واکنش گرا ریسپانسیو (RESPONSIVE) 45

3-3 مزایای واکنش گرایی (ریسپانسیو) 46

3-4 دلایل نیاز به سایت واکنش گرا 48

3-4-1 طراحی واکنش گرا، چقدر هزینه بر است؟. 50

3-4-2 آینده از آن ابزار های موبایلی است... 50

پیوست ،کدها و مستندات پروژه طراحی سایت واکنش گرا

کدهای صفحه اصلی.. 52

کد های صفحه جزئیات.. 55

کد تیتر بزرگ... 58

مجموعه کد های واکنش گرا 60

منابع.. 84

طراحی وب سایت واکنش گرا (RESPONSIVE)

پروژه "طراحی وب سایت واکنش گرا (RESPONSIVE) "  با تمرکز بر واکنش گرایی  به طراحی یک وب سایت ساده شخصی میپردازد که چند صفحه از اطلاعات شخصی را دارد.این پروژه یک دایکیومنت 95 صفحه ای دارد که با توضیح روش کار و کدهای لازم شروع میشود و در آخر کدهای مورد استفاده را با توضیحات آورده ایم. 

+ سورس کدهای پروژه بصورت page های قابل اجرا و قابل ویرایش (sourcecodes) 

برای ویرایش Page  ها هریک را با یک ویرایشگر مانند Adobe Dreamweaver باز کنید و متنهای دلخواه خود را اضافه کرده و ذخیره نمایید. برای اطمینان از کیفیت و سطح علمی پروژه ، نمونه رایگان آن را از لینک زیر دانلود کرده و پس از آشنایی کامل تر اقدام به خرید محصول فرمایید.

چکیده

وب جزیی از اینترنت است. وب مخزنی از صفحات اینترنتی است که هر یک دارای آدرس مشخصی هستند و توسط آن آدرس ها مسیریابی یا یافته میگردند و کاربری که به شبکه اینترنت متصل شده (کامپیوتر آنها جزو کامپیوترهای دیگر اینترنت قرار گرفته است) می توانند با نوشتن آدرس صفحه ای از وب، برروی نوار آدرس مرورگر خود، به صفحه وب مورد نظر که در مخزن صفحات وب در اینترنت قرار دارد، دسترسی یابد.

وب توسط تیم برزلی با نام شبکه گسترده جهانی یا (world wide web) اختراع گشت و تا قبل از آن، مفهوم ارتباط اینترنتی تنها منوط به ارسال و دریافت اطلاعات به صورت مستقیم از یک کاربر به یک کاربر دیگر بود (مانند ایمیل) اما با ظهور وب، فضا یا محدوده ای ایجاد گشت که کاربران در این فضا اطلاعات و دیتاهای خود را قرار می دادند و این فضاها به فضاهای کوچکتری به نام صفحات تقسیم می گشتند و هر صفحه دارای آدرس منحصر به فردی بود. کاربران دیگر از طریق تایپ آدرس در برنامه های مرورگری مانند اینترنت اکسپلورر، امکان مشاهده و بازدید آن صفحه که حاوی اطلاعاتی از نوع متن، عکس یا چیزهایی شبیه آن است ، را پیدا می کردند.

با وصل شدن شما به سرور ارائه دهنده سرویس اینترنتی، شما جزو میلیونها کامپیوتر موجود در اینترنت قرار می گیرید و با تایپ آدرس یکی از صفحات وب در مرورگر خود، به جمع استفاده کنندگان وب می پیوندید. با این توصیف، می توان گفت که وب چیزی است در دل اینترنت و وب بدون اینترنت معنا نمی یابد، اما اینترنت خود بدون وب همچنان کار ارتباط میان کاربران را انجام میدهد.از آنجا که امروزه فناوری به یک بخش ضروری از زندگی روزمره تبدیل شده است در نتیجه می بایست طیف گسترده ای از دستگاه هایی که کاربران به واسطه آنها قادر به دسترسی به اینترنت هستند را در نظر گرفت. زیرا انعطاف پذیری، کلید موفقیت کسب و کار به خصوص کسب و کار آنلاین است.

امروزه کاربران از بیشمار نمایشگر در ابعاد بزرگ و کوچک برای دستیابی به صفحات اینترنت استفاده میکنند.همان طور که در معماری، با بهره گرفتن از تکنولوژی مدرن این امکان را فراهم می آورند تا بتوان اجزاء و تجهیزات مختلف را به طور خودکار کنترل نمود، طراحی وب سایت واکنش گرا نیز رویکرد مناسبی است که طراحان وب را قادر می سازد تا با پیاده سازی وب سایت انعطاف پذیر، نسبت به تغییر دستگاه کاربران واکنش دهد.

تا چندی پیش برای نمایش یک وب سایت در موبایل، طراحی و برنامه نویسی مجزا تحت عنوان Mobile version یا سایت موبایل محور انجام می‌شد. در این نوع طراحی، سرور با توجه به شناسه مرورگر کاربر تشخیص می داد که کاربر سایت را با موبایل بازدید می کند در این حالت محتوای موبایل را در همان آدرس به او نشان می‌داد یا او را به URL مخصوص موبایل هدایت می نمود.

فهرست مطالب

عنوان      شماره صفحه

فصل اول ،آشنایی با ساختار HTML

1-1 مقدمه. 2

1-2 تاریخچه. 2

1-2-1 فرمت کلی یک فایل HTML.. 3

1-3 معرفی تگ ها 3

1-4 تگهایی فرم بندی متن.. 6

1-5  قرار دادن یک تصویر بر روی صفحه. 9

1-5-1 آشنایی با Image map. 10

1-6  طرز ایجاد لیست در HTML.. 11

برای ایجاد لیست در html دو روش داریم: 11

1-7 جدولها 12

1-8  فریم بندی در html 15

1-9 new page. 18

1-9-1 قرار دادن یک AVI بر روی Webpage. 18

1-9-2 قرار دادن موسیقی background بر روی یک web page. 18

1-9-3 قرار دادن نوشته متحرک بر روی web page. 18

1-10 آشنایی با HTML5. 19

1-10-1 فرم ها در HTML5. 21

1-10-2 خاصیت required برای فیلد ها: 22

1-10-3 Web Storage. 23

فصل دوم ،آشنایی با CSS

2-1 مقدمه. 25

2-2 چرا باید از CSS استفاده کنیم.. 26

2-3 ساختار نحوی دستورات CSS. 26

2-3-1 CSS Comment 27

2-3-2 id و Class در CSS. 28

2-3-3 اعمال دستورات فقط بر روی یک عنصر واحد توسط id. 28

2-3-4 اعمال دستورات بر روی یک گروه از عناصر توسط Class. 29

2-4 دستورات CSS را کجا بنویسیم؟. 30

2-4-1 External Style Sheet 30

2-4-2 Internal Style Sheet 30

2-4-3 Inline Style. 31

2-5 شیوه نامه های چندگانه. 31

2-6 ویژگیهای css. 33

2-7 قابلیت های جدید در css3. 42

فصل سوم ، واکنش گرایی (RESPONSIVE)

3-1 مقدمه. 45

3-2 اهمیت طراحی وب سایت واکنش گرا ریسپانسیو (RESPONSIVE) 45

3-3 مزایای واکنش گرایی (ریسپانسیو) 46

3-4 دلایل نیاز به سایت واکنش گرا 48

3-4-1 طراحی واکنش گرا، چقدر هزینه بر است؟. 50

3-4-2 آینده از آن ابزار های موبایلی است... 50

پیوست ،کدها و مستندات پروژه طراحی سایت واکنش گرا

کدهای صفحه اصلی.. 52

کد های صفحه جزئیات.. 55

کد تیتر بزرگ... 58

مجموعه کد های واکنش گرا 60

منابع.. 84