چگونه سايت بسازيم؟

قبل از هر چيز شما به يك طرح احتياج داريد كه مي توانيد آن را بر روي كاغذ پياده كنيد. مرحله بعد استفاده از يك برنامه براي عملي كردن كارتان است. پس براي شروع بهترين گزينه Front Page مي باشد كه در بسته نرم افزاري Office قرار دارد. پس از نصب برنامه وارد آن شده و براي شروع به File برويد و از New گزينه Page or web را كليك كنيد. از پنجره باز شده empty web page را انتخاب نمائيد و سپس مسير دلخواه خود را انتخاب كرده و روي گزينه OK كليك نمائيد. با اين كار شما يك فايل آماده براي خود در مسير داده شده داريد كه در دفعات بعد با رفتن به File-Open وارد صفحه خود مي شويد.

كار با ابزار Front Page بسيار شبيه ابزار Word است، اما در نمايش دو تفاوت مي بينيد:

الف) نوار ابزار Views كه داراي گزينه هاي زير است:

1 . Page : صفحه ويرايش ما است .

2 . Folders : كه مربوط به فايل ايجاد شده مي باشد .

3 . Reports : گزارش سايت را به ما نشان مي دهد .

4 . Navigation : نمودار شاخه اي سايت است .

5 . Hyperlinks : پيوند ( اتصالات ) صفحات را نشان ميدهد .

6 . Taska : كارهاي سايت است .

ب) نحوه نمايش كه به سه صورت Preview، Html و Normal مي باشد :

نتيجه و نمايش كار خود را مي توانيد در حالت Preview ببينيد .

در حالت Html شما صفحه اي از كدها را ميبينيد كه ما در اين آموزش با اين بخش كار زيادي به غير از وارد كردن كدهاي جاوا نداريم، ولي بد نيست بدانيد: تگ آغاز و پايان كدهاست. مربوط به اطلاعات آغازين و مربوط به ساختار سايت ميباشد .

حالت Normal : اصل كار ما در Front Page در اين صفحه انجام مي گيرد، پس براي شروع، صفحه خود را تنظيم مي كنيم :

روي صفحه راست كليك كرده و به Page Properties برويد، در سربرگ General در فيلد Title عنوان صفحه خود را تايپ كنيد. در Background Sound موسيقي زمينه خودتان را انتخاب كنيد ولي بدليل كم بودن سرعت خطوط اينترنت ايران اين كار توصيه نمي شود. اگر گزينه Forever تيك دار باشد موسيقي مدام تكرار مي شود، و با برداشتن تيك مي توانيد تعداد تكرار موزيك را مشخص كنيد . در سربرگ Background در قسمت Formatting با فعال كردن گزينه ي Background Picture براي پشت صفحه عكس انتخاب كنيد و با فعال كردن Watermark ثابت يا متحرك بودن عكس راتعيين كنيد. با فعال كردن Rollover Effect و رفتن به Rollover Style تنظيمات مربوط به لينك ها هنگام رفتن ماوس به روي آنها را تنظيم نمائيد. در قسمت Colors مي توانيد رنگ نوشته و پس زمينه و لينك ها را به دلخواه تغيير دهيد.

در سربرگ Margins با فعال كردن گزينه ها و عدد دادن به آن ها فاصله بالا و سمت چپ صفحه را از نوشته ها مشخص كنيد. در سربرگ Custom و در قسمت User Variabels با انتخاب Ad... در قسمت Name تايپ كنيد Keywords و در قسمت Value كلمات كليدي سايت خود را براي موتور هاي جستجو بنويسيد.

در سربرگ Language زبان دلخواه خودتان را انتخاب نمائيد.

ابزار در Front Page :

ابزار ويرايش و نوشتن متن در اين برنامه همانند Word است، اما توجه داشته باشيد براي نمايش براي نمايش صحيح متن در كامپيوتر هاي ديگر بايد از فونتهاي استاندارد ويندوز استفاده كنيد.

تصاوير :

براي قرار دادن تصوير از منوي Insert به Picture و سپس به From File برويد عكس مورد نظر خود را باز كنيد و براي ويرايش تصاوير از ابزار Picture استفاده نمائيد .

تنظيمات :

روي عكس راست كليك كرده Picture Properties را انتخاب كنيد. در سربرگ Apperance نحوه جايگيري عكس و در General مي توانيد آدرس تصوير و در قسمت Alternative representatition در فيلد Text توضيحي كوتاه درباره عكس بنويسيد تا در صورت عدم نمايش تصوير توضيح ديده شود.

Web Component :

با رفتن به منوي Insert و انتخاب گزينه Web Component مي توانيد وارد اين پنجره شويد كه در اين قسمت به چن گزينه ي پر كاربرد آن اشاره مي كنيم :

Dynamic Effects-Marquee :

يك افكت جالب است كه به ما امكان قرار دادن متن هاي متحرك را مي دهد .

Photo Gallery :

يكي از گزينه هاي پر كاربرد است كه در اينجا يك آلبوم عكس به ما كمك ميكند .

Advanced Contorols-Plug-inها :

براي قرار دادن فلش در سايت است كه با انتخاب آن و دادن آدرس دقيق آن در Data Source و معين كردن Size آنمي توان در صفحه قرار داد.

Hyper Link

لينك ها در طراحي سايت اهميت بسياري دارند كه انواع آن و نحوه ايجاد آن را در ذيل مي بينيد:

لينك نوشتاري: براي اين كار نوشته يا كلمه مورد نظر راتايپ كرده وآنراSelect مي كنيم.بعد كليدهايCTR+K نگه داشته يا منوي InsertوسپسHyper Link را انتخاب مي كنيم و در قسمت Current Folder صفحه اي كه مي خواهيم به آن لينك داده شود :انتخاب كرده وOK ميكنيم.

اگر مي خواهيد لينك را به يك آدرس اينترنتي بدهيد بايد آدرس آن را در فيلدAddress قرار دهيد.اگر كه ميخواهيد كاربر بازدن بروي لينكبه شما ايميل بزنددر قسمت Link To گزينه Email را انتخاب كرده و در قسمت Email Address آدرس ايميل و در قسمت Subject موضوع را تايپ كنيد.

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

Tables:

جدول يكي ديگر از عناصر اصلي طراحي سايت به شمار مي رود كه ميتوان با راست كليك كردن روي نوار گزينه Tables and Borders راانتخاب كنيد و از گزينه Draw براي رسم جدول

و از Ersaer براي پاك كردن آن استفاده كنيد.

تنظيمات:

براي اعمال تنظيمات بروي جدول روي آن راست كليك كرده و Table Properties را انتخاب كنيد (اگر خواستيد تنضيمات يك قسمت(Cell) را انجام دهيد: گزينه cell properties را انتخاب كنيد) قسمت Layout تنضيمات مربوت به سايز و نحوه جاي گيري جدول است.در قسمت Borders ميتوانيد با تغير گزينه سايز.قطر جدول را تغير دهيد و گزينه color مربوط به

رنگ است و در قسمت Back Ground ميتوانيد براي پشت خود رنگ و يا عكس قرار دهيد.

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

1- www.20m.com

2- www.50megs.com

3- www.freewebspace.com

4- www.netfirms.com

5- www.netfreehost.com

6- http://username.joomla-portals.com

7- http://username.nuke-portals.com

8- http://www.shyper.com

9- http://www.spymac.com

10- http://www.web1000.com

11- http://www.websamba.com

12- http://www.fateback.com

13- http://www.thefreeserver.com

 

روش کار هم خيلي ساده است.موفق باشيد.

گزارش تخلف
بعدی