پروژه "طراحی وب سایت واکنش گرا (RESPONSIVE) " با تمرکز بر واکنش گرایی به طراحی یک وب سایت ساده شخصی میپردازد که چند صفحه از اطلاعات شخصی را دارد.این پروژه یک دایکیومنت 95 صفحه ای دارد که با توضیح روش کار و کدهای لازم شروع میشود و در آخر کدهای مورد استفاده را با توضیحات آورده ایم.+ سورس کدهای پروژه بصورت پیج های قابل اجرا و قابل ویرایش (sourcecodes)برای ویرایش Page ها هریک را با یک ویرایشگر مانند Adobe Dreamweaver باز کنید و متنهای دلخواه خود را اضافه کرده و ذخیره نمایید.برای اطمینان از کیفیت و سطح علمی پروژه ، نمونه رایگان آن را از لینک زیر دانلود کرده و پس از آشنایی کامل تر اقدام به خرید محصول فرمایید.چکیدهوب جزیی از اینترنت است. وب مخزنی از صفحات اینترنتی است که هر یک دارای آدرس مشخصی هستند و توسط آن آدرس ها مسیریابی یا یافته میگردند و کاربری که به شبکه اینترنت متصل شده (کامپیوتر آنها جزو کامپیوترهای دیگر اینترنت قرار گرفته است) می توانند با نوشتن آدرس صفحه ای از وب، برروی نوار آدرس مرورگر خود، به صفحه وب مورد نظر که در مخزن صفحات وب در اینترنت قرار دارد، دسترسی یابد.وب توسط تیم برزلی با نام شبکه گسترده جهانی یا (world wide web) اختراع گشت و تا قبل از آن، مفهوم ارتباط اینترنتی تنها منوط به ارسال و دریافت اطلاعات به صورت مستقیم از یک کاربر به یک کاربر دیگر بود (مانند ایمیل) اما با ظهور وب، فضا یا محدوده ای ایجاد گشت که کاربران در این فضا اطلاعات و دیتاهای خود را قرار می دادند و این فضاها به فضاهای کوچکتری به نام صفحات تقسیم می گشتند و هر صفحه دارای آدرس منحصر به فردی بود. کاربران دیگر از طریق تایپ آدرس در برنامه های مرورگری مانند اینترنت اکسپلورر، امکان مشاهده و بازدید آن صفحه که حاوی اطلاعاتی از نوع متن، عکس یا چیزهایی شبیه آن است ، را پیدا می کردند.با وصل شدن شما به سرور ارائه دهنده سرویس اینترنتی، شما جزو میلیونها کامپیوتر موجود در اینترنت قرار می گیرید و با تایپ آدرس یکی از صفحات وب در مرورگر خود، به جمع استفاده کنندگان وب می پیوندید. با این توصیف، می توان گفت که وب چیزی است در دل اینترنت و وب بدون اینترنت معنا نمی یابد، اما اینترنت خود بدون وب همچنان کار ارتباط میان کاربران را انجام میدهد.از آنجا که امروزه فناوری به یک بخش ضروری از زندگی روزمره تبدیل شده است در نتیجه می بایست طیف گسترده ای از دستگاه هایی که کاربران به واسطه آنها قادر به دسترسی به اینترنت هستند را در نظر گرفت. زیرا انعطاف پذیری، کلید موفقیت کسب و کار به خصوص کسب و کار آنلاین است.امروزه کاربران از بیشمار نمایشگر در ابعاد بزرگ و کوچک برای دستیابی به صفحات اینترنت استفاده میکنند.همان طور که در معماری، با بهره گرفتن از تكنولوژی مدرن این امكان را فراهم می آورند تا بتوان اجزاء و تجهیزات مختلف را به طور خودكار كنترل نمود، طراحی وب سایت واکنش گرا نیز رویکرد مناسبی است که طراحان وب را قادر می سازد تا با پیاده سازی وب سایت انعطاف پذیر، نسبت به تغییر دستگاه کاربران واکنش دهد.تا چندی پیش برای نمایش یک وب سایت در موبایل، طراحی و برنامه نویسی مجزا تحت عنوان Mobile version یا سایت موبایل محور انجام می‌شد. در این نوع طراحی، سرور با توجه به شناسه مرورگر کاربر تشخیص می داد که کاربر سایت را با موبایل بازدید می کند در این حالت محتوای موبایل را در همان آدرس به او نشان می‌داد یا او را به URL مخصوص موبایل هدایت می نمود.فهرست مطالبعنوان شماره صفحهفصل اول،آشنایی با ساختار HTML1-1 مقدمه. 21-2 تاريخچه. 21-2-1 فرمت کلی يک فايل HTML.. 31-3 معرفی تگ ها31-4 تگهايی فرم بندی متن.. 61-5 قرار دادن يک تصوير بر روی صفحه. 91-5-1 آشنايي با Image map. 101-6 طرز ايجاد ليست در HTML.. 11برای ايجاد ليست در html دو روش داريم:111-7 جدولها121-8 فريم بندی در html151-9 new page. 181-9-1 قرار دادن يک AVI بر روی Webpage. 181-9-2 قرار دادن موسيقی background بر روی يک web page. 181-9-3 قرار دادن نوشته متحرک بر روی web page. 181-10 آشنایی با HTML5. 191-10-1 فرم ها در HTML5. 211-10-2 خاصیت required برای فیلد ها:221-10-3 Web Storage. 23فصل دوم ،آشنایی با CSS2-1 مقدمه. 252-2 چرا باید از CSS استفاده کنیم.. 262-3 ساختار نحوی دستورات CSS. 262-3-1 CSS Comment272-3-2 id و Class در CSS. 282-3-3 اعمال دستورات فقط بر روی یک عنصر واحد توسط id. 282-3-4 اعمال دستورات بر روی یک گروه از عناصر توسط Class. 292-4 دستورات CSS را کجا بنویسیم؟. 302-4-1 External Style Sheet302-4-2 Internal Style Sheet302-4-3 Inline Style. 312-5 شیوه نامه های چندگانه. 312-6 ویژگیهای css. 332-7 قابلیت های جدید در css3. 42فصل سوم ، واکنش گرایی(RESPONSIVE)3-1 مقدمه. 453-2 اهمیت طراحی وب سایت واکنش گرا ریسپانسیو (RESPONSIVE)453-3 مزایای واکنش گرایی (ریسپانسیو)463-4 دلایل نیاز به سایت واکنش گرا483-4-1 طراحی واکنش گرا، چقدر هزینه بر است؟. 503-4-2 آینده از آن ابزار های موبایلی است... 50پیوست ،کدها و مستندات پروژه طراحی سایت واکنش گراکدهای صفحه اصلی.. 52کد های صفحه جزئیات.. 55کد تیتر بزرگ... 58مجموعه کد های واکنش گرا60منابع.. 84