به نام خدا

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

سلام شاید شما جزء عده ای باشید که دوست دارند همه کارشان را خودشان انجام دهندپس اگر جزو این گروه محسوب می شوید با ما همراه شوید وچگونگی طراحی سایت با این نر م افزار را بیاموزید.

قبل از هر چیز شما به یک طرح احتیاج دارید که می توانید آن را بر روی کاغذ پیاده کنید مرحله بعد استفاده

از یک  برنامه برای عملی کردن کارتان است پس برای شروع بهترین گزینه front page است که در بسته نرم افزاری آفیس قرار دارد پس از نصب برنامه وارد آن شوید وبرای شروع به File  رفته وبه New سپس page or web را کلیک کنید از پنجره باز شده empty web را انتخاب کنید و سپس مسیر دلخواه خود را انتخاب کنید وok کنید . بااین کار شما یک فایل آماده برای خود در آدرس داده شده ایجاد کردید که در دفعات بعد با رفتن  File –open web  وارد صفحه خود میشوید.

کار با ابزار در Front page  بسیار شبیه به Word  است اما در نمایش دو تفاوت می بینید :

    الف)نوار ابزار Views است که دارای گزینه های زیر است:------------------------------------------------------------------------------>

1. page :صفحه ویرایش ما است
2. Folders:که مربوط به فایل ایجاد شده است
3. Reports: که گزارش سایت را نشانمان می دهد
4. Navigation: نمودار شاخه ای سایت است
5. HyperLinks: اتصالات صفحات را نشان می دهد
6. Tasks: که کارهای سایت است

ب)نحوه نمایش که به سه صورت Normal,HTML,Preview می باشد:---->

در حالت Preview شما نتیجه ونمایش کار خود را در این حالت خواهید دید

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

در حالت Normal : اصل کار ما در Fron Page در این صفحه انجام میگیرد پس برای شروع صغحه خود را تنظیم میکنیم :                

روی صفحه راست کلیک کرده و به Page Properties  بروید در سز برگ General  در فیلد Title  عنوان صفحه خود را تایپ کنید در Back Ground Sound  می توانید برای صفحه سایت خود موسیقی زمینه بگذارید ولی به دلیل پایین بودن سرعت خطوط اینترنت ایران این کار توصیه نمی شود.اگر گزینه Forever تیک دار باشد موسیق مادام تکرار می شود ولی با برداشتن تیک آن تعداد تکرار موزیک را مشخص کنید .

در سر برگ Back Ground  در قسمت Formatting  با فعال کردن  گزینه Back Ground Picture  برای پشت صفحه عکس انتخاب کنید وبا فعال کردن watermark  ثابت بودن یا نبودن عکس را تایین کنید .بافعال کردن rollover effect و رفتن به Rollover Style  تنظیمات مربوط به لینک ها هنگام رفتن موس روی آن ها را اعمال کنید.در قسمتcolors  می توانید رنگ نوشته و پس زمینه ولینک ها را به دلخواه تغغیر دهید .

در سربرگ Margins  با فعال کردن گزینه ها ودادن عدد به آن ها  فاصله بالا و سمت چپ صفحه را از نوشته ها مشخص کنید .

در سر برگCustom  ودر قسمت user variables  بازدن  Add…  در قسمت  Name تایپ کنید:  

keywords  ودر قسمت Value  کلمات کلیدی سایت خود را برای موتور های جستجو بنویسیسد .

در سربرگ Language زبانی را که میخواهید سایتتان را بنویسید انتخاب کنید ودر صورت فارسی بودن در دوقسمت بعدی Unicode(UTF-8 ) را انتخاب کرده ودر نهایت ok  کنید.

        ابزار در Front page  :

ابزار ویرایش و نوشتن متن در برنامه همانند ورد است ولی توجه داشته باشید برای نمایش صحیح متن در دیگر کامپیوتر ها باید از فونت های استاندارد ویندوز مانند Arial,Tahoma استفاده کنید (برای نمایش درست ی در ویندوز xp از فونت Times New Roman   نیز استفاده نکنید!)

تصاویر: برای قراردادن تصاویر از منوی Insert  به Picture و سپس به From File  بروید واز روی حافظه یا سی دی عکس مورد نظر خود را باز کنید وبرای ویرایش تصاویر از نوار ابزار Pictures استفده کنید .

تنظیمات :روی عکس راست کلیک کرده و picture properties  را انتخاب کنید در سربرگ Appearance نحوه جایگیری عکس ودر General  می توانید آدرس تصویر ودر قسمت Alternative representations در فیلد Text توضیحی کوتاه درباره عکس بنویسید تا در صورت عدم نمایش  تصویر توضیح دیده شود .

Web Component  :

با رفتن به منوی Insert وانتخاب گزینه web component  می توانید وارد این پنجره شوید که در این قسمت به چند گزینه پر کاربرد آن اشاره می کنیم :

Dynamic Effects-Marquee  : يك افکت جالب است که به ما امکان قرار دادن متن های متحرک را میدهد

  Photo Gallery : یکی از گزینه های پر کاربرد است که در ایجاد یک آلبوم عکس به ما کمک می کند

      _Plug-in Advanced controls ها که برای قرار دادن فلش در سایت است که با انتخاب آن ودادن آدرس دقیق آن در Data Source  ومعین کردن Size آن می توان در صغحه قرار داد .

       : Hyper Link

  لینک ها در طراحی سایت بسیار با اهمیت می باشند که انواع آن و نحوه ایجاد آن را در ذیل می بینید :

لینک نوشتاری : برای این کار نوشته یا کلمه مورد نظر را تایپ کرده وآن را سلکت میکنیم بعد کلید های ctrl+k را نگاه داشته ویا به منوی Insert وسپس Hyper Link را انتخاب می کنیم و در قسمت Current Folder  صفحه ای را که می خواهیم برآن لینک داده شود انتخاب میکنیم و ok می کنیم اگر لینک را میخواهید به یک آدرس اینترنتی بدهید باید آدرس آن را درفیلد Address قرار دهید ،اگر می خواهید کار با زدن بر روی لینک به شما ایمیل بزند در قسمت Link to : گزینه ی Email را انتخاب کرده ودر قسمت Email Address  آدرس ایمیل ودر قسمت Subject : موضوع را تایپ کنید.

لینک تصویری : برای این کار تصویر مورد نظر را انتخاب کرده وهمانند بالا عمل می کنیم .

Tables        :

 یکی دیگر از عناصر اصلی طراحی سایت به شمار می روند که می توانید با راست کلیک کردن روی یک نوار ابزار گزینه  Tables and Borders  را انتخاب  کنید واز گزینه Draw  (مداد) برای رسم جدول واز Eraser برای پاک کردن آن استفاده کنید.

تنظیمات : برای اعمال تنظیمات بر روی جدول روی آن راست کلیک کرده و Table Properties را انتخاب کنید (اگر خواستید تنظیمات یک قسمت (Cell) را انجام دهید گزینه cell properties راانتخاب کنید)  قسمت Layout تنظیمات مربوط به سایز ونحوه جایگیری جدول است، در قسمت Borders می توانید با تغییر گزینه سایز، قطر جدول تغییر دهید وگزینه color مربوط به رنگ جدول است ودر قسمت    Back Groundمیتوانید برای پشت جدول خود رنگ ویا عکس  قرار دهید.

حال که تقریبا کار با Front Page را یاد گرفتید بد نیست به نکات زیر توجه کنید:

1.  قبل از گذاشتن سایت بر روی وب همه ی لینک هاوآدرس های تصاویر،انیمیشن هاو فلش های خودرا چک کنید که پس Save قسمت مشخصی از کامپیوترتان را نشان ندهد به طور مثال آدرس تصویر Ab باید اینگونه باشد:/images/Ab.gif همان طور که دیدید این آدرس درایو خاصی را نشان نمیدهد.

2.  در نوار پایین Front Page گزینه ای به نامEstimated time to download  به شکل یک ساعت شنی وجود دارد که شما با کلیک بر روی آن و امتحان کردن سرعت های مختلف اینترنت می فهمید بارگذاری صفحه مورد نظر چند ثانیه زمان می برد.

3.  بهتر است در استفاده از جاوا اسکریپت ها زیاده روی نکنید زیرا باعث سنگین شدن صفحه و.. می شود .

4.  در هنگام Save کردن صفحه ی اول(Home Page)سایت به یاد داشته باشید که آن را با نام index ذخیره کنید.

5.  حتما سایت خود را در موتور های جستجو گری مانند گوگل ثبت کنید تا دیگران از وجود سایت شما با خبر شوند برای این کار کافیست به آدرس : www.google.com\ رفته ودر قسمت URL آدرس سایتتان را وارد کنید.

6.  در سایت خود از صفحات بدون لینک واز لینک های شکسته نبز استفاده نکنید تا رتبه خود را در جستجوی گوگل بالا ببرید.

7.     سعی کنید از تصاویر با پسوندهای Gifو JPEGاستفاده کنید تا حجم کمتری اشغال کنند.

8.  سعی کنید در سایت خود مطالب ادامه دار قرار دهید تا بازدید کنندگان تمایل پیدا کنند باز هم از سایت شما بازدید کنند.

9.  در انتهای صفحات سایت خود از علامت کپی رایت استفاده کنید تا با ذکر منبع از مطالب شما استفاده کنند.

10. برای قرار دادن سایت خود بر روی اینترنت از برنامه های FTP استفاده کنید و اگر مقدور نبود از دستور زیر هم میتوانید استفاده کنید برای این کار در Address Bar ایترنت اکسپلورر تایپ کنید:

 ftp://user name:password@ftp.yoursite.com

وبه جای عبارت های  user name. Password. Yoursite نام کاربری ، کلمه عبور و آدرس سایت خود را وارد کنید.

 برای مثال:                                                                                        ftp://hadi:m13083@ftp.hadika.net

اگر دوست داشتید می توانید از کد های زیر در سایتتان استفاده کنید کافسیت در کد آمار بازدید به جای عبارت Your site آدرس سایت خود را وارد کنید ودر کد وضعیت شما در یاهومسینجر به جای عبارت آیدی شما آیدی یاهوی خود را تایپ کنید.

(کد ها را در تایپ کنید)                                                                                        

خانه

Copyright HADIKA.NET  2004-2006. All rights reserved.