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

چکیده:

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

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

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

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

استفاده از نمای گرافیکی در سایت وب

 اعمال یکسری سبکها و طرح ها در سایت وب

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

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

مقدمه

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

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

اصل اولیه FronT Page :

این فصل یک شمای کلی و اجمالی از ویژگیهای اصلی FronT Page و وظایف ابتدایی بازکردن و بستن و ذخیره سازی صفحات وب و سایت ها در اختیار شما می گذارد. هر یک از مطالب موجود در این فصل مانند نماها، منوها یا نوارهای ابزار با جزئیات بیشتری بعداً در ادامه شرح داده می شوند. شروع کار در این مرحله، یک دید کلی از توابع و سازمان دهی برناممه به شما داده و اجازه می دهد تا بتوانیم در هنگام آمادگی بیشتر تعمق نمایید.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

با استفاده از نماهای 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 را مشاهده نمایید. هر نما یک مجموعه متفاوت از اطلاعات مربوط به سایت یا صفحات شما ار ارائه می دهد.

تغییر نماها

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

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

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

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

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

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

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

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

نوارهای ابزار Formatting , Standard به طور پیش فرض بالای پنجره اصلی FronT Page ظاهر می گردند. اما یکی یا چند تا از هفت نوار ابزار دیگر FronT Page را با توجه به وظایف web که شما در حال حاضر انجام می دهید، می توان به طور دستی نمایش داد. شما می توانید مانند همه نوارهای ابزار FronT Page، آنها را به دلخواه خود سفارشی نمایید.

آیکن هایی که در نوار ابزار Standard وجود دارند، به طور پیش فرض   در زیر نوار منو ظاهر می شوند و متداول ترین فرمانهای به کار رفته در FronT Page را به کار می اندازند. و آیکن هایی که در نوار ابزار Formatting وجود داشته و به طور پیش فرض ظاهر می شوند، معمولاً به فرمانهای ظاهر شده منو که در منوی Format قرار دارند مربوط می گردند.

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

View/ Toolbar را انتخاب کنید و یک نوار ابزار از منوی باز شو برای فعال یا غیر فعال نمودن آن برگزینید. نوارهای ابزار علامت خورده از قبل فعال شده اند؛ آنهایی که فاقد علامت هستند غیر فعال می باشند.

 مکان نمای خود را روی نوار ابزار انتخاب شده و رها کنید تا فوراً بالا یا پایین پنجره اصلی FronT Page ظاهر می گردد.

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

FronT Page به شما اجازه می دهد تا هر یک از نوارهای ابزار آن را به جایی منتقل نمایید که برای شما راحت ترین حالت را داشته باشند. در برخی از مواقع ساده ترین حالت اینست که نوارهای ابزار فعال شده در داخل پنجره اصلی (Docked) قرار گیرند و یا به عبارت دیگر در عرض قسمت بالای پنجره اصلی FronT Page به طور افقی اجرا گردند. با این حال ممکن است برای برخی از وظایف (Tasks)، ترجیح بدهید که نوار ابزار را به طور جداگانه بر روی Desktop قرار دهید. FronT Page همچنین به شما این امکان را می دهد تا به منظور تناسب فضای کاری خود نوارهای ابزار را تغییر اندازه دهید.

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

برای تغییر مکان یک نوار ابزار docked آنهایی که در عرض پنجره اصلی FronT Page اجرا می شوند مکان نمای خود را بر روی نوار ابزار کلیک کرده، فشردن مکان نما را ادامه دهید و نوار ابزار را به نقطه جدید بر روی Desktop بکشید، جایی که با عنوان مربوط به خودش ظاهر می گردد.

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

برای انتقال یک نوار ابزار آزاد و مستقل ( Free standing) به داخل یک وضعیت docked روی نوار ابزار کلیک نموده و آن را در ناحیه ای بکشید که بالای پنجره اصلی FronT Page قرار دارد. همان طور که مکان نمای شما به ناحیه docking نزدیک می گردد. نوار ابزار مستقل در مکان مربوطه قرار خواهد گرفت.

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

برای جمع کردن یک نوار ابزار Free standing روی لبه بیرونی آن کلیک نموده، مکان نما را به طرف مرکز نوار ابزار بکشید. برای بزرگ نمودن نوار ابزار، مکان نما را از مرکز نوار ابزار دور کنید سفارشی کردن نوارهای ابزار FronT Page به شما امکان می دهد تا دکمه های نوار ابزار را اضافه یا حذف نمایید؛ شما همچنین می توانید با اضافه کردن دکمه های اضافی به نوارهای ابزار موجود و یا با ایجاد نوارهای ابزار کاملاً جدید، آنها را سفارشی نمایید.

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

بر روی مثلثی کلیک نمایید که در انتهاب نوار ابزاری که شما می خواهید سفارشی کنید قرار گرفته است؛ منوی باز شوی “Add or Remave Buttons” ظاهر خواهد شد.

 اگر مکان نما را بر روی منوی باز شوی Add or Remave Buttons انتقال دهید منوی باز شوی دیگری ظاهر می گردد که تمام دکمه های جاری علامت خورده نوار ابزار را نشان می دهد.

روی آیتمی کلیک کنید که برای حذف شدن در نظر گرفته اید، علامت کنار آن ناپدید خواهد شد.

برداشتن علامت( حذف) یا علامت گذاری (اضافه کردن) را تا زمانی ادامه دهید که نظر شما تأمین گردد. سپس در جایی خارج از منوی بازشو کلیک نمایید تا نوار وظیفه تغییرات شما را منعکس کند.

نکته: حذف تصادفی یک منو به طور کلی کار بسیار آسانی است. شما می دانید به منظور بی اثر نمودن تغییرات خود به طور سریع یک نوار ابزار را به مکان اصلی خود باز نشانی کنید. روی مثلث انتهای نوار ابزار کلیک نموده به منوی باز شوی

“Add or Remave Buttons” بروید و روی “Todbar Reset” کلیک کنید مجدداً دکمه های اصلی نوار وظیفه ظاهر می شوند.

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

اگر شما مایلید که دکمه هایی را اضافه کنید که قبلاً در یک منوی باز شوی

“add /remove” در دسترس نبوده اند، Customize را در انتهای منو انتخاب نمایید.

هر گاه کادر محاوره “Customize ” ظاهر گردید مطمئن شوید که برگه Customize انتخاب شده باشد.

 ابتدا روی یکی از رده بندی های منو در قاب به سمت چپ در قاب سمت راست روی فرمانی که مایلید به نوار ابزار اضافه شود کلیک نمایید.

در حالی که هنوز نوار فرمان روشن Highlight می باشد، مکان نمای خود را در نقطه ای از نوار ابزار که می خواهید دکمه در آنجا ظاهر شود بکشید.

مکان نما را رها کنید، دکمه نرمال به داخل نوار ابزار وارد خواهد شد.

ایجاد یک نوار ابزار جدید

Customize / Toolse را انتخاب نمایید.

هر گاه کادر محاوره“Customize” ظاهر گردید، ابتدا روی برگر Todbars و سپس روی “New” کلیک نمایید.

هر گاه کادر محاوره New   Toolbars ظاهر شد، برای نوار ابزار جدید خود یک نام توصیفی تایپ نموده و روی Ok کلیک کنید.

نوار ابزار جدید در لیست نوارهای ابزار موجود در کادر محاوره Customize ظاهر خواهد شد. همچنین نوار ابزار خودش بر روی Desktop پدیدار می گردد اما از آنجایی که هنوز آیکنی ندارد ریر و کوچک بنظر می رسد.

برای اضافه کردن آیکنها به نوار ابزار جدید روی برگه Commands، از کادر محاوره Customize کلیک نمایید.

رده بندی نرمال را در قاب سمت چپ انتخاب کنید، سپس بر روی یک فرمان در قاب سمت راست کلیک نمایید و آنرا بر روی نوار ابزار جدید خود بکشید؛ آنگاه مکان نمای خود را رها کنید. فرمان مورد نظر در نوار ابزار جدید شما قرار خواهد گرفت.

همان گونه که شما انتخاب و افزایش فرامین را ادامه می دهید، نوار ابزار جدید شما برای تغییر اندازه به اندازه کافی بزرگ خواهد شد. بعد از تمام کار روی Close کلیک کنید. نوار ابزار جدید شما به عنوان یک نوار ابزار مستقل و آزاد (Free standing) ظاهر خواهد شد اما بخاطر داشته باشید که همواره می توانید آن را به کنار پنجره اصلی منتقل نمایید.

نکته: تا بحال احتمالاً شما دریافته اید که سه روش برای رسیدن به کادر محاوره Customize وجود دارد:

الف) View /Todbar/customize

ب) Tods / customize

پ) منوی باز شوی Add or Remere Buttons که در زمان کلیک نمودن بر روی مثلث واقع در انتهاب نوار ابزار ظاهر می گردد.

همه این روش ها به طور مشابه عمل می کنند؛ بنابراین بستگی به انتخاب شما دارد.

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

اگر شما می خواهید که از یک نوار ابزار خلاص شوید( به جای اینکه فقط آن را پنهان کنید). View /Toolbars / Customize را انتخاب نمایید.

هر زمان که کادر محاوره Customize ظاهر گردید، روی نوار ابزار کلیک نمایید که برای حذف در نظر گرفته اید و سپس delete را کلیک کنید.

در هنگام ظهور کادر محاوره هشدار روی OK کلیک نمایید. نوار ابزار از فهرست موجود در کادر محاوره Customize حذف خواهد شد.

 منوها

منوهایی که در قسمت عرض بالای پنجره اصلی FronT Page ظاهر شوند، مستقل از اعمالی که شما انجام می دهید باقی می مانند. با این وجود برخی از منوها مانند Frames تنها زمانی به کار می روند که شما در حال مشاهده یا ویرایش صفحاتی از web باشید که فریم هایی را در برگرفته اید.

منوی FILE: فرامینی که در منوی File یافت می شوند عملکردهای برنامه کاربردی گسترده ای را در بر می گیرند: ایجاد، گشودن، بستن، ذخیره سازی، انتشار و وارد کردن صفحات یا سایتهای web منوی File همچنین به شما امکان می دهد تا تنظیمات چاپ را برقرار کنید تا خصوصیات عمومی FronT Page را تغییر داده یا از برنامه خارج شوید.

منوی EDIT: اغلب فرامین موجود در منوی edit- بجز قسمت پنجم که در برنامه های دیگر قرار دارند مشابه آنها عمل می کنند. آن قسمت به شما امکان می دهد برای جلوگیری از تضادهای نسخه فایل زمانی که بیش از یک نفر بر روی یک سایت web کار می کند، سیستم cheekin /vheekaut را برپا کنید.

منوی VIEW: اغلب فرامینی که در منوی View قرار دارند، کپی آنهایی هستند که با کلیک نمودن آیکن ها در نوار View راه اندازی می شوند. گزینه Toolbar در منو به شما اجازه می دهد تا هر یک از نه نوار ابزار FronT Page را فعال یا غیر فعال کنید.

منوی INSERT: همان طور که از نام آن پیدا است این منو شما را قادر می سازد تا همه چیز را از خطوط انفعالی ، تاریخها، و فوق پیوندها گرفته تا اپلتهای java و اجرای Office 2000 (مانند نمودارها و صفحه های گسترده) را به داخل صفحات web وارد نمایید.

منوی FORMAT: فرامینی که در منوی Format وجود دارند، ظاهر و نمای متن برچسبهای HTML و آنچه را که Themes Front page می نامند کنترل می کنند؛ Themes یا زمینه های Front page، نمای گرافیکی را در سراسر سایت web شما برقرار می نمایند.

منوی Tools: شما را قادر می سازد تا بر روی بسیاری از تنظیمات کلی FronT Page کنترل داشتع باشید، همچنین بخشی از این منو به لغت نامه وفر گفت اصطلاحات FronT Page منتهی می گردد.

منوی TABLE: شما می توانید اغلب فرامین متداول به کار رفته را در منوی TooL بیابید. خواه این فرامین برای اضافه نمودن جداول و کادرها به کار رفته باشد و خواه برای آراستن و مرتب سازی سطرها و ستونهای انفرادی

منوی FRAMES: فرامین موجود در منوی Frames تنها در زمانی قابل دسترسی میباشند که شما یک صفحه حاوی فریمهای HTML را مشاهده نمایید. صفحخات مبتنی بر فریم، توسط فرمان New Ctri+N) Page )ایجاد می شوند.

منوی WiNDOWS: FronT Page به شما اختیار می دهد تا چندین صفحه و سایت وب را به طور همزمان بگشایید. منوی Windows شما را قادر می سازد تا از یک پنجره به پنجره دیگر سوئیچ کنید.

منوی HELP: منوی Help به شما امکان می دهد تا به سیستم راهنمای FronT Page در هر یک از برنامه های Windows دسترسی مستقیم داشته باشد.