بخشی از پاورپوینت
اسلاید 1 :
موضوع
Front page
اسلاید 6 :
قسمت های مختلف Front Page
پنجره Front page نيز مانند ساير پنجره هاى windows بوده و شامل
Title Bar
Menu Bar
Tool Bar
Main Window
Status Bar
Scroll Bar
ودر اين برنامه يك ستون اضافى در سمت چپ صفحه اصلى قرار دارد كه View Bar مى باشد و بطور پيش فرض فعال است.
اسلاید 7 :
معرفی نرم افزار فرانت پیج
شرکت مایکروسافت نرم افزار FrontPage را برای طراحی صفحات وب تولید کرده . این نرم افزار در سری برنامه های آفیس Office یافت می شود. برای تهیه صفحات وب ساده مناسب می باشد
در برابر مزایایی که به عنوان یک ادیتور WYSIWYG ، معایبی نیز دارد . توضیح WYSIWYG : این نام برگرفته از سر کلمات What You See Is What You Get به معنای هر آنچه را می بینید همان را دریافت خواهید کرد. فرانت پیج هم مانند سایر برنامه های طراحی وب دارای سه بخش Normalطراحی ظاهری ، HTML کدهای اچ تی ام الPreview نمایش آنچه طراحی کرده ایدمی باشد . در بخش نرمال آنچه را می بینید طرح ریزی می کنید و در قسمت HTML می توانید در کدهای اچ تی ام ال دست ببرید و نهایتا با Preview کردن به دیدن آنچه طراحی کرده اید تحت IE می پردازید .
اسلاید 8 :
با امکانات و دکمه ها و Optionهای موجود ، بدون اینکه از HTML چیزی بدانید ، صفحه وب مورد نظر خود را طرح می کنید و عناصر گرافیکی ، تصاویر متحرک ، فیلم های فلش و صدای مورد نظر خود را به صفحه اضافه کنید و خود برنامه مقادیر لازم اچ تی ام ال را جایگزین می کند . به همین خاطر کار با این برنامه شما را با محدودیت های زیادی روبرو می کند . همچنین این نرم افزار قابلیت زیادی برای کار با تکنولوژی های نوین تری چون CSS را ندارد . و همچنین صفحات استاندارد مناسبی مطابق معیارهای W3C تولید نمی کند
این نرم افزار یا نرم افزار های شبیه مثل Macromedia DreamWeaver و Adobe GoLive به تنهایی شما را یک طراح وب نمی سازد ، بلکه یک طراح وب حرفه ای باید بتواند خود با کدنویسی و احاطه بر اچ تی ام ال صفحات استاندارد و تمیز و کم حجمی تولید کند . ولی احاطه بر مباحث طراحی وب و اچ تی ام ال می تواند در کنار یک نرم افزار WYSIWYG ، یک صفحه عالی و محبوب ، ایجاد کند .
اسلاید 9 :
مروری بر نرم افزار فرانت پیج 2003: براي عقب نماندن از رقبا مايكروسافت باز هم به سراغ همان روش پيشين رفت. به زودي ليستي از شركت هايي كه نرم افزارهاي طراحي صفحات وب را ارائه مي كردند روي ميز بيل گيتس قرار گرفت تا او يكي از آنها را انتخاب كند. باز هم بيل گيتس نشان داد كه در چنين كارهايي استاد است. در آن زمان كه تعداد برنامه هاي طراحي صفحات WYSIWYG * چندان زياد نبود، بيل گيتس با انتخاب يكي از اين نرم افزارها نشان داد به خوبي از آينده سير توسعه برنامه هاي طراحي صفحات وب آگاه است.
انتخاب مايكروسافت شركت Vermeer Technology بود كه نرم افزار فرانت پيج را با همين نام تهيه كرده بود و به انتظار مشتري براي خريد آن نشسته بود. مايكروسافت نه تنها فرانت پيج را خريد بلكه Vermeer را نيز به صورت كامل خريداري كرد تا متخصصان آن كار بر روي فرانت پيج را ادامه دهند. در آن زمان مايكروسافت كه با فروش ويندوز ۹۵ پول هنگفتي را به دست آورده بود، ديگر محدوديت چنداني براي خريد شركت هاي مختلف حس نمي كرد و حاضر شد ۱۳۰ ميليون دلار براي فرانت پيج و شركت توليد كننده آن بپردازد. با تمام اين احوالات فرانت پيج هيچگاه نزد طراحان حرفه اي محبوب نبود. دليل آن هم اين بود كه مايكروسافت قصد داشت باز هم سياست هايي كه در مورد ويندوز و ديگر
اسلاید 10 :
افزارهاي خود داشت را نيز به فرانت پيج نيز تعميم بدهد. كدهاي توليدي فرانت پيج در اكثر مواقع با نرم افزارهاي ديگر طراحي وب حرفه اي مانند Dreamweaver همخواني نداشت و وقتي از برنامه هاي آماده آن استفاده مي شد باز هم كدها حتي از طراح صفحه نيز پنهان مي شد. با تمام اين احوال كساني كه در بدو شروع كار طراحي صفحات بودند سراغ فرانت پيج مي رفتند و حتي در برخي مواقع حرفه ها نيز كما بيش از آن استفاده مي كردند.
آنچه مسلم بود اين بود كه طراحان صفحات وب به ابزاري بيش از آنچه فرانت پيج به آنها مي داد احتياج داشتند، به خصوص افرادي كه برنامه نويسي تحت وب را به عنوان كار اصلي خود انتخاب كرده بودند.
نسخه جديد فرانت پيج به ميزان زيادي نسبت به نسخه هاي قديمي خود حرفه اي تر طراحي شده و اگر تمام منتقدان دنيا از نسخه جديد برنامه آفيس انتقاد كنند، بدون شك نمي توانند امكانات جديد و مناسب فرانت پيج ۲۰۰۳ را ناديده بگيرند. مزيت اصلي نسخه جديد به اديتور مخصوص كدنويسي آن برمي گردد. در حقيقت اديتور جديد شباهت انكار ناپذيري به اديتورهاي بسته نرم افزاري Visual Studio .Net دارد. با نوشتن حرف اول كد يك منو به صورت خودكار باز شده و گزينه هاي احتمالي را در دسترس شما قرار مي دهد و به اين ترتيب سرعت كار تا اندازه زيادي بالا مي رود. تمام كدهاي زبانهاي Html، Jscript و VBscript هم اكنون توسط فرانت پيج پشتيباني مي شود. اضافه شدن شماره خط نيز كمك زيادي است براي افرادي كه مشغول رفع اشكالات
اسلاید 11 :
البته تا زماني كه با نرم افزار كار نكنيد به تمامي امكانات آن پي نخواهيد برد. به عنوان مثال هنگامي كه تگ a herf را تايپ مي كنيد به صورت خودكار تگ >/a < توليد مي شود. اما قابليت هاي جديد اديتور به همين جا محدود نمي شود. تگ هاي توليد شده در نهايت مي توانند توسط ابزار جديدي مورد بازبيني قرار گرفته و تگهاي اضافه و خطوط خالي به صورت خودكار حذف شوند.
همانطور كه قبلاً هم ذكر كرديم در نسخه هاي قبلي كدهاي توليد شده در برنامه فرانت پيج با نرم افزارهاي ديگر به ندرت همخواني داشت. براي امتحان اين نقص در فرانت پيج ۲۰۰۳ يك سايت با استفاده از قالب هاي آماده فرانت پيج طراحي كرديم و سپس سايتي در برنامه DreamWeaver باز كرديم. نتيجه بسيار عالي بود، سايت بدون هيچ عيب و نقصي در اين برنامه قابل مشاهده بود. حرفه هاي طراحي وب حتماً از ابزار Layout در نرم افزارهاي گوناگون براي طراحي صفحات زياد استفاده كرده اند. جاي خوشحالي است كه در نسخه جديد فرانت پيج هم ابزار مربوط به لايه ها ديده مي شود. اما به نظر مي رسد اين ابزار هنوز با آنچه از آن انتظار مي رود فاصله دارد. يكي از اشكالات رايج كه همواره منتقدان مايكروسافت به فرانت پيج وارد مي دانستند اين بود كه اين نرم افزار به عنوان قسمتي از پروژه بزرگ اينترنت اكسپلورر نقش ايفا مي كرد. در اكثر مواقع صفحاتي كه توسط فرانت پيج طراحي شده بود در عين حال كه در IE به طور صحيح نمايش داده مي شد در مرورگرهاي ديگر مانند Opera و يا نت اسكيپ به طرز كاملاً متفاوتي و در پاره اي مواقع بسيار عجيب مشاهده مي شد. اين مشكل اساسي باعث شده بود بسياري از افراد از خير كار كردن با فرانت پيج بگذرند و به سراغ برنامه ديگر بروند.
اسلاید 12 :
در نسخ جديد به دليل تغيير شيوه توليد كد توسط برنامه اين مشكل تا حد زيادي بر طرف شده. برنامه به صورت خودكار مرورگرهاي نصب شده بر روي رايانه شما را پيدا مي كند و تمام آنها را با دقت هاي صفحه نمايش هاي متفاوت بر روي سيستم آزمايش مي كند . شما حتي مي توانيد با فشار يك كليد سايت خود را به طور همزمان بر روي چند مرورگر مختلف مشاهده كنيد و همه مي دانيم اين حداقل امكاناتي بود كه مايكروسافت بايد مدتها پيش آن را بر روي نرم افزار خود ايجاد مي كرد.
به طور كلي بايد گفت فرانت پيج با نسخه هاي قبلي خود تفاوت فاحشي داشته است.
اگر شما جزو آن دسته از افراد بوديد كه به تمام ريزه كاري هاي اين نرم افزار آشنا بوديد و يا آن را تدريس مي كرديد بايد بگويم با ورود نسخه جديد بايد آنچه مي دانستيد را فراموش كنيد و با ذهنيت جديد سراغ نسخه ۲۰۰۳ برويد.سايت رسمي فرانت پيج مانند هميشه مملو از مقالات و ابزارهاي بسيار جالب براي علاقمندان است.
اسلاید 13 :
آموزش فرانت پیج(گذاشتن فایلهای صوتی،تصویری)
گذاشتن انواع فرمتهای صوتی و تصویری وswf
برای این کار باید در منوی insert گزینه Web component را انتخاب کنید ,یا درصفحه اصلی front page بر روی گزینه web component کلیک کنید.
بعد از انتخاب این گزینه صفحه زیر نمایان می شود.
بعد در منوی سمت چپ گزینه Advanced controls را پیدا کنید و روی آن کلیک کنید تا منوی سمت راست آن ظاهر شود و در منوی سمت راست گزینه plug-In را انتخاب کنید و بعد finish را بزنید تا منوی زیر ظاهر شود.
اسلاید 14 :
بعد در قسمت Data source آدرس موزیک یا فایل تصویری خود را بنویسید.
ایحاد Background تصویر و صدا و پیوند زدن (Link)
ایجاد یک back ground برای صفحه وب:
روی صفحه رایت کلیک کنید وسپس page properties را انتخاب نمایید ، در صفحه back ground-page properties را انتخاب کرده و در قسمت پایین صفحه رنگ back ground را انتخاب کنیید.
اسلاید 15 :
اگر می خواهید برای back ground وب سایت خود از عکس استفاده نمایید در همان صفحه back ground picture را تیک زده و با آدرس دادن عکس
مورد نظر را انتخاب کنِید
پیوند دادن صفحات به یکدیگر:
شما می توانید نوشته(text) عکس و. را به وسیله link کردن به صفحات دیگر پیوند دهید برای این کار کافی است که عکس یا نوشته را انتخاب کنید وسپس از نوار ابزار استاندارد insert hyper link را انتخاب نمایید.
اسلاید 16 :
پس از انجام این کار صفحه insert hyper link باز می شود و شما می توانید با آدرس دادن نوشته و یا عکس را به هر چیز که می خواهید پیوند دهید (می توانِد آن را به عکس یا فایلهای صوتی و یا تصویری و یا به هر چیز دیگری پیوند دهید اگر آن فایل که عکس یا نوشته به آن پیوند داده شده است قابل اجرا شدن به صورت online باشد اجرا خواهد شد در غیر این صورت از کاربر پرسیده خواهد شد که آیا مایل به دانلود کردن آن است یا خیر
( اگر به فایلهای pdf.* پیوند دهید آن را مانند یک صفحه وب باز می کند)
برای لینک کردن قسمتهای مختلف یک عکس به صفحات مختلف:
با استفاده از این روش می توانید به زیبایی وب سایت خود بیفزایید . برای انجام این کار باید ابتدا عکس مورد نظر را انتخاب کنید و سپس در نوار ابزار hotspot-picture را انتخاب کنید .
اسلاید 17 :
بعد از انجام این کار اگر نشانکر ماوس را روی عکس مورد نظر ببرید به شکل یک مداد نمایان خواهد شد ، شما می توانید قسمت مورد نظر را انتخاب کنید بعد از انجام این کار به صورت خودکار insert hyper link باز خواهد شد و شما می توانید با آدرس دادن صفحه و یا فایل مورد نظر را انتخاب کنید.
قرار دادن آهنگ پشت سایت:
با انجام این کار در هر بار باز شدن صفحه مورد نظر آهنگی که شما انتخاب کرده اید پخش می شود و در صورت بستن یا Minimize کردن قطع می گردد .
همان طور که دوستان در بخش نظرات درخواست کرده بودند شروع مي کنيم به آموزش فرنت پيج از ابتدا. در اولين مقاله تنها اين برنامه را معرفي و با بخش هاي آن آشنا مي شويم.
بعد از مقالات مبتدي وارد مقالات قوي تر مي شويم و سعي مي کنيم کار با فرانت پيج را به صورت حرفه اي ياد بگيريم.
