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

دسته: فنی و مهندسی

فرمت فایل: doc

حجم فایل: 62 کیلوبایت

تعداد صفحات فایل: 39

پروژه طراحی یک وب سایت در 126 صفحه ورد قابل ویرایش

فهرست مطالب

عنوان صفحه

چکیده

مقدمه

اصول اولیه 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:

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

پنجره اصلی 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 مراحل را تکرار کنید.

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

1- برای اضافه کردن یک صوت یا گرافیک سفارشی به یک دکمه، روی هر یک از دکمه های Hover کلیک نمایید تا به کادر محاوره Hover Button properties دسترسی یابید.

2- روی دکمه custom در گوشه سمت راست پایین کادر کلیک کنید

3- هر گاه کادر محاوره custom باز شد از دکمه های Browse برای رهیابی به فایل مقتضنی استفاده کنید به مجرد یافتن فایل روی ok در کادر محاوره custom کلیک کنید.

4- به prepview تغییر مکان دهید و مکان نمای خود را برای بررسی صوت یا گرافیک سفارشی دکمه روی آن ببرید.

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

گاهی سادهترین روش برای اشاره به یک پیوند گمشده یا تجزیه و تحلیل پیوندهایی که شما قبلاً ایجاد کرده اید استفاده از نمای Hyper liks در Fornt page می باشد.

هر یک از انواع پیوندهای صفحه، توسط یک آیکن متمایز علامت گذاری می شوند که بدین وسیله مرور و بررسی آنها آسان می گردد آیا مایلید برای یکی از صفحات جانبی که در نمای فراپیوند ظاهر می شود نگاه سریعی به پیوندها داشته باشید؟

علایم ( با علامت مثبت) پیوندهای مربوط به خود صفحات را نشان می دهند.

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

view > Hyper Links را انتخاب نموده و یا روی آیکن Hyper Link در نوار view کلیک کنید. نمای فرا پیوندها در قاب سمت راست به همراه صفحه جاری در مرکز ظاهر می گردد.

بررسی پیوندها بر روی یک صفحه کلید

اگر می خواهید پیوندهای یک صفحه را روی بخشی از نمای فراپیوندها مشاهده کنید روی آن راست کلیک نموده و Move To center را از منوی میانبر انتخاب کنید صفحه جانبی به مرکز نمایش جهش نموده و تمام پیوندهای آن را نشان خواهد داد.

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

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

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

1- با کلیک بر روی آیکن page در قاب view مطمئن شوید که در نمای صفحه قرار دارید و سپس در بالای صفحه جایی که برای نوار رهیابی می خواهید کلیک نمایید

2- Insert > Naviga tion Bar را انتخاب کنید.

3- هر گاه کادر محاوره Navigation Bar properties ظاهر گردید گزینه های خود را اعمال نموده و روی ok کلیک کنید. نوار رهیابی در صفحه ظاهر خواهد شد

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

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

view > Hyper Links را انتخاب نموده و یا روی آیکن Hyper link در نوار view کلیک کنید. نمای فرا پیوندها در قاب سمت راست به همراه صفحه جاری در مرکز ظاهر می گردد

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

اگر می خواهید پیوندهای یک صفحه را روی بخشی از نمای فراپیوند مشاهده کنید روی آن راست کلیک نموده و Movr To center را از منوی میانبر انتخاب کنید صفحه جانبی به مرکز نمایش جهش نموده و تمام پیوندهای آن را نشان خواهد داد.

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

نوارهای رهیابی معمولاً در سراسر یک سایت web به اشتراک گذارده می شود. با این وجود گاهی ایجاد یک نوار رهیابی برای یک صفحه یا مجموعه محدودی از صفحات مفید است.

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

1- با کلیک بر روی آیکن page در قاب view مطمئن شوید که در نمای صفحه قرار دارید و سپس در بالای صفحه جایی که برای نوار رهیابی می خواهید کلیک نمایید

2- Insert > Naviga tion Bar را انتخاب کنید

3- هر گاه کادر محاوره properties Naviga tion Bar ظاهر گردید گزینه های خود را اعمال نموده و روی ok کلیک کنید. نوار رهیابی در صفحه ظاهر خواهد شد

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

1-روی نوار رهیابی راست کلیک کرده و گزینه properties Navigation Bar را از منوی میانبر انتخاب کنید

2-هر گاه کادر محاوره properties Navigation Bar ظاهر گردید گزینه های خود را اعمال نموده و روی ok کلیک کنید تغییرات بر روی نوار رهیابی صفحه جاری اعمال خواهد شد

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

روی نوار رهیابی راست کلیک کرده و cut را از منوی میانبر انتخاب کنید نوار حذف خواهد شد

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

در مرحله نسبتاً مشکل هنوز باقی است تا بتوانید به طور واقعی فایل های محلی خود را بر روی یک سایت وب کپی کنید ابتدا از Front page برای تجزیه صفحات استفاده نمایید تا در صورت وجود مشکل همانند فوق پیوندهای منفصل یا فایل هایی که آهسته Downlond می شوند از آنها آگاهی می یابید و سپس در هر صفحه توسط یک مرور گروب نمای ظاهری و پیوندها را بررسی کنید

هر گاه شما برای انتشار آمادگی پیدا کردید باید یک (Internet service provider) Tsp یا (web) Web presence provider یا تنظیم شده برای میزبانی سایت خود را در اختیار بگیرید مگر این که فایل ها را به یک سایت اینترنت داخلی کپی کنید مرور وب مربوط به Isp برای این که ویژگی های اساسی سایت وب شما صحیح کار کنید

نیازی به Fornt page server Entensions ندارد.

با این وجود برخی از خصوصیات پیشرفته و پرسه و صدای Front page در دسترس نخواهد بود مگر این که ضمائم و ملحقات روی سر در نصب شده باشند تفاوت موجود شبیه خریدن یک ماشین ابتدایی یا موردی است که ویژگی های زیادی بر روی آن قرار دارند هر دوی آن ها شما را به مکان مورد نظرتان می برند اما مطمئناً آن که دارای دستگاه پخش CD است مطلوب تر می باشد

خصوصیاتی از Front page که برای فعالیت و عملکرد به ملحقات (Extensions) نیاز دارند اغلب گردانندگان فرم سفارشی و بسیاری از اجزای موجود در منوی Insert را در بر میگیرد. ملحقک به عنوان مترجمی میان سایت وب شما و سروروب عمل می کنند بر روی دیسک نصب Front page موجود هستند همچنین آنها می توان به شکل رایگان از www. Microsoft .com/ Front page /Download نمود.

عبارات کلیدی

  • پروژه طراحی یک وب سایت
  • پایان نامه طراحی یک وب سایت
  • مقاله طراحی یک وب سایت
  • پروژه طراحی یک وب سایت
  • تحقیق طراحی یک وب سایت
  • دانلود پروژه طراحی یک وب سایت