بخشی از پاورپوینت
--- پاورپوینت شامل تصاویر میباشد ----
اسلاید 1 :
فهرست
مقدمه 2
تذکرات مهم 3
فسمت های مختلف front page 6
معرفی نرم افزار front page 7
مروری بر فرانت پیج 2003 9
آموزش فرانت پیج ( گذاشتن فایلهای صوتی – تصویری 13
ایجاد bacground (صوتی و تصویری ) 14
پیونددادن صفحات به یکدیگر 15
قرار دادن آهنگ پشت سایت 17
اسلاید 2 :
مقدمه :
چند نکته برای شروع
جهت شروع كار، كاربر بايد قبلاً با اينترنت كار كرده و با ساختار كاركردى آن بطور كامل آشنا باشد، همچنين نمونه صفحاتى را كه دوست دارد بسازد، در ذهن داشته باشد. (فرا گيرانى كه در اين زمينه مشكل دارند مي توانند به جزه آموزشى اينترنت ما نيز مراجعه نمايندبهتر است قبل از كار كردن با برنامه Front Page، با برنامه تايپى Word آشنا شده و كار نموده باشيد. چرا كه اكثر مطالب آنجا مورد نياز بوده و تكرارى است. (فرا گيرانى كه در اين زمينه آشنايی ندارند، مى توانند به جزوه آموزشى Word ما نيز مراجعه نمايند.
) • چون عكس يك قسمت اعظم و مهم كار شما را در اينترنت تشكيل مى دهد، لذا بهتر است شما حداقل كمى با برنامه Photo Shop آشنا باشيد. (ما بطور مختصر اشاره به آن در بخش تصوير گذارى خواهيم کرد
اسلاید 3 :
تذکرات مهم
1)قبل از هر چيزى، نظم در كار حرف اول را جهت موفقيت مى زند لذا قبل از شروع به كار شما بايد بدانيد كه چه كاری مى خواهيد انجام دهيد و به چه چيزهايى نياز داريد.
2)هنگامى كه يك صفحه وب ساخته مى شود معمولا" دارى يك صفحه اصلى (Home Page) به نام ايندكس اچ تي ام ال (index.html) بوده و ساير ملزومات آن يعنى صفحات ديگر و عكسها يا وسايل مورد لزوم در پوشه هاى مربوطه بطور منظم نگهدارى می شوند. لذا براى شروع كار بهتر است شما در بخشى از كامپيوتر خود يك پوشه به نام مثلا" (My Web) ايجاد نموده و درون آن دو پوشه ديگر به نامهاي (docs) و (images) بسازيد
صفحه اول يا اصلى شما درون(My Web) قرار گرفته و بقيه صفحات درون پوشه (docs) و تمامى عكسها درون پوشه (images) ذخيره خواهند شد. اين عمل فقط جهت منظم بودن كار توصيه مى شود و ضمنا" مى توانيد مدارك و فايلهاى يك بخش حجيم و زياد يك اتصال خود را به يك پوشه جداگانه هدايت نموده و ذخيره كنيد، مثلا" مسئوليت آنرا به عهده يك فرد يا گروه خاصى قرار داده و فقط شما آنها را به صفحه اصلى يا index.html آن اتصال دهيد. مثلا" يک يا چند پوشه جداگانه درون My Web که خودشان دارای docs و images و همچنين صفحه اصلی Index جداگانه داشته باشند.
اسلاید 4 :
3)از دادن اسمهاى فارسى به پوشه ها، فايلها، عكسها و اسناد خود جداً خوددارى نماييد چرا كه در اينترنت آنها دچار مشكل شده و قابل دسترسى نخواهند بود
- از نوشتن كاراكترهاى غير مجاز، دادن فاصله هاي زياد بين اسامى و استفاده از حروف بزرگ در نام اسناد و پوشه ها خوددارى كنيد.
- از درست كردن پوشه هاى تو در تو و پيچ در پيچ و با نام بلند خوددارى كنيد و از مخفف كلمات استفاده نماييد
اسلاید 5 :
قسمت های مختلف Front Page
پنجره Front page نيز مانند ساير پنجره هاى windows بوده و شامل
Title Bar
Menu Bar
Tool Bar
Main Window
Status Bar
Scroll Bar
ودر اين برنامه يك ستون اضافى در سمت چپ صفحه اصلى قرار دارد كه View Bar مى باشد و بطور پيش فرض فعال است.
اسلاید 6 :
معرفی نرم افزار فرانت پیج
شرکت مایکروسافت نرم افزار FrontPage را برای طراحی صفحات وب تولید کرده . این نرم افزار در سری برنامه های آفیس Office یافت می شود. برای تهیه صفحات وب ساده مناسب می باشد
در برابر مزایایی که به عنوان یک ادیتور WYSIWYG ، معایبی نیز دارد . توضیح WYSIWYG : این نام برگرفته از سر کلمات What You See Is What You Get به معنای هر آنچه را می بینید همان را دریافت خواهید کرد.
فرانت پیج هم مانند سایر برنامه های طراحی وب دارای سه بخش Normalطراحی ظاهری ، HTML کدهای اچ تی ام الPreview نمایش آنچه طراحی کرده ایدمی باشد . در بخش نرمال آنچه را می بینید طرح ریزی می کنید و در قسمت HTML می توانید در کدهای اچ تی ام ال دست ببرید و نهایتا با Preview کردن به دیدن آنچه طراحی کرده اید تحت IE می پردازید .
اسلاید 7 :
با امکانات و دکمه ها و Optionهای موجود ، بدون اینکه از HTML چیزی بدانید ، صفحه وب مورد نظر خود را طرح می کنید و عناصر گرافیکی ، تصاویر متحرک ، فیلم های فلش و صدای مورد نظر خود را به صفحه اضافه کنید و خود برنامه مقادیر لازم اچ تی ام ال را جایگزین می کند . به همین خاطر کار با این برنامه شما را با محدودیت های زیادی روبرو می کند . همچنین این نرم افزار قابلیت زیادی برای کار با تکنولوژی های نوین تری چون CSS را ندارد . و همچنین صفحات استاندارد مناسبی مطابق معیارهای W3C تولید نمی کند
این نرم افزار یا نرم افزار های شبیه مثل Macromedia DreamWeaver و Adobe GoLive به تنهایی شما را یک طراح وب نمی سازد ، بلکه یک طراح وب حرفه ای باید بتواند خود با کدنویسی و احاطه بر اچ تی ام ال صفحات استاندارد و تمیز و کم حجمی تولید کند . ولی احاطه بر مباحث طراحی وب و اچ تی ام ال می تواند در کنار یک نرم افزار WYSIWYG ، یک صفحه عالی و محبوب ، ایجاد کند .
اسلاید 8 :
مروری بر نرم افزار فرانت پیج 2003: براي عقب نماندن از رقبا مايكروسافت باز هم به سراغ همان روش پيشين رفت. به زودي ليستي از شركت هايي كه نرم افزارهاي طراحي صفحات وب را ارائه مي كردند روي ميز بيل گيتس قرار گرفت تا او يكي از آنها را انتخاب كند. باز هم بيل گيتس نشان داد كه در چنين كارهايي استاد است. در آن زمان كه تعداد برنامه هاي طراحي صفحات WYSIWYG * چندان زياد نبود، بيل گيتس با انتخاب يكي از اين نرم افزارها نشان داد به خوبي از آينده سير توسعه برنامه هاي طراحي صفحات وب آگاه است.
انتخاب مايكروسافت شركت Vermeer Technology بود كه نرم افزار فرانت پيج را با همين نام تهيه كرده بود و به انتظار مشتري براي خريد آن نشسته بود. مايكروسافت نه تنها فرانت پيج را خريد بلكه Vermeer را نيز به صورت كامل خريداري كرد تا متخصصان آن كار بر روي فرانت پيج را ادامه دهند. در آن زمان مايكروسافت كه با فروش ويندوز ۹۵ پول هنگفتي را به دست آورده بود، ديگر محدوديت چنداني براي خريد شركت هاي مختلف حس نمي كرد و حاضر شد ۱۳۰ ميليون دلار براي فرانت پيج و شركت توليد كننده آن بپردازد.
با تمام اين احوالات فرانت پيج هيچگاه نزد طراحان حرفه اي محبوب نبود. دليل آن هم اين بود كه مايكروسافت قصد داشت باز هم سياست هايي كه در مورد ويندوز و ديگر
اسلاید 9 :
افزارهاي خود داشت را نيز به فرانت پيج نيز تعميم بدهد. كدهاي توليدي فرانت پيج در اكثر مواقع با نرم افزارهاي ديگر طراحي وب حرفه اي مانند Dreamweaver همخواني نداشت و وقتي از برنامه هاي آماده آن استفاده مي شد باز هم كدها حتي از طراح صفحه نيز پنهان مي شد. با تمام اين احوال كساني كه در بدو شروع كار طراحي صفحات بودند سراغ فرانت پيج مي رفتند و حتي در برخي مواقع حرفه ها نيز كما بيش از آن استفاده مي كردند.
آنچه مسلم بود اين بود كه طراحان صفحات وب به ابزاري بيش از آنچه فرانت پيج به آنها مي داد احتياج داشتند، به خصوص افرادي كه برنامه نويسي تحت وب را به عنوان كار اصلي خود انتخاب كرده بودند.
نسخه جديد فرانت پيج به ميزان زيادي نسبت به نسخه هاي قديمي خود حرفه اي تر طراحي شده و اگر تمام منتقدان دنيا از نسخه جديد برنامه آفيس انتقاد كنند، بدون شك نمي توانند امكانات جديد و مناسب فرانت پيج ۲۰۰۳ را ناديده بگيرند. مزيت اصلي نسخه جديد به اديتور مخصوص كدنويسي آن برمي گردد. در حقيقت اديتور جديد شباهت انكار ناپذيري به اديتورهاي بسته نرم افزاري Visual Studio .Net دارد. با نوشتن حرف اول كد يك منو به صورت خودكار باز شده و گزينه هاي احتمالي را در دسترس شما قرار مي دهد و به اين ترتيب سرعت كار تا اندازه زيادي بالا مي رود. تمام كدهاي زبانهاي Html، Jscript و VBscript هم اكنون توسط فرانت پيج پشتيباني مي شود. اضافه شدن شماره خط نيز كمك زيادي است براي افرادي كه مشغول رفع اشكالات
اسلاید 10 :
البته تا زماني كه با نرم افزار كار نكنيد به تمامي امكانات آن پي نخواهيد برد. به عنوان مثال هنگامي كه تگ a herf را تايپ مي كنيد به صورت خودكار تگ >/a < توليد مي شود. اما قابليت هاي جديد اديتور به همين جا محدود نمي شود. تگ هاي توليد شده در نهايت مي توانند توسط ابزار جديدي مورد بازبيني قرار گرفته و تگهاي اضافه و خطوط خالي به صورت خودكار حذف شوند.
همانطور كه قبلاً هم ذكر كرديم در نسخه هاي قبلي كدهاي توليد شده در برنامه فرانت پيج با نرم افزارهاي ديگر به ندرت همخواني داشت. براي امتحان اين نقص در فرانت پيج ۲۰۰۳ يك سايت با استفاده از قالب هاي آماده فرانت پيج طراحي كرديم و سپس سايتي در برنامه DreamWeaver باز كرديم. نتيجه بسيار عالي بود، سايت بدون هيچ عيب و نقصي در اين برنامه قابل مشاهده بود. حرفه هاي طراحي وب حتماً از ابزار Layout در نرم افزارهاي گوناگون براي طراحي صفحات زياد استفاده كرده اند. جاي خوشحالي است كه در نسخه جديد فرانت پيج هم ابزار مربوط به لايه ها ديده مي شود. اما به نظر مي رسد اين ابزار هنوز با آنچه از آن انتظار مي رود فاصله دارد.
يكي از اشكالات رايج كه همواره منتقدان مايكروسافت به فرانت پيج وارد مي دانستند اين بود كه اين نرم افزار به عنوان قسمتي از پروژه بزرگ اينترنت اكسپلورر نقش ايفا مي كرد. در اكثر مواقع صفحاتي كه توسط فرانت پيج طراحي شده بود در عين حال كه در IE به طور صحيح نمايش داده مي شد در مرورگرهاي ديگر مانند Opera و يا نت اسكيپ به طرز كاملاً متفاوتي و در پاره اي مواقع بسيار عجيب مشاهده مي شد. اين مشكل اساسي باعث شده بود بسياري از افراد از خير كار كردن با فرانت پيج بگذرند و به سراغ برنامه ديگر بروند.