آموزش Microsoft Frontpage 2003

[TAHA]

فرانت پيج به چه درد مي خوره؟
اين برنامه ابزار طراحي وبسايت هست. مثلاً شما ميخوايد اطلاعات كلاس درسي خودتون يا رشته دانشگاهي يا موسسه محل كارتون رو روي اينترنت در اختيار ديگران بذاريد. براي اين كار، نرم افزارهاي مختلفي وجود داره كه يكي از معروف ترين ها، فرانت پيج هست. حسن فرانت پیج نسبت به ابزارهاي ديگه مثل Word اينه كه امكانات پيشرفته تري براي طراحي سايت داره. مثلاً HitCounter (شمارنده تعداد بازديد) يا FormMailing (فرم هايي كه كاربر اونها رو پر مي كنه و به ايميل شما مي فرسته) و.... .

[TAHA]

مواد لازم براي طراحي سايت
الف- خود فرانت پيج
ب- يك ميزبان (هاست) كه امكانات فرانت پيج رو ساپورت كنه.

[TAHA]

فهرست هاست هاي ساپورت كننده فرانت پيج
ميزبان هاي زيادي، امكانات فرانت پيج (FrontPage Extensions) رو پشتيباني مي كنند. اما اونهايي كه رايگان هستند، محدوديت هايي دارند. يه فهرست كامل از اين ميزبان ها اينجا موجود هست:

کد:
http://www.free-webhosts.com/search-webhosts.php?ADV=000000010000000000000000000000000 00000000000
به نظر من سايت freehostia.com گزينه خوبيه كه هم امكانات زيادي داره و هم براي يك سال رايگانه

[TAHA]

محيط فرانت پيج 2003

http://pnu-club.com/imported/mising.jpg

شكل كلي محيط فرانت پيج به همون فرمي هست كه درشكل مي بينيد و البته ممكنه به دليل تنظيمات مختلف، تغيير كنه. اگه ظاهر فرانت پيج شما فرق مي كنه، از قسمت Views دكمه Page رو بزنيد تا اين شكلي بشه.

ستون اول (Views) تعيين مي كنه كه چه چيزهايي جلوي روي شما باشه. مثلاً فهرست پوشه ها رو ببينيد يا نه. ستون دوم (Folder List) فهرست پوشه ها و فايل هايي هست كه براي سايت خودتون ساختيد. و ستون سوم، كه بزرگترين كادر جلوي ما هست، قسمت طراحي صفحه هست كه در شكل، عنوان Index.htm بالاي اون نوشته شده.

[TAHA]

طراحي يك سايت ساده
از منوي فايل گزينه New> Page or Web رو انتخاب، و در قسمت New Page or Web در قسمت New from Template گزينه One Page Web و بعد هم دوباره One Page Web و OK رو بزنيد. يك پروژه جديد شامل چند فايل و پوشه ساخته ميشه كه خود به خود در قسمت My Documents شما در بخش My Webs ذخيره ميشه. فايل اصلي اين پروژه رو با نام Index.htm مي بينيد. Index.htm همون صفحه Home Page سايت هست كه وقتي كسي به سايت شما مراجعه مي كنه، به عنوان اولين صفحه، اون رو مي بينه.

روي Index.htm دوبار كليك كنيد تا در سمت چپ خودتون يك كادر سفيد ببينيد و شروع به طراحي كنيد. براي مثال در قسمت طراحي بنويسيد «به نام خدا» و يك عكس هم از طريق Insert> Picture> From File به اون اضافه كنيد. يك HitCounter هم اضافه كنيد. به اين روش:
Insert> Web Component> HitCounter> Finish> OK

وقتي اين صفحه رو به سايت خودتون آپلود كنيد، HitCounter آمار بازديدهاي سايت رو نمايش خواهد داد. براي مثال سايت زير رو ببينيد:

کد:
http://javad2000.freehostia.com/
حالا دكمه Save رو زده و سايت رو به هاست خودتون آپلود كنيد

[TAHA]

روش هاي آپلود سايت روي هاست
روش هاي مختلفي براي آپلود سايت وجود داره. ابتدائي ترينش اين هست كه روي سايت ميزبان وارد قسمت كنترل پنل خودمون شده و در بخش File Manager پوشه ها رو دونه دونه Create كرده و فايل ها رو دونه دونه آپلود كنيم. ولي خيلي وقت گيره.

راه آسونتر اينه كه از «آپلود خودكار» (FTP) استفاده كنيم تا خود فرانت پيج برامون همه فايل ها و پوشه ها رو آپلود كنه. براي اين كار، ابتدا به اينترنت وصل شده، سپس از منوي File گزينه Publish رو مي زنيم و آدرس ftp خودمون رو در قسمت enter publish destination وارد مي كنيم. آدرس ftp در هنگام ثبت نام از طريق ايميل براي ما ارسال شده. مثلاً من كه در freehostia ثبت نام كردم، آدرس ftp من اين خواهد بود:

کد:
http://javad2000.freehostia.com
(در اينجا، آدرس ftp با آدرس سايت، يكي هست، ولي هميشه اينطور نيست)

بعد هم UserName و Password رو وارد كرده و سايت ما آپلود ميشه. در پايان، كافيه از طريق مرورگر خودمون مثلا IE آدرس سايتمون رو بنويسيم تا نتيجه كار رو ببينيم. مثلاً اين سايت:

کد:
http://javad2000.freehostia.com
خوب، اين هم آموزش مقدماتي فرانت پيج. اگه ميخواستيد همين آموزش رو در آموزشگاه خصوصي بگذرونيد، حداقل 10 هزار تومن بايد مي پرداختيد.
حالا يه سايت خوشگل درست كنيد، لينكشو بديد كه من هم ببينم.

[TAHA]

قدمه
فرانت پيج يکي از محصولات شرکت ماکروسافت است که با پک هاي آفيس وارد بازار مي شود. اين برنامه کاربران را در تهيه صفحات اچ تي ام ال ياري ميدهد و در کل ويرايش گر و ابزار هاي مناسبي به طراحان وب براي انجام کارهايشان مي دهد.
فرنت پيچ در صفحه اصلي خود برنامه داراي حالت هاي : نرمال , اچ تي ام ال , و حالت پريوو مي باشد.

مديريت وب سايت
فرانت پيج يکي از کارايي هاي خوبي که دارد اين است که شما را ياري مي دهد براي مديريت وب سايت خود از داخل خود برنامه کمک بگيريد که اين مبحث را در مقالات بعدي به صورت کامل آناليز مي کنيم تنها به ديدن يک تصوير کفايت مي کنيم تا مقالات بعد ...
http://pnu-club.com/imported/2010/04/201.gif
مد هاي مختلف فرنت پيج
همان طور که گفتم فرانت پيج مد هاي مختلفي دارد که در تصوير زير مي توانيد ببينيد
مد نرمال براي طراحي صفحات وب در حال تصويري مي باشد
مد اچ تي ام ال براي کار با کدها مي باشد
مد پريوو نيز براي ديدن نتيجه کار مي باشد
http://pnu-club.com/imported/2010/04/203.gif
گذاشتن انواع فرمتهای صوتی و تصویری وswf

برای این کار باید در منوی insert گزینه Web component را انتخاب کنید ,یا درصفحه اصلی front page بر روی گزینه web component کلیک کنید.
http://pnu-club.com/imported/mising.jpg
بعد از انتخاب این گزینه صفحه زیر نمایان می شود.
http://pnu-club.com/imported/mising.jpg
بعد در منوی سمت چپ گزینه Advanced controls را پیدا کنید و روی آن کلیک کنید تا منوی سمت راست آن ظاهر شود و در منوی سمت راست گزینه plug-In را انتخاب کنید و بعد finish را بزنید تا منوی زیر ظاهر شود.

http://pnu-club.com/imported/mising.jpg
بعد در قسمت Data source آدرس موزیک یا فایل تصویری خود را بنویسید.
ایجاد یک back ground برای صفحه وب:

روی صفحه رایت کلیک کنید وسپس page properties را انتخاب نمایید ، در صفحه back ground-page properties را انتخاب کرده و در قسمت پایین صفحه رنگ back ground را انتخاب کنیید.
http://pnu-club.com/imported/mising.jpg
اگر می خواهید برای back ground وب سایت خود از عکس استفاده نمایید در همان صفحه back ground picture را تیک زده و با آدرس دادن عکس مورد نظر را انتخاب کنِید
پیوند دادن صفحات به یکدیگر:

شما می توانید نوشته(text) عکس و... را به وسیله link کردن به صفحات دیگر پیوند دهید برای این کار کافی است که عکس یا نوشته را انتخاب کنید وسپس از نوار ابزار استاندارد insert hyper link را انتخاب نمایید.

http://pnu-club.com/imported/mising.jpg
پس از انجام این کار صفحه insert hyper link باز می شود و شما می توانید با آدرس دادن نوشته و یا عکس را به هر چیز که می خواهید پیوند دهید (می توانِد آن را به عکس یا فایلهای صوتی و یا تصویری و یا به هر چیز دیگری پیوند دهید اگر آن فایل که عکس یا نوشته به آن پیوند داده شده است قابل اجرا شدن به صورت online باشد اجرا خواهد شد در غیر این صورت از کاربر پرسیده خواهد شد که آیا مایل به دانلود کردن آن است یا خیر ؟
( اگر به فایلهای pdf.* پیوند دهید آن را مانند یک صفحه وب باز می کند)
برای لینک کردن قسمتهای مختلف یک عکس به صفحات مختلف:

با استفاده از این روش می توانید به زیبایی وب سایت خود بیفزایید . برای انجام این کار باید ابتدا عکس مورد نظر را انتخاب کنید و سپس در نوار ابزار hotspot-picture را انتخاب کنید .

http://pnu-club.com/imported/mising.jpg
بعد از انجام این کار اگر نشانکر ماوس را روی عکس مورد نظر ببرید به شکل یک مداد نمایان خواهد شد ، شما می توانید قسمت مورد نظر را انتخاب کنید بعد از انجام این کار به صورت خودکار insert hyper link باز خواهد شد و شما می توانید با آدرس دادن صفحه و یا فایل مورد نظر را انتخاب کنید.

قرار دادن آهنگ در پس زمینه سایت:
با انجام این کار در هر بار باز شدن صفحه مورد نظر آهنگی که شما انتخاب کرده اید پخش می شود و در صورت بستن یا Minimize کردن قطع می گردد .


برای انجام این کار کافی است در صفحه background sound ، general-pageproperties را تیک بزنید و با آدرس دادن فایل مورد نظر را انتخاب کنید (برای این کار از هر فایل صوتی می توانید استفاده کنید).

[TAHA]

آموزش گام به گام راه اندازي وبسايت

راه اندازي سايت، از سه مرحله كلي زير تشكيل شده:
1- ثبت زيردامنه و دريافت هاست
2- طراحي صفحه وب
3- آپلود صفحه وب طراحي شده بر روي هاست

1- ثبت زيردامنه و دريافت هاست:
الف) «زيردامنه» و «هاست» يعني چه؟
«زيردامنه» (Subdomain) در واقع آدرس سايت ما هست كه خودمون انتخاب مي كنيم. مثل همون سايت javad2000 كه در بالا آدرس دادم. «هاست» (Host) به مجموع امكانات ميزباني سايت گفته ميشه كه در اختيار ما قرار مي گيره. مثلاً سرويس هاستينگ freehostia شامل اين امكانات هست: كنترل پنل مديريت سايت، 250 مگابايت فضا، امكان ثبت زيردامنه، پشتيباني از امكانات فرانت پيج و.... .

ب) ثبت نام در FreeHostia:
اگه بخوايم سرويس ميزباني خودمون رو از فريهاستيا بگيريم، بايد مراحل زير رو طي كنيم:
1- رفتن به سايت w w w .freehostia.com
2- كليك روي Sign up
3- فرم ثبت نام كه جلوي شما ظاهر ميشه از دو قسمت تشكيل شده. قسمت اول، Setup your Plan هست كه لازم نيست تنظيماتش رو دست بزنيد. فقط قسمت Add a domain گزينه Use a Subdomain رو كليك كرده و زيردامنه دلخواه رو مي نويسيد. مثلاً javad2000 و بخش دوم Account owner details هست كه مشخصات عمومي خودتون از قبيل نام و ايميل و.... رو وارد مي كنيد و Continue رو مي زنيد.
4- چند لحظه صبر مي كنيد. اگه مشخصات درست باشه، پيغام ميده كه ايميل خود را چك كنيد.
5- در صندوق ايميل، نام كاربري، رمز عبور و آدرس ftp خودتون رو مي بينيد.

پ) تنظيمات هاست:
بعد از تكميل ثبت نام، مجدداً به سايت freehostia.com رفته روي members login كليك كرده و با دادن user name/ password وارد كنترل پنل خود مي شويد. براي فعال شدن امكانات فرانت پيج، به قسمت fronpage extensions رفته، كنار آدرس زيردامنه خود تيك مي زنيد و دكمه Apply (يا يه چيزي شبيه اين) رو مي زنيد تا امكانات فرانت پيج فعال شود. بعد هم از سايت خارج مي شويد.

2- طراحي صفحه وب
كه به قدر كافي در پست هاي قبل گفته شد.

3- آپلود صفحه (هاي) وب طراحي شده بر روي هاست
پس از زدن دكمه Save در فرانت پيج، گزينه File> Publish webرا مي زنيم. از ما آدرس ftp و Username/password خواسته مي شود كه طبق اطلاعات دريافتي از ايميل، وارد مي كنيم و دكمه Publish را مي زنيم. اگر اطلاعات وارد شده درست باشده، صحيح باشد، فرايند آپلود شروع شده و درصد تكميل آن به صورت Progressbar نمايش داده مي شود. بعد از اتمام آپلود، پيغام مي گيريم كه « آپلود با موفقيت انجام شد» (Completed Successfully) جهت ديدن سايت خود به آدرس زير مراجعه كنيد.

حالا روي لينك مربوطه كليك كنيد تا سايت خود را ببينيد.

تذكر: در اكانت هاي رايگان فريهاستيا، سايز هر فايل نبايد از 500 كيلوبايت بيشتر باشد (مجموع سايز فايل ها تا 250 مگابايت مجاز است).

[TAHA]

اخت فرم و ذخيره داده ها در فرانت پيج

اگر در محيط فرانت پيج دكمه F1 رو زده و كلمه Form را توي Office Assistant تايپ كنيد، اطلاعات زيادي درباره نحوه فرم سازي و ذخيره داده ها پيدا مي كنيد. من به اختصار روش ساخت يك فرم ساده و ارسال داده ها به ايميل رو ميگم:

1- ساخت فرم
(اين، فقط يكي از چند راه هست)

مراحل زير را طي كنيد:
File> New> Page or Web> Page Templates> Form Page Wizard> OK
و مراحل ويزارد را طي كنيد تا فرم ساخته شود.

طي مراحل ويزارد، هيچ اسمي از ايميل نمياد و فقط از شما مي پرسه:
آيا ميخوايد پاسخ كاربران را در فايل txt ذخيره كنيد يا فايل Html و شما گزينه دلخواه رو انتخاب مي كنيد و ويزارد به پايان مي رسد.

استفاده از FormMailing
پس از اتمام مراحل فوق، روي دكمه Submit از فرم ساخته شده، راست كليك كرده گزينه Form Properties را مي زنيد و در قسمت Email Address آدرس ايميل دلخواه را مي نويسيد.
از اين به بعد، داده ها، علاوه بر ذخيره شدن در فايل txt مذكور، به آدرس ايميل شما هم ارسال خواهد شد.
(البته، اين سرويس، فقط بعد از پابليش كردن سايت فعال ميشه اون هم به شرطي كه Server شما امكان FormMailing داشته باشه).

[TAHA]

می خواهم یک هاست غیررایگان بگیرم. از کجا بگیرم بهتر است؟

شرکت های زیادی هاست غیر رایگان ارائه می دهند که نسبت به هاست های رایگان دارای امکانات بیشتر و محدودیت های کمتری هست. اگر «هاست ویندوز» بخواید که امکانات فرانت پیج، ASP.net و دیگر محصولات مایکروسافت رو هم ساپورت کنه من این رو توصیه می کنم:
w w w. m i h a n n i c. c o m


چون هم قیمت مناسب، هم امکانات مناسبی داره و هم از طریق پرداخت الکترونیک میشه ثبت دامنه و هاست را انجام داد.

[caspian09]

سلام من یک وبلاگ دارم و میخوام یک دامین بخرم میخوام خودم کار طراحی سایتم رو از طریق فرانت پیج انجام بدم لطفا بگو چه محدودیتهایی رو در فرانت پیج دارم و اینکه چطور می تونم بطور پیشرفته یادش بگیرم اگه می شه بنده رو راهنمایی کن باسپاس اینم آدرس وبلاگمه رباتیک و هوا فضا (http://www.robodesign.blogfa.com) اگه اینجا کامنت بذاری که واقعا لطف کردی!

[Borna66]

سلام من یک وبلاگ دارم و میخوام یک دامین بخرم میخوام خودم کار طراحی سایتم رو از طریق فرانت پیج انجام بدم لطفا بگو چه محدودیتهایی رو در فرانت پیج دارم و اینکه چطور می تونم بطور پیشرفته یادش بگیرم اگه می شه بنده رو راهنمایی کن باسپاس اینم آدرس وبلاگمه رباتیک و هوا فضا (http://www.robodesign.blogfa.com) اگه اینجا کامنت بذاری که واقعا لطف کردی!

با سلام
بطور کلی نرم افزار فرانت پیج در طراحی سایت ساده می باشد و امکانات زیادی ندارد و برای شروع کار طراحی سایت برای افراد تازه کار مناسب می باشد اما برای طراحی سایت حرفه ای می توانید از سایر نرم افزارهای طراحی وب مثل Dreamwawer و یا مجموعه دات نت استفاده کنید که دارای امکانات زیادی در طراحی صفحات وب هست و برای هر کدام از موضوعات در باشگاه مطالب آموزشی فراوانی ارایه شده

موفق باشید


روزگار خوش

[xmarix]

خیلی عالی بود. فقط یه سوال :

این سایت freehostia دیگه رایگان هاست نمیده ؟ :164::164::47:

[sunyboy]

خیلی عالی بود. فقط یه سوال :

این سایت freehostia دیگه رایگان هاست نمیده ؟ :164::164::47:

چرا به ادرس زیر مراجعه کنید

Free Web Hosting - Linux, PHP, MySQL, No Ads/Banners by FreeHostia. (http://www.freehostia.com)

[xmarix]

چرا به ادرس زیر مراجعه کنید

Free Web Hosting - Linux, PHP, MySQL, No Ads/Banners by FreeHostia. (http://www.pnu-club.com/redirector.php?url=http%3A%2F%2Fwww.freehostia.com )

مرسی واقعن از جوابگویی سریعتون:74::72:
رفتم همینجا.
همون کارایی هم که تو ارساله بالا گفته بودن انجام دادم اما پولیه انگار. هر چی میزنم صفحه پرداخت پول و میاره.
شایدم من اشتباه میکنم. شما چک کردین تازگیا؟ من صبح چک کردم