آموزش Front Page طراحی وب سایت

دانلود آموزش Front Page و مقدمات ایجاد وب سایت

فرمت فایل: ورد قابل ویرایش

تعداد صفحات: 32

فهرست

مقدمه

فصل اول :

          مقدمات ایجاد یک وب سایت
          نحوه ی طراحی کردن یک Page
 

فصل دوم :

          کار با جدولها
          توضیحات کار با جدولها
فصل سوم :

           توضیحاتFrame     
Frame Properties           
          طریقه ی لینک دادن فریمها به یکدیگر
فصل چهارم:

          گزینه ی Page Properties
          توضیحات  گزینه ی Page Properties
فصل پنجم :

          گزینه ی Behavior
          توضیحات مربوط به Behavior
          استفاده از امکانات منوی Behavior
فصل ششم :

 Form          ایجاد یک
Button           تنظیمات  

مقدمه:

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

     برنامه Front Page به عنوان یکی از نرم افزارهای موجود در بسته نرم افزاری Microsoft Office اولین با در سال 1997 به همراه این مجموعه با بازار عرضه شد و در طول این سالها شاهد تغییرات فراوانی در جهت افزایش قابلیت های آن بوده ایم . به طوری که امروزه به عنوان متداولترین ابزار برای تولید و ویرایش فایل های HTML و صفحات وب شناخته می شود و بسیاری از طراحان ترجیح می دهند برای بالا بردن کیفیت و کارایی صفحات وب خود از توانایی گسترده این نرم افزار بهره ببرند.

نکاتی در مورد Front Page :

وسیله ای جهت ایجاد صفحات وب

2- ابزاری برای مدیریت وب سایت

3- وسیله ای جهت نشر وب سایت

هر کدام از صفحات وب ، شامل کدهای مجزایی بنام HTML است .

HTML      که سرنام Hypertext Markup language می باشد یک زبان نشانه گذاری از زیر مجموعه های SGML است که جهت ایجاد مستندات فوق متنی و فوق رسانه در شبکه جهانی وب مورد استفاده قرار می گیرد. این مستندات متنی ، تصاویر ، صدا ، ویدئو و فوق پیوندها را شامل می شوند .
 پیوندها ارتباطات فوق متنی هستند که در یک صفحه وب گنجانده شده اند و این امکان را برایتان فراهم می سازند که از یک صفحه وب به یک فایل یا صفحه وب دیگر منتقل شوید .

مقدمات ایجاد یک وب سایت :

     می خواهیم یک وب سایت طراحی کنیم . هنگام ورود به محیط Front Page صفحه ای باز می شود که در قسمت راست صفحه منویی با عنوان New Page مشاهده می شود . چنانچه این منو باز نبود به روش زیر عمل می کنیم :
     ابتدا منوی File را باز کرده بر روی گزینه ی New کلیک کنید ، از منویی که باز می شود گزینه ی One Page Web Site را انتخاب نمایید .
     پنجره ای با عنوان Web Site Templates باز می شود که شامل سه منوی General ، Package و Share Point Services می باشد . هدف ما آنست که صفحه ای از پیش طراحی نشده ایجاد نماییم . یعنی تمام اجزای صفحه را بصورت دستی و بر حسب سلیقه ی شخصی طراحی کنیم . پس از منوی General گزینه ی Empty Web Site را انتخاب می نماییم .

کتاب - ۲۰۰ فاکتور موثر در سئوی سایت

لینک دانلود "MIMI file" پایین همین صفحه 

تعداد صفحات :  "42"

فرمت فایل : "pdf"

بخشی از  فایل  :

بهینه‌سازی موتور جستجو، یک روند مناسب برای بهبود دید یک وب سایت یا یک صفحه وب در یک موتور جستجوی طبیعی و یا الگوریتمی است. بطور کلی وب گاه‌هایی که بالاترین مکان و بیشترین تکرار در صفحه نتایج جستجو را دارند، بازدید کننده بیشتری از طریق موتورهای جستجو بدست می‌آوردند. “SEO” توانایی انواع جستجو را دارد، از جمله: جستجوی تصاویر، مکانی، جستجوی ویدئو، جستجوی علمی، جستجوی خبری و صنعت خاص در رأس موتور جستجو هستند.به عنوان یک استراتژی بازاریابی اینترنتی ،”SEO” به چگونگی کارکردن موتورهای جستجو و اینکه چه چیزی جستجو می‌شود، رسیدگی می‌کند و همین‌طور کلمات کلیدی تایپ شده و اینکه کدام یک از موتورهای جستجو توسط مخاطبان مورد توجه قرار می‌گیرد را مورد بررسی قرار می‌دهد. بهینه‌سازی وب سایت شامل توسعه مطالب موجود در خود سایت و HTML و برنامه نویسی مربوط به هر دو و همچنین ارتباط بین کلمات کلیدی و حذف موانع مربوط به فعالیتهای نمایه سازی در موتور جستجو و ترویج یک سایت برای افزایش تعداد لینک دهنده و یا لینک‌های ورودی، از دیگر تاکتیک‌های جستجوگرها است. در کل “SEO” به معنی بهینه‌سازی موتور جستجو است.

از اواسط دهه ۱۹۹۰ میلادی که نخستین موتورهای جستجو اقدام به فهرست کردن وب نخستین کردند، مدیران وب سایت‌ها و تولیدکنندگان محتوا، شروع به بهینه‌سازی سایت‌ها برای موتورهای جستجو نمودند. در ابتدا تمام کارهایی که مدیران وب سایت‌ها باید انجام می‌دادند، ارسال آدرس صفحه یا “URL” به موتورهای مختلفی که یک «عنکبوت» جهت «خزش» آن صفحه می‌فرستادند، استخراج لینک‌های صفحه به سایر صفحات از درون صفحه، و بازگرداندن اطلاعات یافت شده در صفحه جهت ایندکس شدن بود. فرایند به این صورت است که عنکبوت موتور جستجو، یک صفحه را دانلود و آنرا در سرور موتور جستجو ذخیره می‌کند و یک برنامه دیگر موسوم به ایندکس کننده، اطلاعات مختلفی را دربارهٔ صفحه استخراج می‌کند؛ اطلاعاتی از قبیل واژه‌های موجود و محل قرارگیری آنها در صفحه، و نیز وزن خاص واژه‌های بخصوص، و تمام لینک‌های موجود در صفحه، که سپس جهت خزش در زمانی دیگر، در دستور کار قرار می‌گیرد.

مدیران سایت‌ها شروع به بازشناسی ارزش رتبه بالای سایت خود و در دید قرارگرفتن آن در نتایج موتورهای جستجو نمودند که این امر، فرصتی را برای هکرهای غیر مخرب و مخرب شاغل در بخش بهینه‌سازی موتور جستجو مهیا کرد.

طراحی وب سایت واکنش گرا (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