پروژه طراحی یك وب سایت

پروژه طراحی یك وب سایت

فهرست مطالب

چکیده

مقدمه

اصول اولیه FronT page

پنجره اصلی FronT page

شروع به كار FronT page و خروج از آن

برای راه اندازی FronT page

استفاده از آیكن های Views

تغییر نماها

استفاده از نوارهای ابزار  ( TooL BARS)

فعال و غیر فعال نمودن نوارهای ابزار

باز آرایی نوارهای ابزار

انتقال نوارهای ابزار در desktop

قرار دادن نوارهای ابزار در پنجره اصلی   (DOCK)

تغییر اندازه نوارهای ابزار مستقل   (Free Standing)

اضافه یا حذف كردن دكمه های نوار ابزار

سفارش كردن یك نوار ابزار موجود

ایجاد یك نوار ابزار موجود

حذف یك نوار ابزار

منوها

گشودن یك صفحه موجود وب:

ذخیره سازی یك صفحه وب:

ایجاد گشودن و بستن سایتهای وب

ایجاد یك سایت جدید وب

گشودن یك سایت موجود وب:

ایجاد یك سایت وب:

اضافه كردن صفحات به یك ساختار Web

اعطای عنوان به یك صفحه

تغییر نام یك صفحه وب

باز آرایی ساختار یك سایت Web

بازار آرایی یك صفحه واحد

بازار آرایی گروه های حاوی صفحات

كنترل و نظارت بر نمای ساختار سایت

فرونشانی ( Collapse) ساختار سایت

توسعه ساختار سایت

مشاهدات یك زیر درخت

توسعه و گشادن یك زیر درخت

چرخاندن نمای ساختار سایت

Zoom كردن ساختار سایت به داخل و خارج

ایجاد نوارهای مشترك Navigation

اضافه كردن حواشی مشترك ( Shared Borders)

تنظیم پیوندها برای نوارهای مروری Site-wide

گزینه های Navigation     Bar

غیر فعال كردن حواشی مشترك برای صفحات واحد

تغییر برچسب های پیش فرض Navigation

تغییر برچسب های رهیابی ( Labels Navigation)

استفاده از الگوها و زمینه ها

ایجاد یك صفحه به واسطه یك الگو

ایجاد یك سایت Web از یك الگو

به كار یك زمینه به یك صفحه یا سایت Web

تغییر یك زمینه

گزینه های زمینه ( Theme oPtions)

رنگ ها

تصاویر

متن

 ایجاد و قالب بندی متن

درج و ویرایش متن

درج متن در یك صفحه Web

انتقال مكان نمای متن

انتخاب متن

حذف متن

انتقال متن

خنثی سازی یك عملكرد

انجام مجدد یك عملكرد

اضافه كردن یك انقطاع خطی به متن

اضافه كردن یك پاراگراف

نمایش انقطاع خط و نشانه های پاراگرافت

نمایش یا پنهان سازی انقطاع و نشانه های پاراگراف

یافتن و جایگزینی متن

یافتن متن به روی یك صفحه واحد

یافتن متن در سراسر یك سایت Web

جستجو برای كد ML آH در سایت

جایگزینی متن بر روی یك صفحه

جایگزینی متن در سراسر یك سایت Web

بررسی املاء

تغییر زبان لغت نامه

قالب بندی متن

تغییر نمای فونت

تغییر اندازه فونت

تغییر سبك و حالت فونت

تغییرات رنگ فونت

تغییر همتوازی متن

گزینه های فونت

تغییر فونت كاراكترهای

تغییر موقعیت مكانی كاراكترها

حذف قالب بندی متن

قالب بندی پاراگراف ها، لیست ها و عناوین

كاربرد پاراگراف ها

همترازی یك پاراگراف

ایجاد تورفتگی در پاراگراف ها

ایجاد تورفتگی در یك پاراگراف ها

سفارشی كردن تورفتگی ها برای پاراگراف ها

تغییر سبك پاراگراف ها

تغییر سبك Normal برای پاراگراف ها

كاربرد سبك FormaTTed برای پاراگراف ها

استفاده از لیست ها

ایجاد لیست های بدون ترتیب ( Unordered)

ایجاد یك لیست BulleTed

ایجاد لیست های تعریفی

مراحل  ایجاد یك لیست تعریفی

ایجاد لیستهای منظم و ترتیبی (Ordered)

مراحل ایجاد یك لیست شماره گذاری شده

سفارشی كردن لیست ها

مراحل سفارشی كردن لیست ها

گزینه های لیست

لیست های تو در تو ( Nested Lists)

مراحل ایجاد یك لیست تو در تو

استفاده از عناوین صفحات

اضافه كردن عناوین

تغییر اندازه یك عنوان

افزودن فراپیوندها ( HYPER LiNks)

پیوندهای قطعی و نسبی

پیوند یك صفحه خارجی Web

گزینه های HYPER LiNks CreaTe

پیوند به یك صفحه موجود در سایت Web شما

ایجاد یك پیوند E-mail

پیوند به صفحاتی كه هنوز ایجاد نشده اند

ایجاد یك صفحه جدید و پیوند آن

تغییر پیوندها

ویرایش یك پیوند

حذف یك پیوند

به روز رسانی پیوندها

كاربرد نشانه ها (Book marks)

مراحل ایجاد یك نشانه Book marks

پیوند به یك نشانه

یافتن نشانه ها

برداشتن یك نشانه

تنظیم رنگ های پیوند

تغییر رنگ یك پیوند

ایجاد پیوندهای تصویری

پیوند یك تصویر كامل به یك فایل

ایجاد یك تصویر Hotspot

یافتن قطعات تصویری Hotspot

مراحل یافتن Hotspot

حذف یك Hotspot

تغییر پیوند یك Hotspot

كاربرد دكمه های Hover

اضافه كردن یك دكمه Hover

ویرایش یك دكمه Hover

سفارشی كردن دكمه های Hover

استفاده از نمای HYPer Link

سوئیچ كردن به نمای فرا پیوندها

بررسی پیوندها بر روی یك صفحه دیگر

استفاده از نوارهای رهیابی تك صفحه ای

مراحل افزودن نوارهای رهیابی تك صفحه ای

ویرایش یك نوار رهیابی تك صفحه ای

حذف یك نوار رهیابی

بررسی و انتشار سایت های وب

بررسی سایت

مراحل بررسی و ترمیم مشكلات

علامت گذاری صفحات برای انتشار

بررسی وضعیت انتشار صفحات

تغییر وضعیت انتشار یك صفحه

پنهان كردن صفحات از مرور گرها

مراحل پنهان كردن صفحات

افزودن Meta Tags برای ابزارهای جستجو

راهنمایی ابزارهای جستجو برای شاخص گذاری سایت شما

جلوگیری از دسترسی ابزارها جستجو

انتشار بر روی وب

مراحل انتشار سایت

گزینه های Publish web

نتیجه گیری

منابع و مأخذ

............................................................................................................

بخشهایی از متن:

چكیده:

این پروژه طراحی سایت را با استفاده از نرم افزار قدرتمند و ساده ای فرانت پیچ انجام داده است. فرافت پیچ شامل مجموعه ای از ابزارها برای مدیریت، ایجاد، نشر سایتهای وب است. همچنین یك ویژگی منحصر به فرد و كامل برای ویرایش صفحات وب دارد. كارهایی كه می توان با فرانت پیچ انجام داد به قرار زیر است:

1-ایجاد سریع یك سایت وب با استفاده از الگوها و نمونه های موجود.

2-مدیریت پوشه ها و فایلهای موجود در سایت وب با استفاده از شبیه، به میكرو سافت ویندوز Expiprer

3- دیدن وضعیت همة فایلها و صفحات وب، فرا اتصال ها، اجراء و قسمتهای مختلف سایت با استفاده از نمای جدید Reports

4-استفاده از نمای گرافیكی در سایت وب

5- اعمال یكسری سبكها و طرح ها در سایت وب

6- مدیریت پروژه های سایت وب

7-انتشار وب روی سرورها

مقدمه

با آمدن اینترنت راه به دنیای جدید باز شد و بسیاری از مرزها برداشته شد امروزه اینترنت علاوه بر فرایای قدرتمند و فرا مرزی ابزاری مناسب برای تبلیغات و امور تجاری است. اغلب شركتها و مؤسسه ها معتبر برای ارائه و نمایش كارشان آن را به صورت صفحات وب به جهانیان عرضه می كنند. صفحات وب به صورت HTML هستند كه پیش از این توسط اپلتهای جاوا و نرم افزارهای پیچیده ای كاربران اینترنت قادر به اصلاح و ایجاد صفحات وب بودند.

اما در آستانه سال 2000 شركت میكرو سانت نرم افزاری حرفه ای به نام فرانت پیچ 2000 را عرضه كرد كه با آن می توان به راحتی صفحات وب ایجاد كرد این نرم افزار بسیار ساده است و هر كس كه با نرم افزارهای سری میكرو ساخت آفیس آشنا باشد به راحتی می تواند پس از كمی تجربه به راحتی ایجاد یك متن ساده صفحات گرافیكی و مولتی مدیا بر روی اینترنت بسازد و آنها را در سایت مورد نظر یا خدمات رسان نصب كند. باشد كه با بكارگیری اینترنت بتوانیم هویت و اصالت كشور عزیزمان ایران را به جهانیان بنمایانیم و از دانش و تجربه تمدنهای دیگر نیز بهره مند گردیم.

...

پنجره اصلی FronT Page:

پنجره های قدیمی Explorer  ,Editor مربوط به برنامه 98 FronT Page، به یك پنجره واحد برای 2000 FronT Page تبدیل شده اند. به طور فرض، پنجره اصلی FronT Page در حال حاضر در تنظیمات نمای Normal page می گردد.

1-كادر منوی برنامه كاربردی: با كلیك نمودن بر روی آیكن FronT Page، یك كادر باز شو راه اندازی می گردد كه شامل گزینه هایی برای پنجره FronT Page می باشد. كه عبارتند از: باز نشانی (Restore)، تغییر مكان (Move)، حداقل (Minimize)، حداكثر ( Maximize) و بستن (close)

2- اسامی صفحه و سایت Web: هنگامی كه یك Web ایجاد می گردد نامی برای آن در نظر گرفته می شود شما نیز هنگامی كه یك صفحه web را برای اولین بار ایجاد می كنید آن را نام گذاری می نمایید.

3- دكمه های كنترل پنجره: با كلیك كردن روی سه دكمه ( از چپ به راست): پنجره در نوار وظیفه قرار می گیرد(حداقل) پنجره به حالت صفحه كامل توسعه می یابد (حداكثر) یا اینكه برناممه كاربردی خاتمه می یابد.

4- نوار منو و نوارهای ابزار: به طور پیش فرض برنامه FronT Page نوار منو، نوار ابزار استاندارد و نوار ابزار قالب بندی را نمایش می دهد. برای تغییر نوارهایی ظاهر می شوند، سپس View>Toolbar را انتخاب نموده و گزینه های مورد نظر خود را فعال یا غیر فعال ( ON loff) نمایید.

5- نوار نماها ( View bar): FronT Page به طور پیش فرض در نمای page باز می شود روی هر یك از پنجه آیكن دیگر برای مشاهده نمای دلخواه خود كلیك نمایید:

Folders برای مرتب كردن فایلها و پوشه ها Reparts برای دسترسی به فایلها، پیوندها و تصاویر یك سایت باز شده Navigation web به منظور مشاهده و ویرایش ساختار یك سایت Hyperiinks  web برای دیدن پیوندهای مربوط به هر صفحه در یك سایت Webو tasks به منظور بررسی، ایجاد یا ویرایش یك فهرست TO-DO برای سایتweb.

6-برگه های نمای صفحه: FronT Page به طور پیش فرض در نمای نرمال باز می گردد و به شما امكان می دهد، تا صفحه web بگشایید. به منظور مشاهده یا ویرایش یك كد بندی صفحه، روی HTML كلیك نمایید و برای دیدن روش مشاهده صفحه در مردرگر web روی preview كلیك كنید.

اگر مرورگر Internet Enpbrer, MicrosoFT web بر روی سیستم شما نصب نشده باشد.“preview” ظاهر نخواهد شد.( نیازی به اجرا شدن Internet Enpbrer نمی باشد بلكه فقط باید نصب شده باشد).

7-روند و پیشرفت download: مادامی كه FronT Page در حال باز كردن یك صفحه web می باشد. آیكن مربوطه می چرخد و به مجدد اینكه كلیه فایلهای مربوط به صفحه باز شوند متوقف خواهد شد.

8- زمان برآورد شده برای Download: FronT Page به طور پیش فرض برای نمایش مدت زمان تنظیم شده است كه صفحه جاری به منظور Down load از طریق اتصال دوم 8/28 بیت در ثانیه استفاده می كند. شما می توانید برای تغییر سرعت اتصال كلیك نمایید، با وجود اینكه سرعت 8/28 احتمالاً میانگین سرعت دوم شماره گیری كاربر را ارائه می دهد.

شروع به كر FronT Page و خروج از آن برای راه اندازی FronT Page:

1-روی دكمه Start در نوار وظیفه windows كلیك كنید مكان نمای خود را روی Programs قرار داده و سپس روی آیكن FronT Page كلیك نمایید.

2-به مجرد اینكه FronT Page راه اندازی گردید، یك صفحه خالی Web به شما نشان داده می شود. حال شما می توانید آن صفحه را ویرایش نموده و یا صفحات دیگری ایجاد نمایید.

برای خروج از FronT Page:

1-بعد از ذخیره سازی عملیات انجام شده File  >Exit, (ctrl+S) یا (Alt+F4)  را انتخاب نمایید.

2-با استفاده از نماهای Preview  ,Normal  ,HTML هنگامی كه شما در نمای Page قرار دارید، می توانید یكی از سه نمای مختلف را با كلیك نمودن روی برگه ها انتخاب كنید: Normal ( پیش فر ض)،  Preview    HTML نمای صفحه Normal به شما اجازه می دهد تا مستقیماً صفحه جاری web را بدون مشاهده هر یك از كدهای اساسی HTML ویرایش نمایید. نمای HTML طبیعتاً كلید كدهای را نمایش می داده و به شما امكان می دهد تا مستقیماً بتوانید كد را تغییر دهید. نمای Preview به شما اجازه می دهد تنها روش مشاهده صفحه را در داخل یك مرورگر web مشاهده نمایید.

(نكته: به جای اینكه برای تغییر نمای صفحه خود روی برگرها كلیك كنید، می توانید كلیدهای Ctrl+pgaP یا  etrl+PgDn  را نیز به منظور حركت به جلو یا عقب از Normal به HTML و به Preview فشار دهید)

استفاده از آیكن های Views

FronT Page برای مشاهده و ویرایش صفحات یا سایتهای web، با توجه به آیكنی كه شما در نوار Views كلیك می كنید، شش روش متفاوت را در اختیار شما می گذارد. FronT Page به طور پیش فرض نمای page را نمایش می دهد. گزینه های دیگر به شما امكان می دهند تا پوشه گزارش ها، ساختار مروری، فوق پیوندها یا وظایف و اعمال مربوط به صفحه یا سایت جاری web را مشاهده نمایید. هر نما یك مجموعه متفاوت از اطلاعات مربوط به سایت یا صفحات شما ار ارائه می دهد.

تغییر نماها

1-مطمئن شوید كه نوار Views در قاب سخت چب FronT Page قابل رویت است. زیر این صورت Views bar > Views را انتخاب نمایید.

2- روی یكی از شش آیكن Views در قاب سمت چپ كلید نمایید.

3-قاب سمت راست FronT Page به منظور واكنش در برابر انتخاب شما تغییر خوهد كرد.

(نكته: اهمیتی ندارد كه شما در حال استفاده كدام نما هستید، می توانید با كلیك نمودن بر روی آیكن Folder list در نوار ابزار استاندارد، ساختار پوشه سایت خود را مشاهده نمایید.)

به منظور پنهان نمودن پوشه ها مجدداً روی آیكن كلیك نمایید و یا اینكه برای فعال یا غیر فعال كردن پوشه ها، View > Folder را برگزینید.

در صورتی كه شما حداكثر فضای كاری را برای صفحات خود بخواهید، می توانید با انتخاب Views bar > Views و كلیك كردن بر روی Views bar  و برداشتن علامت آن نوار Views را پنهان نمایید. برای باز گرداندن Views bar  مراحل را تكرار كنید.

 شما می توانید مادامی كه در نمای Tasks قرار دارید، سریعاً یك Task جدید را به راست كلیك كردن در درون قاب Tasks اضافه نمایید. برای تغییر یك Taskیا وظیفه موجود، روی هر یك از اجزا در فهرست Tasks راست كلیك كنید.