دادن background به صفحه و دادن رنگهای لینک ها:
به قسمت format\background رفته و صبر کنید تا پنجره page properties باز شود سپس در زبانه Formatting وقسمت Background اگر می خواهیم پشت زمینه ما عکس باشد گزینه
Picture Backgroundرا تیک می زنیم و سپس با کلیک در قسمت Browse آدرس عکس مورد نظر را می دهیم.اما اگر بخواهیم Background رنگ بدهیم تیک گفته شده را حذف کرده و در قسمت color رنگ مورد نظر را انتخاب کرده و اگر رنگ مورد نظر در رنگها موجود نبود در همین قسمت more color را انتخاب کرده بعد باز شدن پنجره مورد نظر اگر کد رنگ مورد نظر را داریم کد رنگ را در قسمت value و مانند زیر می نویسیم.
Hex= {00, FF, FF}
درغیر این صورت اگر رنگ مورد را در قسمتی از عکس یا صفحات گرافیکی و... در کامپیوتر خود دارید با کلیک بر روی select و کلیک روی قسمتی از عکس و... که رنگ مورد نظر شما را دارد رنگ خود را انتخاب کنید اگر هیچکدام از این حالتها نباشد می توان با کلیک روی custom رنگ مورد نظر خود را انتخاب کنید.
در همان قسمت background می توانیم رنگ متن(text) و رنگ اولیه لینکها (Hyperlink)و رنگ لینکها وقتی ماوس روی آن کلیک می کند(Hyperlink visited) و لینکهایی که قبلابازدید شده
(Hyperlink Archive) را مشخص کنیم.
دادن موزیک زمینه برای صفحه:
به قسمت format\background رفته و صبر کنید تا پنجره page properties باز شود. سپس در زبانه General و در بخش background sound و در قسمت location آدرس آهنگ مربوطه را بدهید و برای دیدن نتیجه Preview را بزنید.
نکته: پسوند آهنگها باید یکی از انواعwav ٬ mid ٬ram٬ ra٬ aif٬ aiff٬ ٬au snd٬ mpeg ٬mp3٬ asf باشد.
گذاشتن تصویر در متن:
به قسمت insert\from file رفته و عكس مورد نظر را كه در كامپيوتر شما است را با انتخاب در پنجره باز شده در صفحه قرار دهيد.همچنين مي توانيم از عكسهاي \clip Art insertهم استفاده کنیم.برای تغییر اندازه عکس روی آن کلیک کرده و بعد از اینکه به حالت انتخاب در آمد گوشه های آن را به وسیله کلیک با ماوس و نگه داشتن آن اندازه آن را تغییر می دهیم.
متن یا عکس مربوطه را در حالت انتخاب قرار می دهیم و سپس روی آن کلیک راست می کنیم و گزینه Hyperlink را انتخاب می کنیم. سپس در پنجره باز شده آدرس صفحه ای که می خواهیم لینک بدهیم را قرار می دهیم.برای مشاهده لینک در خود صفحه front page در قسمت Design برروی لینک مربوطه دکمه ctrl به همراه کلید چپ ماوس نگه دارید تا لینک مربوطه را مشاهده کنید.اما در جایی که صفحه sive شده (در درایوهای computer)چون فایل خود به صورت صفحه اینترنتی است لینک براحتی قابل مشاهده است.
روی عکس کلیک راست کرده و گزینه picture properties را انتخاب نمایید. سپس در زبانه appearance و با تنظیم موارد زیر تغییرات را اعمال کنید.
1)در قسمت wrapping style می توان موقعیت عکس را تعیین کرد.
2)در قسمت layout موارد زیر قابل تنظیم است:
Alignment :موقعیت عکس را در صفحه تعیین می کند(وسط راست وچپ و....)
Border thickness:اندازه کادر دور عکس را تعیین می کند.
Horizontal spacing:فاصله نوشته ها را از سمت راست و چپ عکس تعیین می کند.
Vertical spacing: فاصله نوشته ها را از سمت بالا و پایین عکس تعیین می کند.
3)در قسمت size موارد زیر وجود دارد.
Width: طول عکس را تعیین می کند.
Height : ارتفاع عکس را تعیین می کند.
تغییرات روی عکس:
برای تغییرات روی عکس و به قسمت view\Toolbar\pictures بروید.(قبل از انجام کارها عکس را در حالت انتخاب بگذارید برای اینکار یکبار روی عکس کلیک کنید.)این نوار ابزار دارای ابزار شکل زیر است:

معرفی ابزار در نوار ابزار pictures از چپ به راست:
Insert picture from file: برای قرار دادن یک عکس جدیدبکار میرود.
Text: برای نوشتن یک متن روی عکس بکار می رود . پس از کلیک روی آن یک کادر برای نوشتن در عکس مورد نظر باز می شود .متن دلخواه را در آن بنویسید و سپس با نگه داشتن ماوس متن را روی عکس جابه جا کرده و به مکان دلخواه ببرید.
Auto thumbnail:این ابزار برای لینک کردن عکس به اندازه واقعی آن ومکان اصلی آن است.یعنی در این صورت عکس لینک می شود به همان عکس با سایز واقعی.
Position absolutely: موقعیت عکس را ثابت نگه می دارد.
Bring forward: زمانیکه دو یا چند عکس را در صفحه قرار می دهیم به کمک این ابزار می توانیم یکی را پشت سر دیگری قرار دهیم.
Send backward: به کمک این ابزار می توانیم یکی عکس را جلوی عکس دیگر قرار دهیم.
: Rotate left 90o نود درجه 90 درجه عکس را به چپ می چرخاند.
: Rotate right 90o نود درجه 90 درجه عکس را به راست می چرخاند.
Flip horizontal:عکس را به طور افقی می چرخاند.(قرینه افقی عکس)
Flip vertical:عکس را به طور عمودی می چرخاند.(قرینه عمودی عکس)
Contrast more:اختلاف نور یا شدت فروزندگی را بین قسمتهای مختلف عکس زیاد می کند.
Contrast less:اختلاف نور یا شدت فروزندگی را بین قسمتهای مختلف عکس کم می کند.
More brightness: نور عکس زیاد می کند.
Less brightness: نور عکس زیاد می کند.
Crop: برای بریدن قسمتی از عکس بکار می رود برای اینکار بعد از انتخاب عکس و کلیک روی ابزار یک کادر در عکس به وجود می آید حال قسمتی از عکس را که نمی خواهیم حذف شود را با فشار روی کلید چپ ماوس با کشیدن آن دور قسمت مورد نظر و زدن دوباره crop آن تکه روی صفحه مانده و بقیه عکس حذف می شود.
Set transparent color:رنگ پشت عکس را با رنگ یا عکس زمینه همرنگ می کند.(البته در مورد همه عکسها به خوبی انجام نمی شود.)بعد از دن این نوار ابزار ok را زده و سپس روی قسمتی که می خواهید تغییر رنگ دهید ابزار را برده و با ماوس کلیک کنید.
Color:از این قسمت می توان برای سیاه سفید کردن و wash out(شستن رنگ عکس) استفاده کرد.
Bevel: از کناره های عکس برای عکس قاب می سازد هر چه روی این ابزار کلیک کنید وضوح کناره عکس که در کادر کمتر می شود.
Resample:اگر عکس را تغییر اندازه داده باشیم این ابزار فعال می شود و با کلیک روی آن موجب می شود شفافیت و وضوح عکس بیشتر شود.در واقع نمنه ای از عکس را باسایز دلخواه می سازد.
Select:برای انتخاب عکس و hotspots ها بکار می رود.
Hotspots:چهار ابزار بعدی hotspots ها هستند که برای انتخاب قسمتی از عکس و لینک کردن آن به صفحه ای خاص به کار می روند.به کمک این ابزار می توان قسمتهای مختلف یک عکس را به صفحات متفاوت لینک کرد.
Restore: تغیرات عکس را به حالت قبل بر می گرداند.
نوشتن متن:
برای انتخاب نوع و سایز خط و مدل ورنگ و کج نویسی و پررنگ نویسی و... به آدرس view/toolbars/formating بروید. نوار ابزار Formatting ظاهر می شود.که دارای دکمه های زیر است:

پاراگراف بندی متن:
برای این کار به قسمت format/paragraph بروید.در پنجره باز شده موارد زیر موجود است:
Alignment: نوشته در کدام طرف صفحه باشد (راست یا چپ یا وسط).
Direction: سمت و جهت نوشته را تعیین می کند.برای متون لاتین left-to-right و برای فارسی و عربی right-to-left را انتخاب کنید.
Before text: فاصله نوشته ها را از سمت چپ صفحه مشخص می کند.
After text: فاصله نوشته ها را از سمت راست صفحه مشخص می کند.
Indent first line: در اولین خط پاراگراف یک تورفتگی ایجاد می کند.
Before : فاصله پاراگراف را از پاراگراف بالایی آن مشخص می کند.
After: فاصله پاراگراف را از پاراگراف پایینی آن مشخص می کند.
Line spacing: فاصله بین خطوط را تعیین می کند.
گذاشتن شماره یا دایره و غیره در ابتدای جمله:
در قسمت and numbering format\bullets رفته و در پنجره شکلی را که می خواهید در اول هر خط بعد از زدن enter ظاهر شود را تعیین کنید.
Background خط و توان واندیس:
در نوار Formatting ای گزینه وجود دارد اگر نداشت روی نوار ابزار کلیک راست کنید سپس در منو باز شده گزینه customize را انتخاب کنید. در پنجره باز شده و در زبانه commands و گزینه Format را از جدول سمت چپ انتخاب کنید حال در جدول سمت راست گزینه high light را انتخاب کرده و با نگه داشتن ماوس و گرفتن آن وقرار دادن روی نوار ابزار از آن برای دادن background خط استفاده کنید .همچنین می توان در این قسمت باانتخاب subscript اندیس و superscript توان را هم به نوار ابزار اضافه کرد.
نکته : از قسمت customize وانتخاب گزینه های دیگر آن می توان بعضی از ابزارها را که در نوار ابزارها نیست را روی آنها قرار داد .همچنین در زبانه tool آن هم می توان با تیک زدن نوار ابزارهای دیگر را فعال کرد.
استفاده از word art:
برای اینکه از یک نوشته حالت دار در بالای صفحه web استفاده کنید. به قسمت insert\picture\wordart بروید سپس در پنجره باز شده طرح مورد نظر خود را انتخاب کنید.بعد از زدن ok پنجره جدیدی باز می شود که در آن نوع و سایز و متن خود را تعیین می کنید.حال با کلیک روی متن word art را در حالت انتخاب قرار دهید در این حالت نوار ابزار word art نمایان می شود.که دارای موارد زیر است: (برای دیدن اسم هر کدام از شکلهای نوار ابزار ماوس را روی آنها قرار دهید و چند لحظه مکث کنید.)
Insert word art: جهت گذاشتن یک word art جدید در صفحه است.
Edit text:برای ویرایش و تغییر در متن word art است.
Word art gallery: برای تغییر شکل word art است یعنی همان متن با word art دیگر
Word art same letter heights:برای هم اندازه کردن ارتفاع حرف بزرگ و کوچک بکار می رود.
Word art vertical text: برای نوشتن عمودی متن بکار میرود و اگر مجدد روی آن کلیک کنید به حالت اول بر می گردد.
word art shape: به کمک آن می توان قوس و مدل نوشتن word art راتغییر داد.
Word art Alignment :برای چپ چین و راست چین و وسط چین است.
Word art character spacing: برای تعیین فاصله کاراکترهای word art بکار می رود.
نکته: اگر روی Word art کلیک راست کرده و گزینه format word art را انتخاب کنیم آنگاه می توانیم رنگ Word art را هم تغییر دهیم transparency درجه شفافیت هر رنگ را را مشخص می کند و برای تغییر خود رنگها هم با باز کردن قسمت color و انتخاب رنگ می توانیم رنگ Word art تغییر دهیم.
نکته: وقتی Word art در حالت انتخاب باشد می توان اندازه و زاویه و گودی شکل را با استفاده از ماوس نیز تغییر داد .
سایه دار کردن Word art:
برای اینکه بتوانیم سایه های مختلفی به Word art بدهیم به قسمت view/toolbars/drawing بروید بعد از آمدن نوار ابزار drawing به وسیله دکمه های 3-D style و shadow style آن را سایه دار کنید.
سمبلها:
برای گذاشتن حروف یونانی و یا کاراکترها خاص به قسمت insert\symbol رفته و در پنجره باز شده وگشتن در خطهای مختلف کارکتر مورد نظر خود را پیدا کنید.
گذاشتن تاریخ:
برای قرار دادن تاریخ و ساعت به آدرس insert\date and time بروید. سپس در پنجره باز شده نحوه نمایش زمان در قسمت date format نحوه نمایش تاریخ و در time format مدل نمایش زمان را انتخاب کنید.
خطایابی متن:
به قسمت Tools/spelling رفته و در آنجا متن خود را غلط یابی کنید کلماتی که با رنگ قرمز نوشته شده دارای خطاهای املایی و آنهایی که با سبز نوشته دارای غلط گرامری است.در این قسمت گزینه های زیر وجود دارد.
Ignore:از خطا چشم پوشی می کند.
Ignore all:از همه خطا ها چشم پوشی می کند.
Change: کلمه موجود را با کلمه پیشنهادی در پنجره پایینی عوض می کند.
Add:کلمه ای که در متن از شما غلط گرفته را به لیست کلمات درست اضافه می کند.
برای یادگیری فرانت پیج سعی کنید با محیط word خوب آشنایی داشته باشید.
باز کردن صفحه و website جدید:
برای باز کردن یک website جدید به قسمت fileرفته و برروی new کلیک کنید.بعد از کلیک کردن یک پنجره در سمت راست صفحه ظاهر می شود.
Blank page:صفحه جدید به وجود می آورد.
One page web site:با کلیک برروی آن صفحه ای به نام website Templates باز می شود.که شامل وب سایتهایی است که فرانت پیج قادر به ساخت آنهاست که بعضی از آنها در زیر توضیح داده شده است. در قسمت Browse آدرسی که وب سایت باید در آنجا (در داخل کامپیوتر) ساخته شود را انتخاب می کنیم. برای اینکار بعد از زدن Browse در پنجره باز شده به قسمت desktop رفته ولیست مکانهایی که می توان در داخل آنها وب را ذخیره کرد نمایان می شود سپس مکان مورد نظر را انتخاب می کنیم.
One page web site:برای ساخت یک وب تک صفحه ای خالی است.(البته بعدا می توان تعداد صفحات را با Blank page افزایش داد.)
Customer support web:ساخت وبی که به شرکت یا موسسات امکان می دهد برای محصولات خود پشتیبانی از مشتری را ارائه کند.
Empty Web site:برای ساخت یک وب فاقد صفحه می باشد.
Personal web site:برای ساخت یک وب برای اطلاعات شخصی است.
Project web site:یک وب برای پروژه همکاری که شامل صفحات اطلاعاتی برای اعضا،وضعیت پروژه ، برنامه زمانبندی ،مباحث جمعی و آرشیو می باشد.

بعد از باز شدن web در زیر پنجره website گزینه های زیر موجود است.
Folders:در این قسمت کل پوشه های web موجود است.
Reports:در این قسمت گزارشات موجود است.
Navigation:ساختار کلی شبکه را نشان می دهد.
Hyperlinks:موقعیت یا اتصال لینکها را به یکدیگر در یک نمودار نشان می دهد.
Tasks:وظایف وکارها را در سایتی که چند نفر مسئول آن هستند تعیین می کند.
نکته:بعد از باز شدن وب برای ورود به صفحات روی اسم آنها کلیک کنید تا وارد صفحه مورد نظر شوید.
تشکیل یک پوشه و صفحه جدید:
برای ایجاد یک پوشه جدید در قسمت website در بالای صفحه در سمت راست و زیر نوار ابزار یک عکس پوشه قرار دارد که با کلیک روی آن یک پوشه جدید ایجاد می شود و با کلیک روی عکس صفحه در بالا صفحه جدیدی باز می شود همچنین اگر وارد پوشه ای شدیم و خواستیم از آن خارج شده و به پوشه قبلی باز گردیم بر روی عکس پوشه ای که روی آن فلشی قرار دارد کلیک کنید .
حذف وتغییر نام و copy و انتقال پوشه ها و صفحات در داخل یکدیگر:
برای انجام هریک از موارد بالا در قسمت folder کلیک راست کنید و به کمک cutو rename و copyو pase و delete می توان موارد بالا را انجام داد.فقط سعی کنید از اسمهای فارسی استفاده نکنید چون در فرستادن آن به اینترنت دچار مشکل می شوید.همچنین به کمک convert to web هم کل محتویات یک پوشه را می توان به عنوان یک سایت که زیر مجموعه سایت اصلی است قرار داد.
باز کردن صفحات و website قبلی:
در قسمت file با کلیک روی open می توانیم صفحات و بر روی opensite سایتهای از قبل طراحی شده را باز کنیم.
قسمتهای مختلف صفحه فرانت پیج2003:
در پایین صفحه 4 قسمت وجود دارد:
Design: در این قسمت ما می توانیم صفحه را طراحی کنیم.
Code: کدهای htmlصفحه طراحی شده را نشان می دهد.
Preview:این قسمت صفحه را با تمام کارهایی که انجام شده و در واقع طوری که در internet نمایش داده می شود نشان می دهد و قابل تغییر نیست.
در بالای صفحه مانند word یک نوار ابزار که نوار ابزار استاندارد است وجود دارد و روی آن کلیدهای مربوط به ذخیره برگشتن به قبل و بعد از تغییرات و کپی و paste و... وجود دارد.
بستن صفحه:
برای بستن صفحه هم دو راه وجود دارد یکی از قسمت فایل close را انتخاب می کنیم و به این ترتیب صفحه را می بندیم راه دیگر هم اینکه در بالای صفحه باز شده روی اسم صفحه کلیک راست می کنیم دو گزینه save و close می آید و می توانیم صفحه را save کرده و خارج شویم.
ذخیره صفحات:
در قسمت فایل برروی save کلیک کرده و صفحه مورد نظر را save کنید.