پیشگفتار
طراحی سایت، به روند برنامه ریزی و ساخت یک سایت گفته می شود. متن، تصاویر، فایل های صوتی و تصویری و المان های برنامه نویسی، توسط طراحی سایت برای تولید صفحه ای قابل رویت در مرورگر، فرمت دهی می شوند. طراحان سایت ها برای ساخت صفحاتی که بتوانند توسط مرورگرها خوانده شوند، از زبان های نشانه ای که اکثرا برای ایجاد ساختار از HTML و برای نمایش از CSS هستند، استفاده می کنند. در دنیای Web 2.0، زبان های برنامه نویسی دیگر نظیر جاوا اسکریپت، Ruby on Rails، PHP، ASP.net و Perl برای ساخت صفحات سایت ها استفاده می شوند تا تعامل کاربر با سایت بوجود آید.
در کل، پروسه طراحی سایت شامل، مفهوم سازی، طرح ریزی، پیش تولید، تحقیق، تبلیغات، و همچنین مدیریت فایل های صوتی، تصویری و دیگر فابل های چند رسانه ای مورد استفاده در صفحات سایت می باشد. این کار می تواند توسط طراح، یا گروهی از طراحان با وظیفه ای مشخص، صورت گیرد. سایت می تواند شامل صفحه اصلی، که همچنین به آن خانه نیز گفته می شود و نیز بخش های متفاوت دیگری باشد که هرکدام برای هدف خاصی گرد هم آمده اند. صفحه اصلی سایت در مورد هدف اصلی سایت و همچنین بروز رسانی های روزانه آن صحبت می کند که می تواند شامل لینکی باشد که کاربران را به بخش های سایت مربوطه هدایت می کند.
فهرست مطالب
عنوان شماره صفحه
فصل اول ،آشنایی با ساختار 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
طراحی وب سایت فروشگاه اینترنتی و ارایه خدمات
