طراحی سایت شرکت به سبا

مرکز آموزش عالی علمی کاربردی
جهاد دانشگاهی

پایان نامه دوره کاردانی کامپیوتر

موضوع:

استاد راهنما :جناب آقای

بهار 84

باسپاس وتشکر فراوان از استا د گرامی :
جناب آقای
که مارادر اجرای این پروژه راهنمای ویاری رساندند.

چکیده:
در این پایان نامه سعی شده است تا به شرح سایت شرکت به سبا بپردازیم.
ودر ابتدا یک سری توضیحات در مورد نرم افزار های مورد استفاده که در طی انجام پروژه با آنها کار کردیم گفته شده است .که از نرم افزار Flash Photoshop,Swish,Frontpage برای طراحی صفحات واز Php وبانک اطلاعاتی my sql برای پویا سازی سایت استفاده شده است.
وبعد به توضیح ساختار سایت وپیاده سازی سایت پرداختیم واینکه در هر صفحه از چه نرم افزارهایی واینکه هر قسمت از صفحه چگونه ساخته شده است.

مقدمه

مقدمه :
مکاتب الهی ودر راس آنها اسلام انسان ساز را موجودی پویا وکمال طلب می دانند.از نظر اسلام انسان در حال تکامل است وجهت گیری او به سوی خدای تبارک وتعالی است.ویکی از راههای تقرب به ذات اقدسش علم است.
تحولات چشمگیری که در اثر ورود کامپیوتر واینترنت به عرصه اجتماع در ابعاد مختلف زندگی انسان امروز بوجود آمده هم اکنون به چنان شتابی رسیده که همه ساختارهای علمی اقتصادی فرهنگی واجتماعی را در سراسر جهان با تغییراتی شگرف مواجه کرده است.سرعت وعمق این تحولات به گونه ای بوده که امروزه بقا وتداوم پیشرفت های علمی واقتصادی دنیا به پیشرفت در صنعت عظیم کامپیوتر و فن آوری اطلاعات وابستگی تمام پیدا کرده است.
درچنین شرایطی که همراهی با قافله پر شتاب فن آوری های رایانه ای به امری کلیدی در مسیر توسعه وپیشرفت کشور تبدیل شده لزوم ایجاد تغییر در شیوه های آموزشی و همگام کردن آن با آخرین یافته های علمی ضروری به نظر می رسد.
براین اساس شرکت تعاونی خدمات بهداشتی ودرمانی بهداشت گستر سبحان آرین (به سبا )که یک شرکت خدمات بهداشتی ودرمانی است برآن شد که در جهت به اطلاع رساندن طرح ها وپروژه های تحقیقاتی وبرگزاری دوره های آموزشی خود و ثبت نام از متقاضیان به صورت on line از ما تقاضا کردند که یک سایت پویا برایشان طراحی کنیم.
که بر این اساس متقاضیان بتوانند دراتلاف وقت کمتر وراحتتر در هر کجا که باشند از خدمات جدید وکلاسهای آموزشی جدید بهره مند شوند.
که برای انجام این پروژه از نرم افزار های Frontpage ,Flash ,Swish ,Photoshop برای طراحی سایت واز PHP برای برنامه نویسی و با بانک اطلاعاتی mysql استفاده کردیم.
اهداف واهمیت:
مهمترین هدف این سیستم امکان استفاده کاربران از زمان برگزاری کلاسهای آموزشی وثبت نام به صورت اینترنتی در کمترین زمان وبدون مراجعه به مرکز است.که فرد می تواند لیست تمامی درس ها وقیمت ها را ببیند ودرس مورد نظر را انتخاب کند وبا اعلام شماره فیش بانکی ثبت نام نماید.
هدف دیگر این است که از طریق این سایت می توانند دسترسی به سایت های مفید آموزشی داشته باشند . که اینکار از طریق رفتن به صفحه اخبار می باشد.
وامکان مفید دیگر برای مدیر شرکت ایجاد کردیم وآن این است که مدیر می تواند با وارد کردن user name ,password مورد نظر خود به بانک اطلاعاتی دست یابند واز این طریق لیست تمامی ثبت نام کنندگان وتاریخ ثبت نام واینکه در چه درس های ثبت نام کرده اند را ببیند.
ابزار ها :
در این سیستم از کد نویسی PHP4 برای طراحی وپویا سازی صفحات استفاده شده است. البته در برخی موارد از PHP5 که ورژن جدید این برنامه است استفاده شده است.
و به منظور ذخیره اطلاعات وذخیره بانک ها از بانک اطلاعاتی my sql استفاده شده است.
وطراحی ظاهر صفحات به وسیله نرم افزار Frontpage وکارهای متحرک وساخت بنر متحرک به FLASH , SWISH , Photoshop انجام شده .البته از Photoshop هم برای برش عکس ها وطراحی بنر استفاده شده است.
ساختار کلی سایت :
صفحه اول سایت با نام index.htm تماما با flash طراحی شده است که صفحه اصلی سایت می باشد . واز این صفحه لینک های اصلی شروع می شود .
صفحه اخبار پزشکی ومعرفی شرکت ومعرفی هئیت علمی ومعرفی مدیران صفحات طراحی شده با Frontpage هستند وبرنامه نویسی ندارند.
صفحه آموزش و تمام لینکهای که از آن صفحه انجام می شود همه دارا کدهای php هستند ودر واقع صفحات پویا ی سایت محسوب می شوند.که کاربر از طریق این صفحات می تواند ثبت نام اینترنتی داشته باشد.
ساختار پایان نامه :
در فصل دوم به توضیح ونحوه کار کرد نرم افزارهای مورد استفاده که در مدت پروژه با آنها کار کردیم پرداخته شده . واینکه هر نرم افزار چه ساختاری دارد و چه کارهای با آن انجام میدهند.
در فصل سوم به بررسی ساختار طراحی وپیاده سازی سایت پرداخته شده است.واینکه هر صفحه به وسیله چه نرم افزارهای وهر قسمت ازآن صفحه چگونه ساخته شده است . وتصاویر هر صفحه قسمتی از کدهای مهم برنامه آورده شده است.

ابزارهای مورد استفاده

معرفی نرم افزار Frontpage
ایجاد یک صفحه سایت
در ابتدا باید مشخصات اولیه صفحه را بدانیم اگر بخواهیم یک صفحه با قاب داشته باشیم در این حالت از منوی File زیر منوی New را انتخاب کرده و سپس در سربرگ Frames page مورد نظر را انتخاب می کنیم.
در این صورت با دو پیغام مواجه می شویم:
پیغام اول New page است که در آن یک صفحه جدید در مکان مورد نظر باز می کند و دومی Set initial page در قسمت باز شده آدرس صفحه و یا تصویر مورد نظر را مشخص کرده و در صورتی که بخواهیم بدون قاب باشد در این صورت مثل قبل از منوی File زیر منوی New را انتخاب کرده سپس در سربرگ Genereal مدل Normal page را انتخاب می کنیم.
کار بعدی که انجام می دهیم انتخاب background مناسب می باشد این کار به صورت زیر انجام می شود:
ابتدا کلیک راست کرده گزینه background را انتخاب می کنیم سپس قسمت background را انتخاب کرده رنگ زمینه را انتخاب می کنیم برای تمام صفحات همین کار را می کنیم برای تغییر و انتخاب فونت دلخواه نیز به همین صورت راست کلیک کرده و گزینه فونت را انتخاب می کنیم.
عمل بعدی ساختن کلید می باشد که به چند صورت صورت می گیرد:
یکی با استفاده از hover button که به این صورت است: از منوی بالای صفحه گزینه insert سپس گزینه Componet و بعد از آن گزینه button hover را انتخاب می کنیم و تنظیمات لازم را انجام می دهیم. روش دیگر برای ساخت کلید در فرانت پیج به این صورت است که یک نوشته یا یک شکل داخل یکی از صفحات خود می آوریم و آن را انتخاب می کنیم بعد انتخاب شکل یا نوشته روی آن راست کلیک می کنیم و گزینه Hyperlink را انتخاب می کنیم سپس با دادن آدرس مناسب آن را به صفحه مورد نظر لینک می کنیم.
معمولا در صفحات وب خود مایلیم از عکس ها و فیلم های متنوع استفاده کنیم و آوردن عکس و فیلم از نرم افزارهای دیگر چند روش دارد و ما روشی را که در آن کار کرده ایم را شرح می دهیم.
برای اینکه یک عکس را از یک محیط به محیط دیگر بیاوریم لازم است که آن را به سایز دلخواه در آوریم. که این مورد با استفاده از نرم ا فزار Fotoshop صورت می گیرد که توضیحات بیشتر را در این رابطه به فصل بعدی واگذار می کنیم.
روش اول به صورت زیر می باشد ابتدا عکس را که در یک محیط انتخاب می کنیم و یا عمل کپی کردن و آمدن به صفحه وب و انجام عمل paste عکس مورد نظر را انتقال می دهیم.
روش بعدی که می توانیم یک عکس را به محیط فرانت پیج می آوریم این است که از منوی بالای صفحه گزینه insert را انتخاب می کنیم منوی دیگری باز می شود که از میان آنها گزینه picture را انتخاب می کنیم این گزینه دو حالت دارد که ما گزینه ای که From file می باشد را انتخاب می کنیم که در آن آدرس عکس مورد نظر از ما خواسته می شود با انجام این کار عکس مورد نظر در مکانی که انتخاب کرده ایم منتقل می شود.
باید این نکته را به خاطر داشت که ا گر بخواهیم عکس ما در مکان خاصی قرار بگیرد باید از جدول استفاده کنیم به این صورت که از آیکون های بالای صفحه روی شکل جدول کلیک می کنیم و اندازه جدولی را که می خواهیم وارد می آوریم و بسته به تنظیماتی که مدنظر ماست به جدول فرم می دهیم یعنی یک خانه از جدول را کوچکتر یا بزرگتر می کنیم.
ساختن صفحه وب با استفاده از الگو:
الگوهای سایتهای وب پیش ساخته ای است که می توان آنها را تغییر داد.
طریقه ساخت بصورت زیر می باشد:
از منوی فایل New را انتخاب می کنیم سپس گزینه Customer support web را انتخاب می کنیم ، فرانت پیج از الگوی وب پشتیبانی مشتریان استفاده می کند و بر مبنای آن یک سایت وب جدید را می سازد.
ایجاد جدول (Table)
از منوی Table زیر منویInsert و سپس Table را انتخاب کرده در پنجره باز شده می توان تعداد ستونها و تعداد سطرهای مورد دلخواه و فاصله ستونها و سطرهای جدول از همدیگر و مکان قرار گرفتن جدول و همچنین تقسیم کردن خانه های جدول به سطر و ستونهای دلخواه و تغییر دادن اندازه حاشیه و ارتفاع سلولهای جدول و ….. استفاده کرده ایم.
اگر بخواهیم بعد از ایجاد جدول در آن تغییری بوجود بیاوریم می توانیم با کلیک راست روی جدول و انتخاب گزینه Properties Table رنگ جدول ، رنگ پیش زمینه جدول، سایز خطها را تغییر داد. البته اگر بخواهیم به یک سلول جدول سطر یا ستونی اضافه کنیم می توان انتخاب آن خانه و کلیک راست کردن بر روی آن و انتخاب گزینه Insert Row یا Insert clos و با وارد کردن تعداد مورد نظر در باکس باز شده ایجاد کرد و یا حتی می توان دو سلول جدول را یکی کرد برای اینکار با بلوک کردن خانه های مورد نظر و کلیک راست بر روی آنها و انتخاب گزینه Merge cells می توان اینکار را انجام داد.
با انتخاب زیر فهرست page setup از منوی File می توان در باکس مربوطه برای جدول خود Margine Header – Footer را تعریف کرد و یا حتی می توان با انتخاب گزینه draw table از منوی Table می توان نسبت به ا عمال زیر اقدام کرد:
کشیدن خطوط یا اضافه کردن سطر یا ستون به جدول با استفاده از draw table یا گزینه مداد- پاک کردن خطوط با استفاده از – eraser تقسیم کردن هر سلول جدول به تعداد سطرها و ستونهای دلخواه (split cell)- فشرده کردن سلول های جدول نوع قرار گرفتن متن در جدول – ازدیاد طبقات جدول …….
اگر بخواهیم خط های جدول یا border های آن مشخص نباشد به روش زیر عمل می کنیم.
در این حالت خط های جدول وجود دارند ولی دیده نمی شوند. ابتدا روی جدول کلیک راست کرده و گزینه Properties Table را انتخاب می کنیم و تنظیمات مربوط به جدول را از جمله رنگ زمینه و حاشیه را انجام می دهیم.
سپس در قسمت border گزینه size را صفر می کنیم که در این صورت خطهای جدول حذف می شوند و اگر عدد دیگری وارد کنیم قطر این خطوط را نشان می دهد.
بهبود سایت با استفاده از تصویر
ما برای جلب توجه بینندگان گاهی اوقات مجبور به استفاده از تصاویر هستیم. با استفاده از Frontpage می توان عناصر مختلف گرافیکی نظیر قطعات هنری (clip art) فایلها تصویری و …. را در صفحه جای داد. استفاده از سمبل ها نیز در تحقق این امر به ما کمک می کند.
الف ) زیر فهرست symbol
از منوی insert گزینه symbol را انتخاب و در باکس مربوطه در قسمت مورد نظر سمبل خود را انتخاب و سپس Insert می کنیم.
ب ) زیر فهرست picture
از منوی Insert زیر منوی picture را انتخاب و در باکس مربوطه آدرس عکس را وارد کرده، باکس مربوطه شامل قسمت Form file , clip art می باشد که بسته به نوع انتخاب ما مبنی بر اینکه از عکسهای پیش فرض محیط (استفاده از قاب عملیاتی Insert clip art در استفاده از قطعات هنری معمولی ) استفاده کنیم یا از بانکی دیگر حاوی تصاویر گرافیکی دلخواه در زمینه طراحی سایتهای وب به ترتیب قسمتهای بالا را انتخاب می کنیم.
جهت ویرایش تصاویر می توان از میله ابزار pictures استفاده نمود.
ابتدا با استفاده از دکمه Insert picture format file در باکس picture عکس مورد نظر را انتخاب و سپس روی عکس کلیک می کنیم تا انتخاب شود. در این حالت میله ابزار picture فعال است و می توان ویرایش را شروع کرد. از دکمه Tect برای ایجاد یک جعبه متن در محدوده تصویر استفاده می شود. از دکمه Auto thumbnial برای ایجاد یک نسخه کوچکتر استفاده می شود.
از دکمه هایsend backward و Forward bring , position absolutely برای کنترل موقعیت تصویر در ارتباط با عناصر دیگر صفحه استفاده می شود. از دکمه های Rotate و Rotate right و flip horizontalو flip vertical برای چرخاندن و یا معکوس کردن تصاویر استفاده می شود.
از دکمه های More contrasrt و More brightness و Less brighness برای افزایش و یا کاهش روشنایی و یا تضاد تصویر انتخاب شده استفاده می شود. از دکمه corp برای بریدن تصویر از دکمه Bevel برای برجسته کردن لبه های تصویر از دکمه Resample برای اصلاح موقعیت تصویر استفاده می شود.
جهت ویرایش متن می توان از میله ابزار Word art استفاده نمود. انواع فونتها با رنگهای مختلف در باکس Wordart gallery می تواند ما را در تحقق این امر یاری رساند.
متحرک سازی
برای متحرک سازی نوشته های داخل فرانت پیچ که جلوه جالبی به صفحات می دهد می توان از منوی بالای صفحه گزینه view سپس گزینه Toobars سپس گزینه Dhtml Effects را انتخاب کرده تنظیمات بعدی را به دلخواه انجام می دهیم برای دیدن نوشته متحرک قسمت preview فرانت پیج را فعال می کنیم تا بتوانیم نوشته فعال شده خود را مشاهده کنیم. این قسمت قابلیتهای دیگری نیز دارد که با امتحان گزینه ها آنها را در می یابیم .
فلش در فرانت پیج
برای اینکه زیبای صفحات خود را افزایش دهیم می توان از فلش استفاده کرد برای اینکار فیلمی را که در فلش ساخته ایم را ذخیره کرده و سپس صفحه فرانت پیج را باز می کنیم و از منوی بالا گزینه Insetrt را انتخاب می کنیم منوی دیگری باز می شود که از آن نیز Advanced را انتخاب کرده و جدول زیر را به این صورت پر می کنیم که ابتدا در بالای صفحه آدرس فیلم یا انیمیشن خود را درج می کنیم سپس با انتخاب گزینه plug-in جدولی برایم باز می شود، سپس سایز دلخواه را به آن می دهیم سپس مشاهده می کنیم که فیلم مابه محل مورد نظر انتقال پیدا کرده است.
نکته: باید به خاطر داشته باشیم که جایی که مکان نما فعال باشد همان مکانی است که فیلم به آنجا منتقل می شود.
جاری صفحه در حرکت
ما می توانیم با ایجاد علامتهایی به نام Bookmark در مکانهایی خاص از صفحات وب قرار دهیم و از مکانهای دیگر همان صفحه و یا صفحات دیگربه آن علامت link ایجاد کنیم. این علامت بیشتر در صفحات طولانی مورد استفاده قرار می گیرد برای اینکار مثلا می خواهیم از یک صفحه به صفحه ای دیگر ولی بخش انتهایی آن لینک کنیم در ابتدا باید خط چشمک زن را در مکانی که می خواهیم صفحه به آن لینک شود قرار می دهیم سپس از منوی Bookmark lnsert را انتخاب کرده در باکس باز شده اسمی را وارد می کنیم.
به صفحه دیگر می رویم در آنجا گزینه ای که باید Hyperlink شود را انتخاب کرده آنگاه در قسمت Address آدرس صفحه دیگر را انتخاب می کنیم و قسمت Bookmark تمامی می خواهیم صفحه به آن لینک شود قرار می دهیم سپس از منوی Bookmark lnsert را انتخاب کرده در باکس باز شده اسمی را وارد می کنیم.
به صفحه دیگر می رویم در آنجا گزینه ای که باید Hyperlink شود را انتخاب کرده آنگاه در قسمت Address آدرس صفحه دیگر را انتخاب می کنیم و قسمت Bookmark تمامی اسامی که مربوط به بخش های علامت گذاری شده قرار دارد.
مشخص است اسمی را که برای پخش انتهایی وارد کرده بودیم انتخاب وکار تمام است.
ما اینکار را برای صفحات اسامی دانشجویان که بر اساس حروف الفبا می باشد انجام داده ایم، یعنی صفحه ای که مربوط به اسامی دانشجویان می باشد برای هر اولین اسم از هر حرف یک Bookmark قرار داده شده که توسط صفحه حروف الفبا به آن link می شود.
برای لینک کردن دو صفحه به همدیگر می توان از گزینه Hyperlink استفاده کرد مثلا اگر بخواهیم با کیک کردن بر روی یک متن یا عکس وارد صفحه ای دیگر شویم ابتدا آن متن یا تصویر را بلوک کرده سپس بر روی آن کلیک راست کرده و گزینه Hyperlink را انتخاب کرده و در باکس باز شده آدرس صفحه مورد نظر را که باید به آن link شود را وارد می کنیم. ما از این عمل پیوند در اکثر صفحات برای رفتن به صفحه دیگر یا برگشت از آن استفاده کرده ایم.

فتوشاپ (photoshop)
شروع کار:
وقتی برای اولین بار برنامه فتوشاپ را اجرا می کنیم جعبه ابزار Tool box را مشاهده خواهیم کرد که در قسمت چپ صفحه نمایش قرار گرفته است درسمت راست نیز چهار پنجره قرار دارد عنوان منوها نیز در قسمت بالای صفحه نمایش قرار گرفته است.
ایجاد صفحه جدید:
گزینه های File New اولین گزینه های موجود در منوی photoshap می باشند با انتخاب آن کادر مکالمه New File باز خواهد شد و نامی که مد نظرتان است را در قسمت بالای کادر مکالمه وارد کنید و یا آن را همانطور بدون نام باقی بگذارد.
اندازه تصویر :
در کادر Image size باید اندازه های تصویر یعنی ارتفاع و پهنای آن را تعیین کنید. در کنار نام واحد اندازه گیری پیکان کوچکی قرار دارد که با کلیک کردن روی آن نوعی منوی کرکره ای باز می شود در این منو می توانید واحدهای اندازه گیری مورد نظرتان را بیابید.
تفکیک پذیری :
کادر Resolution مربوط به تعداد نقطه های جوهر براینچ (در مورد چاپ) و یا پیکسل بر اینج (درمورد صفحه نمایش کامپیوترهای خانگی) این پارامتر از اهمیت زیادی برخوردار است زیرا کیفیت تصویر را تعیین می کند. هر چقدر کیفیت پذیری بالاتر باشد کیفیت بهتری را به دست می آورد اما حافظه بیشتری را نیز مورد استفاده قرار می دهد حالت رنگ را نیز بروی RGB Color تنظیم می کنیم.
حالت رنگ RGB همان حالت رنگی است که مانیتور مورد استفاده قرار می دهد.
نکته: اگر در نظر دارید تصویر خود را بر روی وب منتشر کنید تفکیک پذیری بالاتر از 72 نقطه بر اینچ فقط نوعی هدر دادن پیسکل ها می باشد. کامپیوترها نمی توانند تصویرهایی با تفکیک پذیری بالاتر را نشان دهند.
بعد از اجرای آن در کادر مکالمه New File پنجره جدیدی را مشاهده خواهید کرد.
جعبه ابزار:
جعبه ابزار (Tool box) مانند کار یا جعبه رنگ است یعنی ابزارهای مورد نیاز برای ترسیم یا رنگ آمیزی – پاک کردن و سایر عملکردهایی که میتوان بر وی یک تصویر انجام داد. چهار نوع ابزار در جعبه ابزار وجود دارد.
* ابزارهای انتخاب (selection Tools)
* ابزارهای رنگ آمیزی (painting Tools)
* ابزارهای اختصاصی برای کار با متن، رنگ و سایر خصوصیات تصویر.
* ابزارهای مشاهده
نکته: درگوشه پایین و راست آیکون بعضی از ابزارها مثلث کوچکی و سیاه رنگی وجود دارد یعنی منویی که از آن بیرون می آید می توان ابزارهای مشابه دیگری را نیز یافت.
ابزارهای انتخاب :
در قسمت بالای جعبه ابزار گروهی از ابزارها قرار دارند که ابزارهای انتخاب (selection Tools) نامیده می شوند این ابزارها برای انتخاب تمام یا قسمتی از تصویر مورداستفاده قرار می گیرند. سه ابزار در این گروه قرار دارند که عبارتند از :
* ابزار محدوده انتخاب (Marquee Tool)
* ابزار کمند (Lasso Tool)
* ابزار عصای جادویی (Magic wand Tool)
ناحیه انتخاب شده به این صورت مشخص می گردد که کناره های آن بصورت چراغهای متحرک روشن و خاموش می شود. برای انتخاب شی ها باید ابزار محدوده انتخاب (Magic wand Tool) و ابزار کمند (Lasso Tool) را کلیک کنید و سپس آنها را بر روی بخش مورد نظر از تصویر بکشید.
ابزار چهارم دوربین ابزارهای انتخاب در واقع ابزارهای انتقال (Move Tool) می باشد بعد از انتخاب بخش مورد نظر خود برای انتقال آن به محلی دیگر از صفحه باید ابزارهای انتقال Move Tool)) را مورد استفاده قرار دهید.
ابزارهای رنگ آمیزی:
در مجموعه ابزارهای رنگ آمیزی (Tools painting) ابزار رنگ پاش (Aribrush Tool)، ابزار قلم مو (paint Beush Tool) ، ابزار مداد (pencil Tool) ، ابزار مهر لاستیکی (Rubber stamp Tool) قرار دارند تمام این ابزارها به شکلی رنگ را به تصویر اضافه میکنند یعنی درست مانند ابزارهای واقعی می توان اندازه این سه ابزار را تغییر داد.

تصویر را محو یا واضح تر می کنند بعضی تصویرها را طوری تغییر می دهند که شبیه نقاشی رنگ شده با مداد رنگی یا شکلهای فضایی ایجاد شده با لامپ نئون در می آیند.
منوی view :
این منو مانند ابزارهای بزرگنمایی (Tool zoom) این امکان را برایتان بالاخره ابزارهایی نیز وجود دارند که تصویر را انتقال می دهند آن را محو یا واضح تر می کنند Sharpen Tool)) ، ابزارهای لکه (Smudge Tool)، ابزار کاهش نوردهی (Dodge Tool) ، ابزار افزایش نوردهی (Tool Burn)، ابزارهای اسفنج (Sponge Tool) را نام برد.
ابزارهای مشاهده :
دو ابزار مشاهده وجود دارند که عبارتند از ابزار دست (Hand Tool) و ابزار بزرگنمایی ابزار (Zoom Tool) بصورت ذره بین های قدیمی می باشد و ابزار Hand Tool نیز شبیه دست می باشد. ابزار بزرگنمایی این مکان را برایتان فراهم میکند که با کلیک کردن آن بر روی بوم نقاشی بخش مورد نظر را برای مشاهده بزرگتر کنید و اگر هنگام کلیک کردن روی ابزار مربوطه کلید Alt را فشار دهید بخش مزبور کوچکتر خواهد شد. معمولا با بزرگ کردن تصویر دیگر نمی توان تمام قسمت های آن را در صفحه نمایش مشاهده کرد در این حالت ابزار دست (Hand) به کمکتان می آید و تصویر را در پنجره فعال حرکت می دهد.
ابزارهای اختصاصی :
این ابزارها کارهای مختلف و مفیدی را انجام می دهند.
حرف T نشان دهنده ابزار تایپ می باشد. با این ابزار می توان کاراکترهای مورد نظر را روی تصویر تایپ کرد. ابزارهای قلم مو مسیرهای ترسیم می کند. این ابزار ها را می توان برای ترسیم خط یا شکل مورد استفاده قرار داد مزیت این ابزار این است که وقتی خط یا شکل را با استفاده از آن ترسیم کنیم می توانیم ابزارهای بزیه (Bezieh) را برای ایجاد تغییر شکل در آنها استفاده قرار داد.
مسیرها را می توان به عنوان ابزارها انتخاب (Selection Tool) یا ابزار ترسیم (Drawing Tool) بکار برد.
ابزار اندازه گیری (Measure Tool) را می توان برای اندازه گیری ابعاد و زاویه های موجود در شکلها به کار برد.
ابزار نوانس (Gradient) امکان سایه زدن پس زمینه را برایمان فراهم می کند به طوری که رنگ آن به تدریج تغییر کند و به رنگ دیگری تبدیل شود و یا حتی نوعی رنگین کمان ایجاد کند.
ابزار سطل رنگ (Paint Bucket) نیز ناحیه انتخاب شده را رنگ می کند.
ابزار قطره چکان (Eyedroper Tool) از رنگی که بر روی آن کلیک کنیم نمونه برداری می کند و آن را به رنگ فعال تبدیل می کند.
منوهای موجود در قسمت بالای صفحه نمایش حاوی دستورهایی هستند که امکان بازکردن و کار بر روی فایلها را برایمان فراهم می کند.
منوها :
منوی Image :
این منو از چندین منوی دیگر تشکیل شده است که زیر گروه آن می باشد. اولین مورد منوی Mode می باشد با استفاده از این منو می توان یکی از حالتهای رنگ (modes color) می باشد با استفاده از این منو می توان یکی از حالتهای رنگ (Modes color) را برای کار انتخاب کرد. در بیشتر موارد با حالت RGB کار خواهید کرد. زیرا مانیتور این حالت را نشان می دهد.
منوی Image ابزارهایی برای تنظیم رنگ، تنظیم رنگ تنظیم روشنایی و نور تصویرتان را نیز در بر دارد. برای بزرگ و کوچک کردن تصویر و یا چرخاندن آن حول یکی از کناره هایش باید به ترتیب از منوی Image / size و Image / Rotate Canvas استفاده کنید.
منوی Layer :
می دانیم که قدرتمندترین ویژگی فتوشاپ قابلیت آن در کاربر روی لایه های مختلف می باشد. با این ویژگی می توانید ترکیب تصویرها، اختلاط رنگها و تصحیح تصویر را بدون آسیب رساندن به تصویر اصلی انجام داد. که هر لایه به طور کلی مجزا از لایه های دیگر است.
منوی Layer کادرهای مکالمه ای را باز می کند که از طریق آنها می توان لایه های جدیدی را ایجاد کرد علاوه بر این دستورهایی برای ادغام (Merge) و یا کار با آنها را نیز در بر دارد.
منوی Selection:
منوی Selection با ابزارهایی کار می کند که امکان اایجاد تغییراتی اصلاحی درمنطقه انتخاب شده را برایمان فراهم می کند.
منوی Filter :
فیلترها ابزارهایی هستند که برنامه فتوشاپ را جالب تر می کنند بعضی از آنها فراهم می کند که تصویر را بزرگ و کوچک کنید. در این منو دستورهای خط کش Ruler و شبکه Grid نیز وجود دارد که با کمک آنهامی توان شی ها را به صورت دقیق اندازه گیری کرد و درمحل صحیح قرار داد.

معرفی نرم افزار Flash
نرم افزار فلش یکی از تواناترین و پیشرفته ترین نرم افزارهای موجود در زمینه طراحی ساخت و ویرایش تصاویر و متحرک سازی کامپیوتری می باشد. این نرم افزار همچنین می تواند در زمینه تولید و طراحی پیشرفته وب مورد استفاده قرار می گیرد.
منوهای فلش :
منوی File:
name: یک صفحه جدید باز می شود.
open: پنجره انتخاب شده مورد نظر را باز می کند .
close: بالاترین صفحه ای که باز است را می بندد.
save: صفحه را ذخیره می کند.
save as: با سئوال نام و مکان ذخیره صفحه را ذخیره می کند.
import: می توان یک عکس را وارد صفحه ذخیره کرد.
pulishsetting: صفحه را به صورت ذخیره می کند.
exit : برای خروج از فلش استفاده می شود.
منوی Edit:
undo : با هر بار زدن این گزینه یک عمل به عقب بر می گردد.
Cut: شکل یا قسمت انتخاب شده را پاک کرده تا جای دیگری ظاهر شود.
copy : شکل یا قسمت انتخاب شده را کپی میکند.
Paste: شکل یا قسمتی که شده را درمحل مورد نظر ظاهر می کند .
select all : همه صفحه به حالت انتخاب در می آید.
deselect all: صفحه از حالت انتخاب خارج می شود.
cut frames: قسمتی از frame که انتخاب شده را کپی می کند .
Paste frames : قسمتی از frame که انتخاب شده را درمحل مورد نظر ظاهر می کند.
منوی view:
Time line: برای آوردن محل فریم ها و لایه ها در صفحه
workarea : برای آوردن صفحه اصلی نمایش
ruler : برای آوردن خط کش در صفحه
grid : برای آوردن صفحه شبکه بندی راهنما
منوی insert:
new symbol: برای آوردن صفحه ای که در آن سمبل را درست می کنیم.
Layer: برای ایجاد یک لایه جدید
motion guide: برای ایجاد یک لایه راهنما
frame: برای ایجاد کی لایه فریم
keyframe: برای ایجاد یک فریم کلیدی
sence: برای ایجاد یک صفحه اصلی دیگر
منوی modify:
instance : برای باز شدن پنجره ای که برای اسم دادن به movie استفاده می شود.
Group: برای ایجاد کردن یک گروه
منوی text :
font : برای تغییر font نوشته
: size برای تغییر اندازه نوشته
: style برای تغییر حالت نوشته
align: برای تعیین محل نوشته مورد نظر
منوی control:
play : برای نمایش فیلمی که درست کرده ایم .
منوی window:
tools : برای آوردن جعبه ابزار
panels : برای آوردن یک پانل های مورد نظر
panels sets : برای آوردن یک کامل از پانل ها
action : برای نوشتن دستورات
library: برای آوردن کتابخانه مربوط به همین صفحه
comman library: برای آوردن کتابخانه مربوط به خود فلش
ویراستار ( ادیتور ) فلش :
پس از نصب نرم افزار با انتخاب نام آن از منوی program ویندوز یا دوبار کلیک کردن بر روی شمایل آن نرم افزار باز شده و شما وارد محیط ویرایش فلش خواهید شد در این حالت فلش یک سند (document) خالی و آماده کار را برای شما ایجاد نموده است. هر سند فلش شامل سه قسمت می باشد:
1. نوار زمانی timeline) ) که در واقع محل ثبت و نگهداری لایه ها، فریمها و یا صحنه هایی است که انیمیشن شما را تشکیل می دهد.
2. صحنه نمایش اصلی stage) ) محلی است که فیلم یا انیمیشن نهایی در آن به نمایش در خواهد آمد .
3. ناحیه کاری (work area) فضایی است که در اطراف صفحه نمایش اصلی قرار گرفته ولی در فریم انتشار یافته نهایی دیده نمی شود.
جعبه ا بزار (tool box):
جعبه ابزار محتوی ابزارهای طراحی فلش و سایر وسایل است که شما برای ایجاد و انجام تغییرات در گرافیکها شکلها و طرح های انیمیشن به آنها نیاز خواهید داشت.
برای مشاهده جعبه ابزار : از منوی view گزینه tools را انتخاب نمایید. در این هنگام یک علامت در کنار گزینه فوق در منوی view قرار گرفته که نشان می دهد پنجره جعبه ابزار باز بوده و جعبه ابزار نمایان است.
تنظیم رنگ پس زمینه :
1. در قسمت bakground color از جعبه محاوره ای خصوصیات فیلم روی رنگ کیک کنید . تا مجموعه ای از رنگها نمایان گردد.
2. رنگ مورد نظر را انتخاب کنید.
3. کلید ok را کلیک کنید.
تنظیم مشخصات اجسام تو پر :
فلش اجسام توپر یاfill را به پنج نوع مختلف تقسیم کرده که عبارتند از :
fill خالی یا none یکنواخت یاsolid غیر یکنواخت خطی و یا غیر یکنواخت شعاعی و شما می توانید نوع و مشخصات هر یک از این اجسام توپر را در پانلfill تنظیم نمایید.
برای دسترسی به پانل fill :
اگر در حال حاضر پانل مذکور باز نمی باشد از منوی window ابتدا گزینهpanels سپس را file انتخاب نمایید.
برای انتخاب رنگ یک soild fill در پانل fill :
1. در پانل fill روی جعبه fill – color کلیک کنید.
2.برای انتخاب رنگ مورد نظر به روش زیر عمل نمایید در فیلد موجود در قسمت بالای پنجره رنگها، یک مقدار عددی وارد نمایید.
ایجاد نمودن symbols :
به symbols در واقع یک object چندین استفاده گفته می شود به این معنی که می توان یکبار آنرا ایجاد و سپس در کل فیلم در هر زمان استفاده نمود.
اگر از symbols بیش از یک بار استفاده نماییم در واقع از یکinstance استفاده کرده ایم . هر نمونه symbols می تواند با symbols اصلی از نظر رنگ و اندازه فرق نمایید.
انواع symbol:
1. Graphic: این symbol از گرافیکهای ثابت و متحرک ساخته می شود که می توانند دفعاتی در فیلم استفاده شوند.
2. Buttoms : symbol دکمه ها نسبت به حرکت موس واکنش نشان می دهد و می تواند حالتهای hit . down ، over ، upداشته باشد.
3. Movie clips : کاملترین نوع symbol است که می تواند دارای انیمیشن و حتی کلید باشد . movie ها و time line مستقل دارند ، به همین علت اگر time line قطعه فیلم می تواند ادامه پیدا کند.
ایجاد کردن symbol به دو روش :
الف ) خلق نمود ن یک symbol با استفاده از محتوای موجود بر روی stage:
1. opject هایی را که مایل هستید به symbol تبدیل کنید از روی stage انتخاب نمایید.
2. از منوی گزینه را انتخاب نمایید، تا جعبه خصوصیات symbol پدیدار گردد. حال در این جعبه می توانید اسم و رفتار مورد نظر symbol جدید را مشخص کنید ، برای اینکه از ساخته شدن symbol جدید، اطمینان حاصل کنید، گزینه را از منوی انتخاب نمایید.
ب ) ایجاد نمودن یک symbol خالی یا خام :
1. از منوی گزینه symbol را انتخاب کنید تا جعبه خصوصیات symbol ظاهرشود و بتوان اسم و رفتار خاصی را به symbol اختصاص داد.
2. حال برای اجرای symbol باید آنرا با موس روی صفحه بکشیم.
3. بعد از اطمینان از طراحی symbol برای خروج از صفحه اصلی باید از منوی گزینه را انتخاب کنیم.
برای قرار دادن یک نمونه از یک symbol در یک فیلم :
1. فریم کلیدی و لایه مورد نظر برای قرار گرفتن سمبل را در پنجره time line انتخاب نمایید.
2. کتابخانه ای که جسم یا سمبل مورد نظر شما در آن قرار گرفته است باز کنید.
3. در پنجره کتابخانه، سمبل مورد نظر را یافته و بر روی آن کلیک کنید تا انتخاب شود.
4. نشانگر موس را به پنجره preview منتقل کنید.
5. کلیک کرده و همانطور که کلید موس را نگه داشته اید، یک کپی از شکل را به پنجره صفحه نمایش اصلی (stage) بکشید.
6. کلید موس را رها کنید.
ایجاد یک سمبل کلید :
هر کلید دارای چهار فریم به نام های hit .down. over. Up نام گذاری شده است.
در وضعیت up ، حالت کلید قبل از هر گونه عملی مشاهده می شود.
در وضعیت over، شکل کلید در زمانی که ماوس بر روی آن قرار می گیرد، نشان داده می شود . معمولا در این حالت تغییراتی در کلید نشان داده می شود که به کاربر قرار گرقتن ماوس بر روی کلید را گوشزد می کند.
در وضعیت down، حالت کلید در زمانی که کاربر آن را کلیک کرده است را نشان می دهد.
در وضعیت چهارم hit که نامیده می شود، هر شکل توپر در این وضعیت، محدود منطقه ای که باید به حرکت ماوس پاسخ دهد را مشخص می کند.
یک سند جدید در فلش ایجاد کنید و از منوی، دستور را انتخاب کنید و یا کلیدهای را فشار دهید . جعبه مشخصات سمبل ظاهر می شود، در قسمت، نام مورد نظر را وارد می کنیم و پس از انتخاب گزینه کلید را کلیک کنید. فلش سمبل جدیدی در کتابخانه سمبل ها ایجاد کرده و شما را به محیط سمبل ها منتقل می کند، در این قسمت مربوط به کلید که شامل چهار فریم لازم برای تعریف کلید است (hit .down. over. Up) وجود دارد.
در این سمبل در حالت up، حالت عادی کلید را در زمان نمایش فیلم نشان می دهد، و برای طراحی وضعیت over از منوی insert دستور keybord را انتخاب می کنیم، فلش یک فریم کلیدی در فریم over، ایجاد می کند و محتویات فریم قبل را در آن کپی می کند و حال شما می توانید تغییرات لازم را در شکل ایجاد کنید و برای طراحی وضعیت hoit.down نیز همانند حالت over عمل می کنیم.
کتابخانه ( library) :
کتابخانه ، مدیریت انواع symbol های پروژه جاری را نشان می دهد که برای مشاهده این ها باید از منوی window گزینه library را انتخاب نمایید.
کتابخانه ای که لیست symbol های موجود در نرم افزار فلش را نشان می دهد که برای مشاهده این symbol ها باید از منوی windows گزینه cammand library را انتخاب کنید.
لایه ها (layer):
لایه ها به عنوان ظرفی برای symbol ها، گروهها کار می کنند، لایه ها بعنوان قسمتی از time line ، بر روی یکدیگر قرار می گیرند که به نام stacking order شناخته می شود.
ایجاد نمودن لایه ها :
لایه ای را که می خواهید لایه جدید در بالای آن قرار گیرد کلیک کنید. دکمه add layer را انتخاب نمایید، به این ترتیب می توانید لایه جدیدی را به line time در flash اضافه کنید.
حذف نمودن یک لایه :
لایه ای را که می خواهید حذف کنید را انتخاب نمایید از مرکز کنترل دکمه deletelayer را بزنید.
خصوصیات لایه ها :
name : نام لایه را نشان می دهد.
show : با انتخاب این گزینه محتوای لایه ها روی قابل دیدن است.
lock : این گزینه خلاف عمل را انجام می دهد.
کپی کردن لایه ها :
برای انجام این عمل، بعد از اینکه لایه جدیدی ایجاد نمودید، لایه ای که قرار است کپی شود را ا نتخاب و محتویات آن را از طریق کلیک کردن دکمه سمت راست موس انتخاب و کپی نمایید که برای این منظور از گزینه selectall و سپس copy frames باید استفاده نمایید.
انواع لایه ها :
normal: لایه ای است که اشیا در آن قرار می گیرند.
Guid: اجازه می دهد که لایه را بعنوان لایه راهنمای حرکت تنظیم کنید.
Mask: این نوع لایه اشیا را بصورت ماسکی بر روی هر لایه ای که به آن متصل شده باشد قرار گیرد.
برای ایجاد یک لایه ماسک :
1. ابتدا برای ایجاد یک لایه جدید بر روی کلید add layer در پنجره time line کلیک کنید.
2. از منوی modify گزینه layer را انتخاب کرده تا جعبه محاوره ای خصوصیات لایه ها ظاهر شود.
3. در قسمت type از جعبه محاوره ای فوق ، بر روی گزینه mask کلیک کنید.
4. Ok را کلیک کنید.
برای ایجاد یک ماسک :
یک یا چند لایه ایجاد کرده و بر روی آنها طرح های گرافیکی و شکلهایی را رسم کنید که می خواهید فقط به واسطه ماسک، نمایان شوند.
1. یک لایه ماسک برای لایه های فوق ایجاد کرده و مطمئن شوید که نام آن لایه ، قابل روئیت و قفل نشده و درحالت انتخاب باشد.
2. به وسیله ابزارهای قلم مو، بیضی و یا چهار گوش یک ی چند شکل توپر رسم نمایید.
برای ایجاد یک لایه راهنما (Guide layer):
1. ابتدا برای ایجاد یک لایه جدید، بر روی کلید add layer در time line کیک کنید. در این هنگام فلش یک لایه جدید اضافه کرده و آن را به حالت انتخاب شده در می آورد.
2. از منوی modify ، گزینه leyer را انتخاب کرده تا جعبه محاوره ای layer properties ظاهر شود.
3. در قسمت type از جعبه محاوره ای فوق، گزینه guide را انتخاب کنید.
4. Ok را کلیک کنید.
به این ترتیب ، فلش لایه انتخاب شده را به نوع راهنما (guide) تغییر داده و یک علامت متقاطع کوچک را قبل از نام لایه در time line قرار می دهد. این علامت نشان می دهد که لایه مذکور یک لایه راهنما است.
5. ا ز منوی view، ابتدا گزینه guides و سپس snap to guide را انتخاب کنید . به این ترتیب فلش برای حرکت سازی و تعیین محل عناصر در صفحه نمایش اصلی از اجسام موجود در این لایه راهنما استفاده خواهد کرد .
ایجاد یک انیمیشن با روش فریم به فریم :
برای ایجاد اولین فریم کلیدی:
1. یک سند جدید ایجاد کرده و نامی برای آن انتخاب کنید سپس برای آسانتر شدن طراحی و قرار دادن عناصر گرافیکی ، بر روی صفحه نمایش شبکه راهنما را فعال نمایید. برای این کار از منوی view ، گزینه grid و سپس دستور show gride را انتخاب نمایید.
2.در پنجره time line ، بر روی فریم شماره 1 کلیک کنید تا انتخاب شود.
3.ابزار بیضی را از جعبه ابزار انتخاب کنید.
3. staroke – color را بر روی none تنظیم کنید.
4. نزدیک به قسمتهای بالای صفحه نمایش اصلی ، یک دایره رسم نمایید.
برای ایجاد دومین فریم کلیدی :
1. در پنجره time line ، فریم شماره 2 را انتخاب کنید.
2. از منوی insert ، گزینه keyfram را انتخاب نمایید.
در این هنگام ، فلش فریم شماره 2 را به یک فریم کلیدی تبدیل کرده و محتویات فریم کلیدی قبلی را در آن کپی می نماید.
3. در فرم شماره 2 ، توپ و یا دایره موجود را به قسمت پایین منتقل کنید.
برای ایجاد سومین فریم کلیدی :
1. در پنجره time line ، فریم شماره 3 را انتخاب کنید.
2. از منوی insert ، گزینه keyframe را انتخاب نمایید.
در این هنگام ، فلش فریم شماره 3 را به یک فریم کلیدی تبدیل کرده و محتویات فریم کلیدی قبلی را در آن کپی می نماید.
3. درفریم شماره 3 ، توپ موجود در صفحه نمایش را به وسط صفحه نمایش اصلی منتقل کنید.
ایجاد یک انیمیشن با روش motion tween :
1. یک سند جدید فلش بنام motion tween ایجاد کنید. فلش بطور اتوماتیک یک صفحه جدید یا یک لایه و یک فریم کلیدی در فریم اول ایجاد می کند.
2. در time line فریم اولی را انتخاب کنید.
3. درجعبه ابزار (tool box) بیضی را انتخاب کنید و قلم stoke را روی none تنظیم کنید.
4. در بالای صفحه یک دایره بکشید که نقش توپ را بازی کند.
5. در حالیکه هنوز فریم اول انتخاب شده است از منوی insert دستور create motion tween را انتخاب نمایید. فلش دایره شما را به یک سمبل تبدیل می نماید و به آن یک اسم از پیش تعریف شده می دهد که بستگی به تعداد اشکال tween موجود در صفحه دارد.
6. در time line فریم 5 را انتخاب کنید.
7. از منوی insert دستور frame را انتخاب کنید. فلش فریمهایی که حاوی خط چین هستند را اضافه می کند. خط چینها نشان می دهد که این فریمها بایستی حاوی یک motion tween باشند ولی در حال حاضر اشکالی وجود دارد و فلش نمی تواند عملیات tween را انجام دهد.
8. در فریم 5 دایره را به پایین صفحه حرکت دهید تا حرکت رو به پایین توپ را ایجاد کنید. فلش یک فریم کلیدی در فریم 5 ایجاد می کند که در آن دایره در پایین صفحه قرار گرفته است. فلش time line را تغییر می دهد و motion tween را بین دو فریم کلیدی ابتدایی و پایانی ایجاد می نماید . فلش خط چین را تبدیل به یک پیکان می نماید تا ایجاد شدن tween در فریمهای میانی را نشان دهد.
9. در time line فریم 10 را انتخاب کنید.
10. از منوی insert دستور frame را انتخاب کنید. مجددا فلش خط چین جدیدی در فاصله فریمهای 6 تا 10 ایجاد میکند که نمایانگر کامل نبودن عملیات tween در این فریمها است.
11. در فریم 10 دایره را به بالای صفحه حرکت دهید تا حرکت رو به بالای توپ را ایجاد کنید. فلش فریم کلیدی جدیدی در فریم 10 ایجاد می کند و پیکان ایجاد شده میان فریم 6 و فریم 10 نمایانگر کامل بودن عملیات tween می باشد.
12. از منوی کنترل (contorol) دستور نمایش (play) را انتخاب کنید تا متحرک سازی خود را ببینید.
استفاده از پانل Action:
دستورات را در پنجره ای در پانل Action بنام لیست عملیات list Action وارد می کند. دو راه برای قرار دادن دستورات در Action list لیست عملیات وجود دارد. در حالت نرمال جملات ساده ای به زبان انگلیسی را از یک منو یا لیست انتخاب می کنید و به کمک فلش محلهای لازم را با دستورات مناسب پر می کنید. فلش عملیات تبدیل این دستورات به Action script را انجام خواهد داد.
در حالت پیشرفته می توانید دستوراتی را از یک لیست انتخاب کنید و متن دستورات را تایپ کرده و یا از یک ویرایشگر متن به لیست عملیاتی وارد کنید.
دستیابی به پانل Action:
اگر پانل Action فعال نیست یکی از روشهای زیر با بکار برید. از منوی window گزینه Action را انتخاب کنید و یا کلید های ctrl – alt – a را فشار دهید.
در نوار launcher در پایین صفحه، کلید show action را کلیک کنید.
پانل Action باز می شود و یا در جلوی صفحه قرار می گیرد.
پانل Action باز می شود و یا در جلوی صفحه قرار می گیرد.
استفاده از منوی Add statement:
1. در پانل frame action کلید add statement را کلیک کنید. (کلیدی که علامت بعلاوه دارد) یک منو که شامل گروههای مختلف عملیات است ظاهر می شود.
2. یک گروه از عملیات را انتخاب کنید. یک زیر منو پدیدار می شود.
3. یک جمله را انتخاب کنید. فلش دستور فوق را به action list اضافه می کند.

مقدمه swish:
اگر می خواهید بدون استفاده از برنامه flash ،انیمیشن های جذاب و متنوع ایجاد کنید، برنامه swish می تواندابزار مناسبی برای شما باشد. کار با برنامه swish بسیار اسان است. شما می توانید با استفاده از متن، تصاویر وصدا بدون هیچ گونه اتلاف وقتی،انیمیشن های متنوع و پیچیده ای تولید کنید. در برنامه swish بیش از150 جلوه ویژه پیش ساخته تعبیه شده است که از جمله آنها می توان به Explode ،3dspin،snake،vortex اشاره کرد.این برنامه ابزارهایی به منظور رسم خط،مستطیل،بیضی و دکمه های مخصوص داردکه تمام این ابزارها در منوهایی ساده قابل استفاده است.
اگر از کار کردن با برنامه های پیچیده خسته شده اید می توانید از برنامه swish استفاده کنید. برنامه swishاستفاده کنید.برنامه swish می تواند فایل هایی با قالب swf به عنوان خروجی تولید کند که این قالب همان قالب فایل های ایجاد شده با برنامهMacromedia flash می باشد. به همین دلیل انیمیشن های ایجاد شده، با این برنامه بر روی هر سیستمی که بر روی ﺁن برنامه flash player نصب شده باشد قابل پخش و مشاهده خواهد بود. براساس ﺁخرین تحقیقات انجام شده توسط شرکت NPD RESEARCH از کاربران وب یعنی حدود 334 میلیون نفر از انیمیشن های سازﮔار با این برنامه استفاده می کنند.انیمیشن های SWISH می توانند با هر صفحه وب ترکیب شده و یا به صورت یک فایل flash مورد استفاده قرارﮔیرند. همچنین می توان از ﺁنها در بدنه E-mail ،برنامه powerpoint و یا یک سند word استفاده کرد.
نگارش 2 برنامه swish اولین نسخه به روز شده ازاین برنامه است.صدها ویژگی و امکان جدید در این نسخه ازبرنامه وجود دارد که می توان از ﺁنها استفاده کرد.
افکت ها در swish:
ما در این پروژه از افکت های مختلف استفاده کردیم .در زیر به توضیح برخی از آنها می پردازیم.اکنون ببنیم افکت چیست و در کجا به کار می رود;
شما می توانید نمونه این افکت ها را در قسمت Banner پروژه ای که در دست دارید ببنید.
افکت ها انیمیشن هایی هستند که شکل ظاهری یک شی را در طی زمان خاصی تغیییر می دهند. با استفاده ازtimeline panel می توان افکت هایی اضافه کرده و یا افکت های موجود را تغییر داد .
دو نوع افکت وجود دارد:
1-افکت ساده(simple effect) 2-افکت مختلط(complex effect)
یک افکت ساده حالت انیمیشن را به کل شی به صورت یکجا اعمال می کند که از آن جمله می توان به موارد
زیر اشاره کرد:
1-slide in 2-slide out
3-place 4-remove
5- fade in 6-fade out
7-blur 8-repeat frame
9-move
یک افکت مختلط بر روی اجزای تشکیل دهنده یک شی و به صورت مستقل از یکدیگر عمل می کندکه ازجمله انها می توان به موارد زیراشاره کرد:
1-revert 2-squeeze
3-alternate 4-snake
5-type writer 6- transform
7-explode 8-3d spine
9-vortex 10-wave
ویژگی های هر افکت با استفاده از کادر مکالمه effect setting قابل تنظیم بوده و بسیاری از افکت ها مانند motion , easing,camera دارای تنظیمات مشابه می باشند.
اکنون ما به توضیح گزینه هایی می پردازیم که از آنها در پروژه خود استفاده کردیم.
افکت Fade In :
افکت fade in با افزایش کدری شی از حالت کاملا شفاف به کدر کامل به صورت تدریجی شی را نمایش می دهد.
افکت Fade Out :
افکت fade out با کاهش کدری شی از حالت کاملا مات به کاملا شفاف به صورت تدریجی شی را نمایش می دهد.
افکتBlur :
این افکت نسخه های فراوانی از یک object ایجاد می کند که شفافیت هر نسخه از آن شی طبق روال خاصی افزایش یا کاهش می یابد.با تغییر محل ٫ اندازه یا مقدار شفافیت هر نسخه از شی در هر زمان یک افکت motion-blur ایجاد می شود.
با دابل کلیک کردن بر روی افکت blur یا رایت کلیک کردن بر روی افکت و انتخاب گزینه properties می توان این پنجره مکالمه را مشاهده کرد.
گزینه Blur mode :
قالب افکت blur را تعیین می کند.قالب های موجود عبارتند از:
* Zoom Blur
* Mirror Blur
* Slide Blur
گزینه Blur Amount :
تعین می کندکه برا ی پیاده سازی این افکت نیاز به چند نسخه می باشد.
گزینه Direction :
جهت مورد نظررا برای squeeze/stretch ٫ moving in/away ٫ slide in/out را تعیین می کند.
گزینه Blur Scale Factor :
حداکثر تغییر اندازه را بین دو نسخه تعیین می کند.
کادر Accelereation :
سرعت تار شدن را در ابتدا و انتهای افکت تعیین می کند.
* At start
* At end
* Amount
افکت های مختلط:
یک افکت مرکب اجزای موجود در شی را به صورت مستقل از یکدیگر تحریک می کند
افکت های زیر از جمله افکت های مرکب می باشند:
1) افکت های مرکب اصلی
* Transform
* Squeeze
* Alternate
* Snake
2)افکت های سه بعدی
* Explode
* 3D Spin
* Vortex
افکت squeeze :
این افکت اجزای یک شی مختلط را برای مدت معینی فشرده یا باز می کند. این افکت می تواند برای یک شی متنی استفاده شود که در این صورت می توان کلمات متن را به سمت داخل ٫ متراکم و یا به سمت خارج باز کرد.
تب squeeze settings از پنجره مکالمه effect settings در زیر نمایش داده شده است.با ایجاد اولین افکت squeeze پنجره مکالمه squeeze setting نمایش داده می شود.
افکت Alternate :
این افکت انیمیشن هایی با جهت و اندازه متغیر به اجزای یک شی مختلط اعمال می کند. با ایجاد اولین افکت Alternate پنجره مکالمه Alternate setting نمایش داده می شود. همچنین با دابل کلیک کردن بر رو ی افکت یا رایت کلیک کردن بر روی افکت و انتخاب گزینه properties می توان این پنجره رامشاهده کرد.
در این کادر چند گزینه داریم :
گزینه repeat everey 'n' components :
افکت های متناوب بعد از گذشت یک سیکل کامل برایn عنصر تکرار می شوند.مقدار پیش فرض یک سیکل 4 عنصره می باشد.
گزینه Start at components :
مقدار ماکزیمم در جهت مثبت در محل این عنصر رخ می دهد.مقدار پیش فرض صفر می باشد.
افکت snake :
این افکت یک شکل موج را به انواع تبدیلات موجود برای یک عنصر از شی مرکب اعمال می کند .
افکت 3d spin :
این افکت به اجزای یک شی مختلط بر روی محور افقی یا عمودی در فضای سه بعدی حالت فر یا تاب می دهد.افکت 3d spin میتواند به یک شی متنی برای تغییر جهت اجزا در طی گذشت زمان استفاده شود. این اجزا می توانند به سمت چپ بالا یا جلو چرخانده شوند و یا به اندازه زاویه مشخصی به دور محور افقی یا عمودی در طی مدت افکت بچرخند.افکت 3d spin می تواند رو به جلو یا عقب اعمال شود و اندازه رنگ عناصر نیز می تواند تغییر کند.

طراحی وپیاده سازی سایت

p-1 ) صفحه اصلی
این صفحه تماما با Flash طراحی شده وبرای نمایش کلیه عملیاتی است که این سیستم قرار است انجام دهد.
از این صفحه لینک های اصلی به سایر صفحات انجام می شود.که این لینک ها شامل 1)درباره ما 2)اخبار 3)آموزش 4)تازه ها 5)مدیریت
این لینک ها هم در فلش درست شده است.
Background آن را به وسیله Photoshop طراحی کرده ایم. ونوشته های فارسی رابا نرم افزار Maryam نوشته ودر Flash قرار دادیم.وبعد فایل اجرای Flash را که پسوند swf دارد را به وسیله Frontpage به صورت سایت درآوردیم .

توضیحاتی راجع به سایر صفحات :
این صفحات شامل یک بنر در بالای صفحه است که طراحی عکس آن به وسیله Photoshop بوده و بعد آرم شرکت را در بالا به وسیله همین نرم افزار اضافه کردیم .ودر انتها به وسیله SWISH نام شرکت را به صورت متحرک به بنر اضافه کردیم .
که عکس به صورت background است.
درسمت چپ آن یک فریم دارد که شامل یک تصویر متحرک در بالا است که به وسیله عمل motion,mask در Flash طراحی شده است .نحوه عملکرد هر دورا در فصل گذشته شرح دادیم. ویک سری لینک به صفحات دیگر در همین فریم وجود دارد که یکی لینک به صفحه مدیران است ودیگری لینک به صفحه اصلی .
ودرانتها به وسیله عمل marquee در frontpage یک سری عکس های متحرک ایجاد کردیم که به محض رفتن موس بر روی آن می ایستند.
وبه وسیله همین عمل یک متن را نیز در زیر بنر به صورت متحرک در آوردیم.
ودر قسمت اصلی صفحه آرم شرکت را که به وسیله Photoshop طراحی شده وبه صورت عکس در آورده شده است را به صورت background در صفحه استفاده شده است .
البته صفحات دیگر هم بر همین اساس ساخته شده اند .(صفحات معرفی مدیران واخباروآموزش وثبت نام)
باتوجه به اینکه لینک های موجود در صفحه news به سایت های مربوطه اشاره می کند.

MYSQL :
MySQL یکی از معروفترین و بهترین نرم افزارها برای پیاده سازی بانک اطلاعاتی است.
چون در این پروژه از زبان PHP استفاده می کنیم بهترین و سازگارترین پایگاه داده ای که می توان به کار برد MySQL است. در سطح فنی MySQL به عنوان یک سیستم مدیریت پایگاه داده رابطه ای محسوب میشود که در حال حاضر نسبت به مدل های شبکه ای و سلسله مراتبی بسیار مهمتر و دارای توجیه فنی بالاتر است. این RDBMS به عنوان یک Server در محیط های دارای ماموریت حیاتی و پرکار برای اجرا مناسب میباشد و برنامه نویسان این پایگاه داده ادعا میکنند که MySQL سریعترین پایگاه داده است (آزمایشات متعددی این امر را ثابت کرده است) . دفتر مشاوره سوئدی TCX این پایگاه داده را بصورت رایگان در اختیار عموم قرار داده است و روزانه 27000 بار دانلود میشود که خود نشان از محبوبیت و عملکرد و کارایی آن دارد. علاوه بر اینها ، سرعت ، فشردگی ، سادگی و قابلیت اطمینان بالای آن باعث محبوبیت بیشتر آن شده است. MySQL نیز مانند PHP بر روی تمامی سیستم عامل های با خاصیت Server شدن قابلیت نصب و اجرا دارد. یکی دیگر از مزایای این پایگاه داده ، رایگان بودن آن است که باعث میگردد این پایگاه داده در اولویت انتخاب نسبت به پاپگاههای داده دیگر از قبیل Oracle قرار گیرد.
بر خلاف سیستم فایلی که اطلاعات در محلهای جداگانه ای ذخیره می شوند ،در داخل پایگاه داده اطلاعات در یک محل تعریف می گردد.دیدگاه منطقی که مدلهای رابطه ای ایجاد می کنند به کاربر اجازه می دهد تا درگیر جزئیات فیزیکی نشود .
این مدل منطقی سبب می گردد که بتوان طراحی پایگاه داده را راحت انجام دهیم .
طراحی مدل رابطه ای با تعریف موجودیت های مورد نیاز آغاز می گردد.یک موجودیت به طور ساده به هر فرد ،مکان ،اتفاق یا چیزی گفته می شود که بخواهیم درباره آن اطلاعات جمع آوری کنیم.هر موجودیت دارای تعدادی مشخصات ویژه ای است که به آن صفتهای موجودیت گفته می شود.
جداول و مشخصات آنها:
دیدگاه منطقی مدل رابطه ای از طریق جدولها پیاده سازی می شود .یک جدول در واقع گروهی از موجودیت های مشابه یا در واقع یک entity set را نشان می دهد .به همین دلیل گاهی به جای نام جدول از نام entity set به جای آن استفاده می شود.
جدولها دارای خصوصیات ذیل می باشند:
1. یک جدول یک ساختار دو بعدی است که از تعدادی سطر و ستون تشکیل شده است .
2. هر ردیف جدول ،اطلاعات یک موجودیت وهر ستون اطلاعات یک صفت را نگهداری می کنند .
3. تقاطع هر ستون و سطر فقط یک مقدار داده را نشان می دهد که دارای data type مشخصی است.
4. هر ستون دارای یک domain می باشد (domain ،مجموعه مقادیر معتبری است که یک ستون می تواند به خود اختصاص دهد .)
5. هر ردیف باید دارای یک primary key باشد.به طور کلی می توان گفت primary key صفتی است که می تواند یک موجودیت را به صورت یکتا مشخص کند .
روابط بین جداول :
عاملی که باعث می شود پایگاهای داده رابطه ای بتوانند درست کار کنند ،تکرار داده به صورت کنترل شده است ،که وجود صفتهای مشترک بین جداول اجازه می دهد ارتباط بین جدولها را برقرار کنیم.
اپراتورهای پایگاه داده رابطه ای :
اپراتورهای پایگاه داده دارای 8 مورد می باشد که به هر کدام به طور مختصر در ذیل اشاره شده است .
1- select :
مقادیری را برای تمام صفتهای موجود در جدول نتیجه می دهد .select ممکن است تمام مقادیر تمام صفتها را نتیجه دهد و یااینکه بعضی از مقادیر انتخاب شده برای تمام صفتها را نتیجه دهد.
به عبارت دیگر select ، یک زیر مجموعه افقی از جدول را نتیجه می دهد.
2- project :
لیستی از تمام مقادیر برای صفتهای انتخاب شده را نتیجه می دهد .به عبارت دیر یک زیر مجموعه عمودی از جدول را نتیجه می دهد.
3- join :
joinاجازه می دهد تا بتوانیم اطلاعات دو یا چند جدول را با یکدیگر ترکیب کنیم.این اپراتور اجازه می دهد که جدولهای مستقلی که دارای ستون مشترک می باشند با یکدیگر الحاق شوند .
4- interest :
اشتراک ردیفهایی از دو جدول را نشان می دهد که در هر دو جدول موجود باشد .جدولهایی که در عمل اشتراک شرکت می کنند باید از نظر تعداد ستون با یکدیگر برابر ، و data type ستون های متناظر متشابه باشد . در صورتیکه نام ستون های متناظر یکسان نباشند ، مشکلی بوجود نخواهد آمد .
5- union :
ترکیب ردیفهای هر دو جدول را نشان می دهد .شرایط جدولهایی که در عمل union شرکت می کنند مشابه جدول interest است .
6- difference :
اپراتور تفریق ،ردیفهایی از جدول اول را نتیجه می دهد که در جدول دوم وجود نداشته باشد .یا به عبارت دیگر ،جدول دوم از جدول اول کم می شود ،و ردیفهای باقیمانده در جدول نتیجه ظاهر خواهد شد .
7- product :
این اپراتور ترکیب تمام ردیفهای دو جدول را نشان می دهد .فرقی که این اپراتور با join دارد در این است که این اپراتور نیاز به ستون مشترک ندارد .
8- divide :
در اپراتور تقسیم یک جدول دو ستونی و یک جدول یک ستونی مورد نیاز است که جدول یک ستونی ،ستون اول جدول دو ستونی و جدول جواب ستون دومِ جدول دو ستونی است .در صورتیکه به ازای تمام مقادیری که در جدول یک ستونی وجود دارد، ستون دومِ جدول دو ستونی ،مقدار یکسان داشته باشد ، مقدار ستون دوم به خروجی منتقل می شود .
یک زبان پایگاه داده باید ما راقادر سازد تا بتوانیم ساختارهای پایگاه داده و جدولهای آنرا ایجاد کنیم .همچنین این زبان باید به ما اجازه دهد بتوانیم بر روی داده دستکاری کنیم و query های لازم را تهیه کنیم .از طرفی دیگر انتظار می رود چنین زبان استاندارد بوده و قابلیت حمل داشته باشد .SQL زبانی است که این مشخصات را داراست .
دستورات Sql به سه دسته زیر تقسیم می شوند :
1. Data definition :که برای تعریف ساختار پایگاه داده و جدولهای آن به کار می رود .
2. Data management :که برای دستکاری بر روی داده ها به کار می رود .
3. Data query : که برای تعریف query و تبدیل داده های خام به اطلاعات با ارزش به کار می رود .
دستور ایجاد پایگاه داده :
برای ایجاد ساختار پایگاه داده در sql استاندارد از دستور زیر استفاده می شود .
Create schema authorization <creater>;
اما در بعضی از پایگاههای داده مانند DB2 ،dBase4 ، oracle و……. از دستور زیر برای ایجاد ساختار پایگاه داده استفاده می شود .
Create database <database name>;
تعریف ساختار جدول :
برای تعریف ساختار جدول ها از دستور create table باشکل کلی زیر استفاده می شود.
Create table <table name>(column-name ,data type ,characteristic);

دستورات data management :
این دستورات برای مدیریت و دستکاری بر روی داده به کار می رود که بعضی از آنها به قرار زیراست :
Insert : که برای وارد کردن یک ردیف به داخل جدول به کار می رود .
Insert into <table name>
Values (value1, value 2 , value 3, ………,value n);
Update :که برای ویرایش یک یا چند سطر به کار می رود .
Update <table name>
Set <column.name>=<new value>,
Where<conditions>;
Delete :که برای حذف یک یا چند سطر به کار می رود.
Delete from <table name>
Where<condition>;
Commit :که برای ثبت تغییرات به صورت دائمی بر روی database به کار می رود .
Commit <table name>;
Rollback : که برای برگرداندن محتوای پایگاه داده به مقدار قبلی اش به کار می رود .
Query ها :
تمام query هایی که در sql انجام می شود بر پایه دستور select است .query ها کمک می کنند که بتوانیم تغییراتی را که اعمال کرده ایم مشاهده کنیم و یا اینکه اطلاعات با ارزش از داخل جول بدست آوریم .شکل کلی دستور select که در query ها به کار می رود به صورت زیر است .
Select <column(s)>
From<table name>,
Where<conditions>;
در قسمت شرط sql می توان از اپراتورهای ریاضی استفاده کند .
علاوه بر اپراتورهای ریاضی ، برای تعریف شرطهای پیچیده تر می توان از اپراتورهای منطقی استفاده کرد.
در sql استاندارد امکان استفاده از اپراتورهای ویژه ،در شرط where وجود دارد.این اپراتورها عبارتند از :
1-between :که برای مشخص کردن یک دامنه از مقادیر به کار می رود .
2-is null :که مشخص می کند آیا مقدار یک ستون null است یا خیر .
3- like :برای مشابهت دادن دو مقدار رشته ای با یکدیگر به کار می رود .
4- in :که مشخص می کند آیا مقدار یک صفت در داخل یک مجموعه از مقادیر قرار دارد یا خیر .
5-exists :مشخص می کند آیا یک ستون دارای مقدار است یا خیر .این اپراتور عکس is null عمل می کند.
سایر دستورات data managment :
تمام تغییرات در ساختار جدولها براساس دستور alter انجام می شود .دستور دیگری که در داخل alter استفاده می شود مشخص می کند چه اتفاقی یا تغییری در جدول باید انجام شود .
Modify و add دستوراتی هستند که در alter استفاده می شود .با استفاده از modify می توان مشخصات یک ستون را تغییر داد و با استفاده از add می توان ستون جدیدی به جدول اضافه کرد .شکل کلی دستورات به صورت زیر است :
Alter table <table name>
Modify <column name><new column characteristic>;

Alter table <table name>
Add <new column name><new column characteristic>;
حذف جدول :
برای حذف جدول از داخل یک پایگاه داده از دستور drop table ،به صورت زیر استفاده می شود . drop table <table name>; توابع sql :
مرتب کردن لیست : برای مرتب کردن اطلاعات در sql از تابع order by استفاده می شود.شکل کلی آن به صورت زیر است :order by <attribute>; در صورتیکه بخواهیم اطلاعات به ترتیب نزولی مرتب شود از order by به صورت زیر استفاده می شود : order by <attribute>DESC;
توابع عددی در SQL :
توابع عددی رایج در sql عبارتند از :
count :که برای مشخص کردن تعداد ردیفهای دارای یک صفت خاص به کار می رود .
2- min :برای مشخص کردن حداقل مقادیر در یک ستون به کار می رود .
3- max :برای مشخص کردن حداثر مقادیر در یک ستون به کار می رود .
4- avg :برای مشخص کردن میانگین مقادیر یک ستون به کار می رود .
5- sum :برای مشخص کردن مجموع مقادیر یک ستون به کار می رود.
الحاق جدولها :
در صورتیکه بخواهیم الحاق دو جدول را بدست آوریم که دارای ستون مشترک می باشند ، می توان به دو صورت عمل کرد .یک روش با استفاده از دستور select می باشد که در این حالت شرط الحاق در قسمت where مشخص می شود و نام جدولهایی که باید با یکدیگر الحاق شوند در مقابل from مشخص می شود . در این حالت برای اینکه بتوان کاملاً نام ستونها را در دو جدول از یکدیگر تفکیک کرد نام جدول ، قبل از نام ستون ذکر می شود .
Select <table name . column name >,
From <table name1>,<table name 2>,
Where <condition>;
یا :
Select <table name . column name>,
From <table name1> join <table name2>,
On <condition>;
Alias :
به معنی نام دیگر می باشد .در پایگاههای داده به منظور جلوگیری از تکرار نامهای بزرگ می توان از alias استفاده کرد تا بتوان به اطلاعات به صورت ساده تر دسترسی پیدا کرد .

PHP :
دو ویژگی ذاتی PHP که آنرا از سایر زبان های برنامه نویسی تحت شبکه متمایز میکند عبارتند از :
1) Open Source بودن PHP که آنرا بصورت رایگان در اختیار همگان قرار میدهد.
2) Cross-Platform بودن این زبان که باعث میشود بر روی هر سیستم و با هر سیستم عاملی که بر روی Server نصب میشود اجرا گردد.
علاوه بر اینها PHP مزایای دیگری دارد که آن را از رقیب خود ASP.NET پیش می اندازد :
1) سرعت بالا، در ایجاد یک صفحه وب با PHP از آنجا که Syntax آن بسیار به زبان C نزدیک است و استفاده از آن نسبت به VB در ASP.NET قابلیت های برنامه نویسی را بالاتر می برد. همچنین صفحات ASP.NET برای اجرا از Engine های ویندوز نیز کمک میگیرند که این باعث کند شدن سرویس دادن میشود.
2) استفاده بهینه از حافظه که این مورد برای وب سایتهایی که دارای مخاطب زیاد بوده و زیاد Load میشوند مشکل ایجاد میکند و باعث عدم رویت صفحه میشود. در استفاده از ASP که بر روی Server هایی با سیستم عامل NT استفاده میشود این مورد به شدت محسوس است ، در حالیکه این مشکل در PHP یا اصلاً وجود ندارد و یا نسبت به ASP بسیار کمتر است.
3) اگر از امکاناتی نظیر Encryption یا File Uploading و یا ارسال نامه توسط کد برنامه در ASP استفاده کنیم باید امکانات اضافی برای این کار خریداری و به IIS اضافه گردد. این در حالیست که در PHP همه این موارد از امکانات استاندارد آن میباشد.
در انتها باید یادآور شویم که PHP همچون سایر تکنولوژی های برنامه نویسی تحت شبکه تمام امکانات برنامه نویسی پیشرفته و پویا مانند توانایی برقراری ارتباط با بیش از 21 پایگاه داده و امکان انجام عملیات Regular Expression (اعتبار سنجی سمت سرویس دهنده برای امنیت در برابر هکرها) را دارا می باشد. این زبان توانایی پشتیبانی از پروتکل های IMAP , SNMP , NNFP , POP3 , HTTP و … را دارد.
برنامه نویسی PHP :
Php به حروف بزرگ وکوچک حساس است.وبرای تعریف متغییرها از علامت $ قبل از نام متغییر استفاده می کنیم. به صورت مقابل
$name;
وتابع echo() تابعی است برای خروجی که پارامترهای مقابلش را به خروجی می برد.
تعریف تابع :
تابع را به صورت زیر تعریف می کنند .
Function funname( ){
}
آرایه :
آرایه را به دو صورت میتوان تعریف کرد.
تعریف آرایه های یک بعدی :
1)$a['name']="ali";
$a['family']="akbari";
2)$a=array('name'=>"ali",'family'=>"akbari");
تعریف آرایه دو بعدی :
1)$a[0]['name']="ali";
$a[0]['family']="akbari";
$a[1]['name']="ahmad";
$a[1]['family']="hasani";
2)$a=array(0=>array('name'=>'ali','family'=>'akbari')1=>array('name'=>'ahmad','family'=>'hasani'));
وتابع isset($name) چک میکند که آیا این متغییر در این قسمت از برنامه تعریف شده است یا نه.
تابع header باید قبل از echo کردن باشد .
COOKIE :
یک سری اطلاعات را بر روی کامپیوتر کاربر نگه می دارد . ودر واقع یک فایل متنی هستند که هر فایل شامل یک cookie ومتغییر مربوط به آن است.
Set_cookie:
lang =fa;[domain=beh-saba.com expire= Tho 22 may 18:20:23 GMT ;path=/]
setcookie در response header قرار می گیرد.
Setcookie ('lang','fa');
گذاشتن cookie باید قبل از ارسال output روی کامپیوتر کاربر باشد.هر cookie شامل یک متغییر با یک value است.

SESSION :
مقدار یکتای از cookie به نام php session روی کامپیوتر کاربر قرار میدهد.یک فایل متنی ایجاد می کند وID کاربر را روی کامپیوتر کاربر قرار میدهد.بعد از مدتی از روی کامپیوتر کاربر پاک می شود .
تابع session_start(); : برای ایجاد session زمانی باید ایجاد شود که output ای روی کامپیوتر کاربر وجود ندارد .یعنی باید قبل از تگ form در خروجی باشد .
توابع زیر در روش 1) فقط زمانی کار می کند که register global = on باشد ولی روش 2) در هر شرایطی درست کار می کند.
یک متغییر با نام email را با مقدار مذ کور ایجاد می کند .
1)session_register('email','beh-saba.com');
2)$_Session['email']='info @ beh-saba.com');
خواندن متغییر از داخل session :(نحوه فراخوانی )
1)$email;
2)$_SESSION['email'];
چک کردن اینکه یک متغییر وجود دارد یا نه .
1)session_is_register('email');
2)isset($_SESSION['email']);
پاک کردن یک متغییر از session :(remove کردن مقدار موجود در session )
1)session_unregister('email');
2)Unset($_SESSION['email']);
از بین بردن تمام متغییرها (تبدیل به یک آرایه خالی می شود.) :
1)session_unset;
2)$_SESSION=array();
پاک شدن کل فایل :
session_destroy();
این تابع از php میخواهد که یک ID یکتا برای کاربر ایجاد کند ونام فایل را rename می کند.
Session_register _id();
تابع زیر نشان می دهد که آیا cookie با این نام واین id وجود داردیا نه ودراین صورت آیا valid, cookie است یا خیر:
Session_id();
Session_name();
تابع زیر نشان می دهد که مدت زمانی که کاربر می تواند فایل های مرتبط با session را باز نگه دارد چقدر است.
Session_ cache_expire (minutes)
با استفاده از توابع زیر می توان cookie را مدیریت کرد.ومقادیر پیش غرضی راهم که می پذیرند در مقابلشان نوشته شده است.
Session.cookie_domain NULL
Session.cookie_lifetime off
Session.cookie _path /
Session.cookie _secure NULL
Session.use_cookies on
تابع زیر چک می کند cookie روی کامپیوتر هست یا نه .
Session.use_trans_$id on
Session.save_path /tmp
تابع exit() از برنامه خارج می شود .
تابع die("— — — ") همانند exit با این تفاوت که قبل از اتمام یک پیغام را می دهد.

کدهای صفحات مهم :

صفحه db_connect.php :

<?
$strHost="localhost";
$strDBName="behsaba";
$strDBUser="root";
$strDBPassword="";
$Link=mysql_connect($strHost, $strDBUser, $strDBPassword);
mysql_query("use $strDBName", $Link);
?>

صفحه handeltak.php:

<?
if(!isset($chkLesson[0])){
header("location:tak.php");
exit();
}
$strLessons=implode($chkLesson, ",");
header("location:elam-e%20variz.php ? l=$strLessons");
?>

صفحه handlesignup.php :

<?
session_start();
if($lname=="" || $nezam=="" || $email=="" || $tel1==""){
header("location:sabtenam.php?miss=1");
exit();
}else{
require("db_connect.php");
$strQuery="insert into tblMembers values(0, '$fname', '$lname', '$pname', '$nezam', '$email', '$tel1', '$tel2', '$mobile')";
if(!mysql_query($strQuery, $Link)){
header("location:sabtenam.php?success=2");
exit();
}
$strQuery="select max(id) from tblMembers";
$Result=mysql_query($strQuery, $Link);
$st=mysql_result($Result, 0, 0);
mysql_close($Link);
session_register("st");
header("location:nahve-sabtenam.htm");
}?>

handlevariz.php صفحه

<?
session_start();
require("db_connect.php");
$strQuery="insert into tblRegister values(0, $st, '$l', $mvn, $mpn, '$date', '$sp', '$sfb')";
$success=mysql_query($strQuery,$Link);
mysql_close($Link);
header("location:elam-e%20variz.php ? success=$success");
?>

کدهای مربوط به صفحه login.php

<?
$strHost="localhost";
$strDBName="behsaba";
$strDBUser="root";
$strDBPassword="";
$Link=mysql_connect($strHost, $strDBUser, $strDBPassword);
mysql_query("use $strDBName", $Link);
?>

کدهای مربوط به صفحه registers.php

<?
require("admin_check.php");
require("db_connect.php");
$strQuery="select * from tblRegister order by id desc";
$Result=mysql_query($strQuery, $Link);
while($Row=mysql_fetch_array($Result)){
$strQuery="select * from tblMembers where id=$Row[member_id]";
$MResult=mysql_query($strQuery, $Link);
if($MRow=mysql_fetch_array($MResult)){
$aryMember[]="$MRow[fname] $MRow[lname]";
}
$aryLessons=explode(",", $Row["lessons"]);
$intNumLessons=count($aryLessons);
$strLessons="";
for($i=0; $i<$intNumLessons; $i++){
$strQuery="select * from tblLessons where id=$aryLessons[$i]";
$LResult=mysql_query($strQuery, $Link);
if($LRow=mysql_fetch_array($LResult)){
$strLessons.=$LRow["name"]."<br>";
}
}
$aryLName[]=$strLessons;
$aryMVN[]=$Row["mvn"];
$aryMPN[]=$Row["mpn"];
$aryDate[]=$Row["date"];
$arySP[]=$Row["sp"];
$arySFB[]=$Row["sfb"];
}
$intNumRegisters=mysql_num_rows($Result);
mysql_close($Link);
?>

تصاویر صفحات مهم وکدهای مربوط به ان

کدصفحه آموزش :

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>آموزش:</title>
<meta name="Microsoft Theme" content="none">

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

<table cellpadding="0" cellspacing="0" height="140" width="971">
<!– MSTableType="layout" –>
<tr>
<td valign="top" width="383" background="gg1.gif">
<p style="margin-top: 0"><b><font size="4" face="Tahoma"> </font></b>
</p>
<p style="margin-top: 0"><b><font size="4" face="Tahoma"> </font><font color="#000066" face="Tahoma" size="4">
</font></b>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj4" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="347" height="47">
<param name="movie" value="MOR-MODIR.swf">
<param name="quality" value="High">
<param name="scale" value="NoBorder">
<param name="salign" value="L">
<embed src="MOR-MODIR.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj4" width="347" height="47" quality="High" scale="NoBorder" salign="L"></object>
</p>
<p style="margin-top: 28px">
<marquee width="187">Best View:1024 in 768 Pixel</marquee></td>
<td valign="top" background="gg1.gif" width="300"> <p style="margin-top: 30px">
</p>
<p> </td>
<td background="gg2.gif" height="140" width="288" style="text-align: justify; text-justify: kashida">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj5" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="288" height="140">
<param name="movie" value="Movie11.swf">
<param name="quality" value="High">
<embed src="Movie11.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj5" width="288" height="140"></object>
</td>
</tr>
</table>
<div align="center">
<table border="0" width="100%" id="table49" height="545" bgcolor="#F9F3FA">
<tr>
<td style="text-align: center; " valign="top">
<div align="right">
<table cellpadding="0" cellspacing="0" width="786" height="529" id="table50">
<!– MSTableType="layout" –>
<tr>
<td width="18"> </td>
<td valign="top" width="745">
<table cellpadding="0" cellspacing="0" width="745" height="529" id="table51">
<!– MSCellFormattingTableID="3" –>
<tr>
<td width="10">
<img alt="" width="10" height="519" src="MsoPnl_sh_b_311.jpg"></td>
<td height="519" width="735">
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" id="table52">
<tr>
<td bgcolor="#996699" nowrap height="20">
<!– MSCellFormattingType="header" –>
                                                <b>
</b>
<font color="#F9F3FA" size="2" face="Tahoma"><b>
"<span lang="fa"> </span> <span lang="fa">کلاسهای
آمادگی آزمون دستياری پزشکی</span> <span lang="fa"> </span>"</b></font></td>
</tr>
<tr>
<td valign="top" height="100%" width="100%">
<!– MSCellFormattingType="content" –>
<p class="MsoNormal" dir="RTL" style="text-align: justify; text-justify: kashida; text-kashida: 0%; line-height: 150%"> </p>
<p class="MsoNormal" dir="RTL" style="text-align: justify; text-justify: kashida; text-kashida: 0%; line-height: 150%">
<span lang="FA" style="font-size: 11pt; font-family: Tahoma">
ش</span><font style="font-size: 11pt"><span lang="FA" style="font-family: Tahoma">رکت
به سبا با بهره گيری از برجسته ترين اساتيد و با استفاده
از سر فصل های پيشنهادی وزارت بهداشت درمان و آموزش پزشکی
اقدام به برگزاری دوره های آمادگی جهت آزمون های دستياری
کرده است.</span></font></p>
<p class="MsoNormal" dir="RTL" style="text-align: justify; text-justify: kashida; text-kashida: 0%; line-height: 150%">
<font style="font-size: 11pt">
<span lang="FA" style="font-family: Tahoma"> اين
شرکت در سال دوم برگزاری کلاسهای خود تلاش کرده است تا
برخلاف ساير موسسات برگزار کننده اين دوره ها با بهره گيری
از مشاورين آموزشی زبده و برگزاری آزمونهای حضوری و
اينترنتی منظم بصورت </span></font><font face="Tahoma">
<span dir="LTR" style="font-size: 11pt">Pre-Test</span></font><span lang="FA" style="font-size: 11pt; font-family: Tahoma">
و </span><font face="Tahoma">
<span dir="LTR" style="font-size: 11pt">Post-Test</span></font><span lang="FA" style="font-size: 11pt; font-family: Tahoma">
وسيله ای جهت آمادگی سريع همراه با بازدهی بالا برای
داوطلبطن شرکت در اين آزمون فراهم کند. </span></p>
<p class="MsoNormal" dir="RTL" style="text-align: justify; text-justify: kashida; text-kashida: 0%; line-height: 150%">
<span lang="FA" style="font-size: 11pt; font-family: Tahoma">
ما ضمن فراهم کردن شرايط برای داوطلبان جهت ارزيابی منظم
خود در تلاش هستيم تا آخرين اخبار مرتبط با آزمون دستياری
را در اختيار مراجعين به سايت قرار دهيم.</span></p>
<p class="MsoNormal" dir="RTL" style="text-align: justify; text-justify: kashida; text-kashida: 0%; line-height: 150%">
<span lang="FA" style="font-size: 11pt; font-family: Tahoma"> لازم
به ذکر است که داوطلبين محترمی که در کلاسهای اين شرکت ثبت
نام بفرمايند ضمن برخورداری از تستهای دوره ای که بصورت هر
2 هفته يکبار روی سايت جهت ارزيابی داوطلبين با برنامه
ريزی قبلی قرار می گيرد از تستهای ويژه که توسط برجسته
ترين مدرسين دانشگاههای تهران در اختيار اين شرکت قرار می
گيرد نيز بهره مند خواهند شد. داوطلبين ثبت نام کننده از
</span><font face="Tahoma">
<span dir="LTR" style="font-size: 11pt">e-mail </span>
</font><font face="Tahoma" style="font-size: 11pt">
<span lang="FA"> اختصاصی خود در سايتبه سبا استفاده
خواهندکرد و امکان ارتباط دو جانبه بين مديريت آموزشی و
داوطلب بطور مستقيم فراهم خواهد بود</span></font><span lang="FA" style="font-size: 11pt; font-family: Yagut">.</span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" height="10">
<img alt="" width="745" height="10" src="MsoPnl_sh_r_310.jpg"></td>
</tr>
</table>
</td>
<td height="529" width="23"> </td>
</tr>
</table>
</div></td>
<td width="181" style="text-align: justify; text-justify: kashida" valign="top" bgcolor="#CC99CC">
<table border="0" width="102%" id="table53" height="538" cellspacing="0" cellpadding="0">
<tr>
<td height="23" bgcolor="#CC99CC"> <table cellpadding="0" cellspacing="0" id="table54" width="179" height="133">
<!– MSTableType="layout" –>
<tr>
<td valign="top" width="165">
<table cellpadding="0" cellspacing="0" id="table55" width="179" height="179">
<!– MSCellFormattingTableID="2" –>
<tr>
<td colspan="2" height="10">
<img alt="" width="179" height="10" src="MsoPnl_sh_t_2185.jpg"></td>
</tr>
<tr>
<td width="10">
<img alt="" width="10" height="169" src="MsoPnl_sh_r_2186.jpg"></td>
<td height="169" width="169">
<table cellpadding="0" cellspacing="0" border="0" id="table56" width="169" height="169">
<tr>
<td bgcolor="#996699" colspan="3" height="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
<tr>
<td bgcolor="#996699" width="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
<td valign="top" width="167">
<!– MSCellFormattingType="content" –>
<span lang="fa">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="160" height="160">
<param name="movie" value="MOR-SHRKAT.swf">
<param name="quality" value="High">
<embed src="MOR-SHRKAT.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="160" height="160"></object>
</span></td>
<td bgcolor="#996699" height="167" width="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
<tr>
<td bgcolor="#996699" colspan="3" height="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
<p style="margin-top: 6px; margin-bottom: 6px">
<span lang="fa">   </span></p>
<table cellpadding="0" cellspacing="0" id="table57" width="179" height="74">
<!– MSCellFormattingTableID="2" –>
<tr>
<td width="10">
<img alt="" width="10" height="64" src="MsoPnl_sh_b_21C6.jpg"></td>
<td height="64" width="169">
<table cellpadding="0" cellspacing="0" border="0" id="table58" width="169" height="64">
<tr>
<td bgcolor="#996699" colspan="3" height="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
<tr>
<td bgcolor="#996699" width="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
<td valign="top" width="167">
<!– MSCellFormattingType="content" –>
<span lang="fa"> </span>
<p style="margin-top: -4px">
<span lang="fa"> </span><span lang="en-us">  </span><span lang="fa">
</span><span lang="en-us"> </span><span lang="fa"> </span>
<a href="index.htm">
<img border="0" id="img23" src="button2F.jpg" height="20" width="100" alt="صفحه اصلی" onmouseover="FP_swapImg(1,0,/*id*/'img23',/*url*/'button30.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img23',/*url*/'button2F.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img23',/*url*/'button31.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img23',/*url*/'button30.jpg')" fp-style="fp-btn: Corporate 9" fp-title="صفحه اصلی"></a></td>
<td bgcolor="#996699" height="62" width="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
<tr>
<td bgcolor="#996699" colspan="3" height="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" height="10">
<img alt="" width="179" height="10" src="MsoPnl_sh_r_21C5.jpg"></td>
</tr>
</table>
<p style="margin-top: 6px; margin-bottom: 6px">
<span lang="fa"> </span></td>
<td valign="top" height="133" width="14"> <p> </p>
<p> </p>
<p> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="201" bgcolor="#CC99CC">
<p style="margin-top: -8px; margin-bottom: -8px"><span lang="fa">
</span></p>
<table cellpadding="0" cellspacing="0" id="table59" width="179" height="204">
<!– MSCellFormattingTableID="2" –>
<tr>
<td width="10">
<img alt="" width="10" height="194" src="MsoPnl_sh_b_21D.jpg"></td>
<td height="194" width="169">
<table cellpadding="0" cellspacing="0" border="0" id="table60" width="169" height="194">
<tr>
<td bgcolor="#996699" colspan="3" height="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
<tr>
<td bgcolor="#996699" width="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
<td valign="top" width="167">
<!– MSCellFormattingType="content" –>
<span lang="fa">
</span><span lang="en-us"> </span><a href="moarefi-heyat.htm"><img border="0" id="img27" src="button69.gif" height="21" width="126" alt="معرفی هيئت علمی" onmouseover="FP_swapImg(1,0,/*id*/'img27',/*url*/'button67.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img27',/*url*/'button69.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img27',/*url*/'button68.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img27',/*url*/'button67.gif')" fp-style="fp-btn: Simple Arrow 3; fp-font-color-normal: #000080; fp-font-color-hover: #996699; fp-transparent: 1; fp-proportional: 0" fp-title="معرفی هيئت علمی"></a><p style="margin-top: 0px; margin-bottom:0">
<span lang="fa">   </span><span lang="en-us">
</span> <span lang="en-us">
</span> <span lang="fa">  <font size="2">
</font></span><font size="2">.</font><span lang="fa"><font size="2">…………….</font></span></p>
<p style="margin-top: 0px; margin-bottom:0">
<font size="2">
<img border="0" id="img24" src="button61.gif" height="21" width="105" alt="برنامه آموزشی" onmouseover="FP_swapImg(1,0,/*id*/'img24',/*url*/'button57.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img24',/*url*/'button61.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img24',/*url*/'button58.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img24',/*url*/'button57.gif')" fp-style="fp-btn: Simple Arrow 3; fp-font-color-normal: #000080; fp-transparent: 1" fp-title="برنامه آموزشی"></font><font size="2">
</font></p>
<p style="margin-top: 0px; margin-bottom:0">
<font size="2">
</font><span lang="fa"><font size="2">
</font></span><font size="2">.</font><span lang="fa"><font size="2">…………….</font></span><font size="2">
</font></p>
<p style="margin-top: 0px; margin-bottom:0">
<span lang="fa"> </span>
<span lang="fa">    </span><span lang="en-us">  <a href="barnameh.htm"><img border="0" id="img25" src="button62.gif" height="21" width="105" alt="برنامه کلاس" fp-style="fp-btn: Simple Arrow 3; fp-font-color-normal: #000080; fp-transparent: 1" fp-title="برنامه کلاس" onmouseover="FP_swapImg(1,0,/*id*/'img25',/*url*/'button59.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img25',/*url*/'button62.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img25',/*url*/'button60.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img25',/*url*/'button59.gif')"></a></span><span lang="fa">  </span></p><p style="margin-top: 0px">
<span lang="en-us">
</span>
<span lang="fa"> <font size="2">
…………….</font></span><font size="2">.</font><p style="margin-top: 0px">
<span lang="en-us"><font size="2">
<a href="sabtenam.php">
<img border="0" id="img26" src="button63.gif" height="20" width="100" alt="نوع ثبت نام" onmouseover="FP_swapImg(1,0,/*id*/'img26',/*url*/'button1A1.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img26',/*url*/'button63.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img26',/*url*/'button1B3.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img26',/*url*/'button1A1.gif')" fp-style="fp-btn: Simple Arrow 3; fp-font-size: 9; fp-font-color-normal: #000080; fp-transparent: 1" fp-title="نوع ثبت نام"></a></font></span><p style="margin-top: 0px">
<font size="2"><span lang="en-us"> </span>
</font><span lang="en-us">
<font style="font-size: 9pt" face="Tahoma"> </font></span><font face="Tahoma" size="1" color="#000080">کلاسهای
آمادگی آزمون دستیاری</font><p style="margin-top: 0px">
</td>
<td bgcolor="#996699" height="192" width="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
<tr>
<td bgcolor="#996699" colspan="3" height="1">
<img alt="" width="1" height="1" src="../MsSpacer.gif"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" height="10">
<img alt="" width="179" height="10" src="MsoPnl_sh_r_21C.jpg"></td>
</tr>
</table>
</td>
</tr>
</table>
<p><span lang="fa">      </td>
</tr>
</table>
</div>

</body>

</html>

منابع ومراجع :
1. cadenHead Rogers , Frontpage 2000 ومترجم: محمد نوروزی ,انتشارات ناقوس
2.مهندس حبیب فروزنده ومهندس سید سعید حسینی وFrontpage 2003 , انتشارات عابد
3.Katherine Ulrich , Flash 5 , مترجمین :دکتر بابک ماضی ودکتر پیمان نیلفروش
4. رنگین کمان حمید رضا, راهنمای سریع ویژوال swish 2/0 , انتشارات ناقوس, 1382 , چاپ اول
5. اکبری بهزاد , برنامه نویسی کاربردی روی سرویس دهنده وب, انتشارات ناقوس
6. مسعود شباهنگ , Photoshop 7 ME , انتشارات روزنه
7. اینترنت

تعداد صفحات : 82 | فرمت فایل : WORD

بلافاصله بعد از پرداخت لینک دانلود فعال می شود