دانلود پروژه کارآموزی طراحی سایت

مقدمه:

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

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

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

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

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

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

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

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

فصل اول:

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

 

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

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

     بعد از انتخاب این گزینه لازم است یک وب فولدر ساخته شود تا تمامی فایلها و تصاویر در آنجا بصورتی منظم ذخیره گردد . پس در مکان مورد نظر یک فولدر با نامی با مسمی ایجاد کنید . سپس بعد از آنکه گزینه ی Empty Web Site را انتخاب نمودید در قسمت چپ پنجره بر روی گزینه ی Brows رفته ، مسیر را مشخص کنید ( این مسیر، مسیر همان فولدری است که می خواهید اطلاعات شما در آن قرار گیرد ) حال بر روی کلید Ok کلیک کنید . اگر به محل ساخت فولدر بازگردید مشاهده می کنید که شکل آیکن فولدر تغییر کرده و از بقیه ی فولدر ها مجزا شده است 
تا اینجا یک وب فولدر ساخته ایم .

به منظور سامان دهی اطلاعات در یک فولدر و راحت تر بودن کار با وب فولدر خود و همچنین وب سایت ، تمامی عکسها و تصاویر خود را در فولدر Images ذخیره کنید .

: Page نحوه ی طراحی کردن یک

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

صفحه ی نخست که از آن به عنوان مهمترین صفحه در وب سایت یاد نمودیم را با نام index و یا Default با پسوند html ذخیره نمایید .

فصل دوم :

       کار با جدولها
       توضیحات کار با جدولها

 

کار با جدولها:

     یکی از مهمترین ابزارهای Front Page کار با جدول ها می باشد . برای اینکار از منوی Table گزینه ی Insert و سپس Table را انتخاب کنید.

پنجره ای با عنوان Insert Table باز می شود که مختص طراحی و تغییرات جدول می باشد .
 

در ذیل به شرح گزینه های مختلف این پنجره می پردازیم :

 قسمت Size :
که شامل دو قسمت Rows و Columns می باشد . این گزینه تعیین کننده ی تعداد سطر و ستونهای جدول می باشد . گزینه ی Rows نشان دهنده ی تعداد سطر و گزینه ی Columns نشان دهنده ی تعداد ستون جدول می باشد .

 قسمت Layout :
این قسمت شامل پنج گزینه می باشد که به شرح تک تک آنها می پردازیم :

a) گزینه ی Alignment :
برای تعیین نوع تراز جدول از این قسمت استفاده می شود . این گزینه شامل چهار عبارت زیر است :
1- Default: جدول را در حالت پیش فرض صفحه قرار می دهد . به عنوان مثال اگر پیش فرض تمام گزینه های صفحه ی شما چپ چین باشد جدول را نیز در سمت چپ قرار می دهد .
2- Left: جدول را در سمت چپ صفحه تراز می کند .
3- Right: جدول را در سمت راست صفحه تراز می کند .
4- Center: جدول را در قسمت وسط صفحه قرار می دهد .

b) گزینه ی Float:
موقعیت متنی که بعد از جدول قرار می گیرد در این قسمت تعیین می شود. معنای لغوی کلمه ی Float شناور بودن است . با این توضیح که Float دارای اولویت نسبت به Alignment می باشد . پس بسته به نوع سلیقه متن بعد از جدول را راست ، چپ و یا وسط چین کنید .

c) گزینه ی Specify width:
تعیین طول و عرض جدول بصورت دستی در این قسمت امکانپذیر می باشد. in pixel تعیین کننده ی معیار اندازه با Pixel و in percent تعیین کننده ی معیار اندازه با درصد می باشد .

d) گزینه ی Cell padding:
معین کننده ی فاصله ی محتوا با کناره های سلول می باشد.

e) گزینه ی Cell Spacing:
برای تعیین فاصله ی بین سلولها با یکدیگر از این گزینه استفاده می شود .

f) گزینه ی Table Direction:
متن درون جدول از چپ به راست قرار بگیرد یا از راست به چپ.

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

قسمت Style :
این قسمت مربوط به حالت چیدمان اطلاعات در صفحه می باشد . در ادامه ی مبحث در فصل های آینده به شرح کامل این قسمت خواهیم پرداخت .

Cell Properties:
به هر یک از خانه های جدول ترسیمی یک سلول می گویند. اگر در روی سلول مورد نظر راست کلیک کرده و گزینه ی Cell Properties‌را انتخاب کنید ، پنجره ی مخصوص تنظیمات سلول باز می شود.

 قسمت Layout :

 Horizontal alignment:
این گزینه مربوط به طریقه ی تراز کردن افقی محتوای داخل سایت می باشد . که می توان بر حسب دلخواه یکی از گزینه های پیشنهادی را انتخاب کرد .

 Vertical alignment:
برای تراز کردن عمودی محتوای سایت از این گزینه استفاده می شود.

 Rows spanned:
این گزینه برای برابر قرار دادن یک سطر با تعدادی سطر دیگر می باشد. یعنی می توان طول یک سل ( سلول ) را با سل دیگر برابر کرد .

 Column spanned:
برای برابر قرار دادن یک ستون با تعدادی ستون دیگر از این گزینه استفاده می شود.

 Specify Width & height:
برای دادن اندازه به صورت درصد و یا پیکسل می باشند.

 Header cell:
برای Bold‌کردن متن این گزینه را فعال کنید.

 No wrap:
این گزینه برای شکستن متن در سل می باشد. اگر این قسمت فعال نباشد با طولانی شدن متن ، طول سل هم افزایش می یابد .

 قسمت Borders :
color :
برای رنگی کردن خطوط اطراف سل می توان از جعبه ی رنگ ، رنگ دلخواه را انتخاب کرد .

Background:
در صورتیکه بخواهیم رنگ Background یک سل را تغییر دهیم از قسمت جعبه ی رنگ ، رنگ دلخواه را انتخاب می نماییم. اما اگر برای Background سلول مورد نظر بخواهیم از یک عکس خاص استفاده نماییم ابتدا قسمت Use background picture را فعال و سپس بر روی دکمه ی Brows کلیک می کنیم . از مسیر مورد نظر عکس را انتخاب و بر روی دکمه ی ok‌کلیک می نماییم .

فصل سوم :

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

 

: Frame

Frame      ها یکی از مهمترین مباحث برای طراحی صفحات وب در Front Page می باشد.
برای ایجاد Frame از منوی file گزینه ی New را فعال کرده از منویی که در قسمت راست صفحه باز می شود گزینه ی More Page Template را انتخاب می کنیم زیرا می خواهیم صفحه ای با Frame ها ایجاد کنیم .
پنجره ای باز می شود که با فعال کردن سربرگ Frames Page نوع صفحه بندی را انتخاب می کنیم . فرض کنید که صفحه ای با حالت زیر انتخاب نمودیم :
پس از انتخاب نوع صفحه بندی بر روی دکمه ی Ok کلیک کنید . صفحه ای دقیقا مشابه با همان حالت انتخابی برای شما ایجاد می گردد .
      اگر بخواهید صفحه ای از پیش طراحی شده را باز کنید بر روی گزینه ی Set Initial Page کلیک کنید ، اما چون هدف ایجاد صفحه ای جدید می باشد پس بر روی گزینه ی New Page در هر سه فریم کلیک کنید . صفحه ای با سه قسمت باز می شود . حال باید هر یک از قسمتها را با اسامی با مسمی Save کنیم . چهار قسمت برای ذخیره کردن وجود دارد . یکی قسمت header ( قسمت بالایی ) ، یکی Contents ( قسمت سمت چپ ) ، main ( قسمت اصلی صفحه ) و در نهایت index که هر سه قسمت فوق را در بر می گیرد .

: Frame Properties

اگر در هر یک از فریمهای ایجاد شده کلید سمت راست ماوس را فشار دهید گزینه ای با عنوان frame properties در منوی باز شده مشاهده می شود که مربوط به تنظیمات فریم ها می باشد .
در ذیل به شرح گزینه های این پنجره می پردازیم :
• name : نام فریم
• Initial page :صفحه ی پیش فرض ( مسیر خواندن صفحه از کجا باشد )
• Title : عنوان صفحه
• Frame size : تنظیمات طول و عرض فریم
• Margins : تنظیمات حاشیه ها
• Options : دیگر تنظیمات

 Resizable in browser :
این گزینه مربوط به تغییر اندازه در Browser می باشد بدین صورت که کاربران می توانند اندازه ی فریمها را تغییر دهند . اگر فعال باشد اندازه ی فریمها قابل تغییر و اگر فعال نباشد غیر قابل تغییر می باشد.

 Show Scrollbars:
این گزینه برای انتخاب حالات نمایش Scrollbar می باشد . بدین صورت که اگر متنی طولانی در هر یک از فریمها داشته باشیم می توانیم تعیین کنیم که صفحه Scrollbar داشته باشد یا نه . با انتخاب هر کدام از این گزینه ها عملکرد Scrollbar را تعیین می کنیم :

If needed : اگر نیاز بود Scrollbar نمایش داده شود
Never : هرگز Scrollbar فعال نشود
Always : Scrollbar همیشه فعال باشد

 Frames page :
در صورتیکه بخواهیم خطوط ما بین فریمها را پهن یا نازک کنیم در قسمت Frame Spacing‌عدد دلخواه را وارد می نماییم .

طرقه لینک دادن فریم ها به یکدیگر:

     می خواهیم فرضا دو فریم Contents و main را به یکدیگر لینک بدهیم . در فریم Contents نام یک مبحث را وارد می کنیم ( به عنوان مثال درس 1 ) . متن مورد نظر را ابتدا در یک محیط ویراستار که معمول ترین آن Word‌می باشد تایپ می کنیم و سپس آن متن را در فریم main در Front-page کپی می کنیم . فایلهای Word با Front-page‌همخوانی ندارد . پس لازم است تغییراتی در کد فایل انتقالی از Word ایجاد کنیم .
برای اینکار به روش زیر عمل کنید :

     ابتدا یک صفحه ی جدید در Front-page ایجاد کنید . سپس فایل Word‌را در آن صفحه ‌کپی کنید و در قسمت Code ( قسمت پایین و سمت چپ صفحه سه قسمت با نامهای Normal ، HTML و Preview وجود دارد بر روی قسمت HTML کلیک کنید ) کلید سمت راست ماوس را فشرده گزینه ی Optimize html را انتخاب کنید پنجره ای باز می شود که ضرورت دارد تمامی گزینه های آن مخصوصا گزینه ی Word html‌فعال باشد ، پس از فعال کردن تمام گزینه ها بر روی کلید Ok‌کلیک کنید . مجددا راست کلیک کرده اینبار گزینه ی Reformat html را انتخاب کنید . اینکار باعث می شود که کدهای اضافی که توسط Word ایجاد می شود حذف گردد .
 

ابتدا يك صفحه ي جديد در Front-page ايجاد كنيد . سپس فايل Word‌را در آن صفحه ‌كپي كنيد و در قسمت Code ( قسمت پايين و سمت چپ صفحه سه قسمت با نامهاي Normal ، HTML و Preview وجود دارد بر روي قسمت HTML كليك كنيد ) كليد سمت راست ماوس را فشرده گزينه ي Optimize html را انتخاب كنيد پنجره اي باز مي شود كه ضرورت دارد تمامي گزينه هاي آن مخصوصا گزينه ي Word html‌فعال باشد ، پس از فعال كردن تمام گزينه ها بر روي كليد Ok‌كليك كنيد . مجددا راست كليك كرده اينبار گزينه ي Reformat html را انتخاب كنيد . اينكار باعث مي شود كه كدهاي اضافي كه توسط Word ايجاد مي شود حذف گردد . فرض مي كنيم صفحه اي ايجاد كرده ايم كه داراي سه فريم است . فريم header كه طبق قائده فقط مخصوص نام سايت مي باشد . مي ماند دو فريم main و Contents . مي خواهيم در فريم Contents جدولي داشته باشيم كه شامل چندين گزينه باشد . سپس اين گزينه ها را به فريم main لينك دهيم . بعد از طراحي جدول با ابعاد دلخواه در سلول اول جدول ، نام موضوع مورد نظر ( مثلا درس 1 ) را وارد كنيد . متن Word را طبق دستور گفته شده در قسمت main كپي كنيد . سپس در فريم Contents بر روي درس 1 دابل كليك كرده تا انتخاب شود . بعد كليك سمت راست ماوس را فشرده گزينه ي hyperlink را انتخاب كنيد . توضيح : hyperlink براي زماني است كه بخواهيد متن ، كلمه يا قسمتي خاص را به مكاني يا وب سايتي ديگر لينك دهيد . براي اينكار آدرس مورد نظر را در قسمت Addresses وارد كنيد . ما مي خواهيم از فريم Contents به فريم main ، لينك داشته باشيم . پس در قسمت Addresses پنجره ي Hyperlink آدرس فريم main.html را وارد مي كنيم . اين مخصوص اولين لينك است . اگر در سلول دوم جدول مثلا درس 2 را داشته باشيم ديگر نمي توانيم آنرا به main لينك دهيم . پس صفحه اي جديد باز مي كنيم ، فايل Word‌را به آن صفحه مي آوريم سپس اعمال خاص گفته شده را روي فايل Word انجام مي دهيم و صفحه را با نامي با مسمي ذخيره مي كنيم . حال براي لينك دادن درس 2 در قسمت Contents در صفحه ي ايجاد شده ، درس 2 را انتخاب و از قسمت hyperlink ، در قسمت Addresses نام آن صفحه را وارد كنيد .

فصل چهارم :

گزينه ي Page Properties توضیحات Page Properties

: Page Properties گزینه ی

اگر بر روي صفحه ي جاري در فضايي خالي خارج از جداول ، فريم ها و ... راست كليك كنيد از منوي باز شده گزينه ي Page Properties مشاهده مي شود . اين كاربرد فراواني در Front Page دارد . در ذيل به شرح گزينه هاي مختلف اين قسمت مي پردازيم :

سربرگ General : Location : اين قسمت آدرسي كه صفحه ي جاري در آن قرار گرفته است را نمايش مي دهد . Title: عنوان صفحه. توجه كنيد در تمامي موارد هر جا نياز به نام گذاري بود از اسامي با مسمي استفاده نماييد . Page Description: اين قسمت مربوط به توضيحاتي خاص در روي وب سايت است. همانطور كه مي دانيد كاربران اينترنت در صورتي كه آدرس مشخصي از وب سايت مورد نظر نداشته باشند آنرا توسط موتورهاي جستجو Search مي كنند . توسط اين قسمت مي توان تا 250 كاراكتر توضيحاتي راجع به وب سايت نوشت تا در صورت جستجوي آن قسمت توسط كاربر ، دقت جستجو در مورد سايت شما بالا رود . Keywords: اين قسمت مربوط به كلمات كليدي در سايت است . در واقع تعيين مي كنيد كه كلمات كليدي در وب سايت شما براي موتورهاي جستجو كدام است . موتور جستجو روي اين كلمات كليدي هم عمل Search انجام مي دهد . در اينجا مي توان تعداد نامحدودي كلمه تعريف كرد . ضمن اينكه بايستي در فاصله ي بين كلمات از علامت كاما استفاده كرد . Base Location: همانطور كه از نامش پيداست آدرس پايه ي يك وب سايت مي باشد. در واقع همان آدرس دامين سايت . Default target frame: تعيين مسير و آدرس باز شدن فريمها Page Direction: تعيين طراز صفحه. همانطور كه مي دانيد طراز بندي صفحات بدو صورت مي باشد . از راست به چپ و از چپ به راست . در اين قسمت بسته به نوع زبان به كار برده شده در وب سايت تراز صفحه را تعيين كنيد . Background Sound: در صورتيكه بخواهيد زمينه ي وب سايت خود را صدا گذاري كنيد ، موزيك مربوطه را از مسير مورد نظر انتخاب كنيد.

Loop: براي تعيين تعداد دفعات تكرار موزيك در صفحه ، عدد مورد نظر را وارد نماييد.

سر برگ Formatting : Background : در صورتيكه بخواهيد از تصويري خاص در زمينه ي صفحه ي خود استفاده كنيد مي توانيد اين قسمت را فعال نماييد . Make it a watermark: در صورتيكه بخواهيد متن را بر روي background شناور كنيد اين گزينه را فعال نماييد. يعني فعال بودن اين گزينه باعث ثابت ماندن Background و متحرك شدن متن مي شود . Color : 1- Background: براي رنگي كردن Background از اين گزينه استفاده مي شود. 2- Text: اين گزينه براي رنگي كردن متن مي باشد. 3- Hyperlink: در صورتيكه بخواهيد به قسمتهاي لينك شده رنگي دلخواه بدهيد از اين گزينه استفاده كنيد. 4- Visited hyperlink: اگر بخواهيد لينكي كه يك بار توسط كاربر باز شده را به رنگي دلخواه در صفحه ي اصلي در آوريد آن رنگ را از اين قسمت انتخاب نماييد . 5- Actifed hyperlink: و در نهايت براي لينك فعال رنگ دلخواه را انتخاب كنيد .

سربرگ Advanced : سربرگ Advanced براي تنظيم حاشيه ها مي باشد . در ذيل به شرح گزينه هاي اين قسمت مي پردازيم margin : براي Set كردن حاشيه ها Top margin : تعيين حاشيه از بالا Left margin : تعيين حاشيه از چپ Right margin : تعيين حاشيه از راست Bottom margin : تعيين حاشيه از پايين Style : Body style : اگر بر روي اين گزينه كليك كنيد منوي جديدي باز مي شود كه به شرح قسمت Format مي پردازيم : Format : Font : تغيير اندازه ي فونتها Paragraph : براي تنظيمات پاراگراف در صفحه Border: براي دادن Border و تنظيمات آن در صفحه Numbering : تعيين چگونگي حالت ليست در صفحه Position : تعيين موقعيت محل قرار گيري متن و تصوير Enable hyperlink rollover effects : تعريف حالتهاي مختلف لينك در صفحه ( به عنوان مثال حالت دوم ، يعني وقتي ماوس روي لينك قرار مي گيرد ، حالت و رنگ آن لينك چگونه باشد . )

سربرگ Language : براي تنظيمات Encoding صفحه از اين قسمت استفاده مي شود . به دليل استفاده ي ايرانيان از زبان فارسي و لزوم طراحي وب سايتهايي با زبان فارسي براي فارسي زبانان ، بهتر است در قسمت : Mark current document as زبان Farsi را انتخاب كنيد و در قسمت Html encoding هر دو گزينه را utf8 انتخاب نماييد .

فصل پنجم :

گزينه ي Behavior توضيحات مربوط به Behavior استفاده از امكانات منوي Behavior

: Behavior گزینه ی

از منوي Format گزينه ي Behavior را فعال كنيد . اين گزينه براي تعريف يك سري اعمال خاص مي باشد كه به شرح آنها مي پردازيم :

Check Browser: براي استفاده از اين گزينه ، ابتدا متني در صفحه وارد كنيد ، پس از فعال كردن Behavior ، آن متن را Select كرده از قسمت Behavior گزينه ي Insert و سپس از كشوي باز شده گزينه ي Check Browser را انتخاب نماييد . اين قسمت براي تعيين Browser براي صفحه ي جاري مي باشد . همانطور كه مي دانيد معروفترين نوع Browser ، Internet Explorer است پس آنرا انتخاب كنيد . در قسمت بعد ورژن Browser را بايستي تعيين كرد . بهتر است گزينه ي Any فعال شود تا با هر ورژني همخواني داشته باشد .

Go to url: با فعال كردن اين گزينه تعيين مي كنيم كه اگر Browser با حالت انتخابي از سوي ما هماهنگي داشت ، فلان صفحه ي مربوطه را باز كند. Go to url: و اگر با حالت درخواستي از جانب ما مغايرت داشت صفحه اي با آدرس ديگر باز كند. Check Plug-in: مي دانيم كه برخي از نرم افزارها احتياج به Plug-in خاص خود براي اجرا شدن دارند . مثلا Flash كه Flash Player يا فايلهاي Media كه Media Player احتياج دارند .

در اين قسمت نوع Plug-in را مشخص مي كنيم و بسته به موارد استفاده شده در صفحه Plug-in ها را تعريف مي كنيم . Go to url: اگر Plug-in مورد نظر با حالت انتخابي از سوي ما هماهنگي داشت ، فلان صفحه ي مربوطه را باز كند. Go to URL: و اگر با حالت درخواستي از جانب ما مغايرت داشت صفحه اي با آدرس ديگر باز كند. Jump Menu: مكان نما را در قسمتي از صفحه (بدون انتخاب مكاني خاص) قرار دهيد. سپس از منوي Insert گزينه Jump Menu را فعال كنيد . اين قسمت مخصوص منوهاي هوشمند است . يعني با انتخاب يك گزينه بصورت اتوماتيك به آدرس مورد نظر مي رود . بدين صورت كه پس از انتخاب Jump Menu پنجره اي باز مي شود كه بايستي بر روي دكمه ي Add كليك كنيد . سپس در قسمت Choice نام يا عبارت خاصي كه مي خواهيد مورد انتخاب واقع شود را وارد كنيد و در قسمت Value when selected, go to url نام سايت اينترنتي كه مي خواهيد پس از انتخاب آن عبارت خاص فعال شود را وارد كرده و كليد Ok را فشار دهيد ، بعد در پنجره ي اصلي Jump Menu در قسمت Open url in مي توانيد تعيين نماييد كه صفحه ي جديد را در خود صفحه ي اصلي باز كند يا آنرا در صفحه اي ديگر فعال نمايد . و در نهايت در صورتيكه قسمت Select first item after url change را فعال نماييد بدان معناست كه بعد از تغيير آدرس Url اولين انتخاب شود .

Jump Menu Go: براي فعال كردن اين گزينه لازمست ابتدا يك Jump Menu ايجاد نموده سپس آنرا Select نماييد. عملكرد اين گزينه شبيه به Jump Menu مي باشد . يعني تعيين مي كنيم در صورتيكه يك منو داشته باشيم ، اگر يك كليد خاص زده شد ، عمل دلخواه ما انجام پذيرد . Window Open Browser: اين گزينه مخصوص زماني است كه بخواهيد يك Pop – Pop در صفحه داشته باشيد . ( Pop – Pop پنجره اي كوچك است كه همزمان با باز شدن صفحه باز مي شود و نكاتي خاص را به نمايش در مي آورد. به عنوان مثال يك Pop-Pop مي تواند حامل پيام تبريك يا تسليت ، پيامهاي اخباري و ... باشد ) پس از انتخاب Open Browser Window ، در قسمت Go to url نام آدرسي كه مي خواهيد Pop-Pop از آنجا باز شود را وارد كنيد . در قسمت Window name نام پنجره را وارد نماييد . گزينه هاي Window Width و Window height براي وارد كردن طول و عرض صفحه ي Pop – Pop مي باشد .

حال به شرح تك تك گزينه هاي Attributes اين قسمت مي پردازيم : Navigation Toolbars : اگر اين گزينه فعال باشد باعث فعال شدن Toolbars در صفحه ي Pop-Pop مي شود (Back ، Paste ، Refresh و ... ) Location Toolbar : باعث فعال شدن Address Bar مي شود . Statues Bar: باعث فعال شدن Statues Bar (قسمت پايين صفحه كه Load شدن را نيز نشان مي دهد) مي شود. Menu Bar: باعث فعال شدن Menu Bar در صفحه ي pop-pop مي شود . Scroll bars as needed: در صورتيكه Pop-Pop نياز به Scroll bar بار داشت فعال شود . Resize handles: صفحه ي Pop-Pop قابليت تغيير اندازه با ماوس را داشته باشد .

Play Sound: اين گزينه براي قرار دادن موزيك در متن صفحه مي باشد كه بصورت اتوماتيك Play شود . Pop-Pop Message: اين گزينه مخصوص زماني است كه مي خواهيد در هنگام كليك كردن بر روي يك متن ، كلمه ، يا مكاني خاص يك پيغام به نمايش درآيد . مثلا اگر بخواهيد پس از كليك كردن بر روي يك كلمه ، يك پيغام به نمايش درآيد ، آن كلمه را Select‌كرده گزينه ي Pop-Pop Message را فعال كنيد و در قسمت Messages پيغام مورد نظر خود را تايپ كنيد . سپس با انتخاب اينكه چگونه آن پيغام به نمايش درآيد ( با كليك ماوس بر روي آن ، Unclick و ... ) نحوه ي انجام كار مشاهده مي شود . Preload Images: كاربرد اين قسمت مربوط به زماني است كه بخواهيد در صفحه عكس هايي با حجم بالا استفاده كنيد. يعني شما مي خواهيد همزمان با Load شدن صفحه ، تصوير هم Load شود . تصويرهاي مورد نظر را در اين قسمت انتخاب و سپس آنها را Add كرده و كليد Ok را فشار دهيد .

گزینه ي Set Text : Set text of statues bar : براي Set كردن يك Text در قسمت Statues Bar ( قسمت پايين صفحه ) مي باشد .

گزينه ي Go to Url : براي لينك كردن قسمتهايي از صفحه كه امكان لينك كردن آنها وجود ندارد از اين گزينه استفاده مي شود . مثلا مي خواهيد يكي از سلولهاي جدول خود را به مكاني خاص لينك دهيد . براي اينكار از گزينه ي Go to Url استفاده نماييد .

ا: Behaviorاستفاده از امکانات

ابتدا قالب اصلي صفحه ي مورد نظر را طراحي كنيد . فرض كنيد كه حالت قالب صفحه ي شما به صورت زير باشد :

مي خواهيم هنگاميكه بر روي لينك نرم افزار كليك مي شود در قسمت Body يكسري اطلاعات نمايش داده شود و همينطور بر روي لينكهاي سخت افزار و شبكه . براي اينكار به ترتيب زير عمل كنيد : ابتدا مكان نما را در قسمت Body در كناري ترين قسمت يعني سمت چپ و بالا قرار داده سپس بر روي ابزار Insert Layer كليك كنيد تا يك لايه ايجاد شود . پس از آن از منوي Format ، گزينه ي Behavior را انتخاب نماييد ، بعد از منوي Insert گزينه ي Set Text و سپس قسمت Set Text Of Layer را انتخاب كنيد . حال يك صفحه ي جديد باز كنيد و اعمال دلخواه را انجام دهيد ( به عنوان مثال مي خواهيد با كليك كردن بر روي لينك نرم افزار ليست يكسري نرم افزار نمايش داده شود آن ليست را آماده كنيد ) بعد به قسمت Html و كدهاي صفحه رفته و از كد html آن صفحه كپي بگيريد و در قسمت Set Text Of Layer كپي كنيد . تمام منوها را به همين ترتيب ايجاد كنيد . وقتي كه تمام شد بر روي Layer دابل كليك كنيد و از قسمت Option ، گزينه ي None را انتخاب كرده و طول و عرض را نيز 100% انتخاب كنيد .

فصل ششم :

Form ايجاد يك Button تنظيمات

: Form ایجاد یک

ايجاد يك فرم براي ارسال اطلاعات به Data base ، ورود به يك قسمت و ... مي باشد . براي فعال كردن Form ، از منوي Insert بر روي گزينه ي Form كليك كنيد و مجددا از منوي باز شده گزينه ي Form را فعال نماييد . انواع Button : ارسال اطلاعات: ايجاد يك فرم جديد ( Reset نمودن يك فرم ) Normal كه عملا كاري انجام نمي دهد و بايستي توسط كاربر دستور دهي شود . هنگاميكه از منوي Insert ، گزينه ي Form و زير منوي Form را انتخاب كنيد فرمي شبيه شكل زير نمايش داده مي شود : اگر بر روي دكمه ي Submit كليك كنيد به حالت Select‌در مي آيد . حال كليك سمت راست ماوس را فشرده و گزينه ي Form Field Properties را انتخاب نماييد .

: Form Field Properties در اينجا به شرح قسمتهاي مختلف اين گزينه مي پردازيم: Name: ‌نام ، تعيين انتخاب نام Button در ارتباط با نوع عملياتي كه قرار است انجام است . Value: نامي كه براي Button انتخاب مي كنيد ( به عنوان مثال Submit ). Button Type : تعيين نوع Button ( در قسمت انواع Button توضيح داده شد ) . Tab Order : هنگام استفاده از كليد Tab اولويت فعال شدن Button مورد نظر چه زماني باشد . Button Direct: تعيين جهت توضيحات نوشته شده در روي Button ( چپ به راست ، راست به چپ )

: Button تنظیمات

بر روي Button راست كليك كرده و گزينه ي Form Properties را انتخاب نماييد . پنجره اي باز مي شود كه مربوط به تنظيمات Button است . در ذيل به شرح گزينه هاي اين قسمت مي پردازيم : Where to store results: Send To : ارسال اطلاعات به يك فايل با پسوند CSV. E-mail Address : ارسال اطلاعات به يك E-mail خاص. Send To Database :‌ارسال اطلاعات به يك Database. Send To Order : ارسال اطلاعات به يك صفحه ي خاص. Form Properties : Form Name : اطلاعات ارسال شده مربوط به كدام فرم بوده است . Target Frame : اطلاعات در همان پنجره ي جاري باز شود و يا در يك صفحه ي ديگر. Form Direction : تعيين جهت نوشتاري متن. ايجاد فيلدهاي متني يك خطي ( Text Box ) : براي فعال كردن اين گزينه ، از منوي Insert ، گزينه ي Form و زير منوي Text Box را انتخاب كنيد. اگر روي فيلد ايجاد شده دابل كليك كنيد پنجره اي با عنوان Text Box Properties باز مي شود كه به شرح آن مي پردازيم :

Name : نام. Value : مقدار پيش فرض. Width in characters :‌تعداد كاراكترها ( مقدار فضايي كه فيلد مربوطه اشغال مي كند ) Tab order: تعيين اولويت براي فعال شدن .Text Box Password field : براي تعريف فيلدي با حالت پسورد ( مانند زماني كه مي خواهيد از سايت Yahoo وارد E-mail خود شويد و لزوما بايستي پسورد وارد كنيد ) . Text Direction : تعيين جهت متن . ايجاد فيلدهاي متني چند خطي ( Text Area ) : براي ايجاد فيلدهاي متني چند خطي استفاده مي شود . File Upload: براي انتخاب يك فايل و ارسال آن. Check Box: براي ايجاد قسمتهاي انتخابي كه اين امكان را داشته باشند كه بتوانيد چندين گزينه را يكجا انتخاب نماييد. Option Button: براي انتخاب يك گزينه از چند مورد (مانند سوالات چهار جوابي). Group Box :براي ايجاد مجموعه اي از فيلدها و تنظيم هاي كلي مربوط به آنها . Drop-Down Box: براي ايجاد منوهاي فيلدهاي باز شو (مانند حالتي كه شما مي توانيد كشور خود را از ليست باز شو انتخاب كنيد ). Push Button: براي ايجاد Button. Advance Button: در اين حالت مي توانيد Button را ايجاد ، سپس متن را به هر حالت و اندازه اي كه مايليد به نگارش در آوريد. Picture Button: براي گذاشتن يك تصوير و تبديل آن به Button. Label: براي گذاشتن Label در Button.