پاورپوینت کامل نرم‌افزار FrontPage و تحلیل علمی اصول طراحی صفحات وب و کاربردهای آموزشی

توجه : این پروژه به صورت فایل power point (پاور پوینت) ارائه میگردد

 پاورپوینت کامل نرم‌افزار FrontPage و تحلیل علمی اصول طراحی صفحات وب و کاربردهای آموزشی دارای ۱۷ اسلاید می باشد و دارای تنظیمات کامل در Power Point می باشد و آماده پرینت یا چاپ است

فایل پاور پوینت پاورپوینت کامل نرم‌افزار FrontPage و تحلیل علمی اصول طراحی صفحات وب و کاربردهای آموزشی  کاملا فرمت بندی و تنظیم شده در استاندارد دانشگاه  و مراکز دولتی می باشد.

لطفا به نکات زیر در هنگام خرید

دانلود پاورپوینت Front page

توجه فرمایید.

۱-در این مطلب، متن اسلاید های اولیه 

دانلود پاورپوینت Front page

قرار داده شده است

۲-به علت اینکه امکان درج تصاویر استفاده شده در پاورپوینت وجود ندارد،در صورتی که مایل به دریافت  تصاویری از ان قبل از خرید هستید، می توانید با پشتیبانی تماس حاصل فرمایید

۳-پس از پرداخت هزینه ، حداکثر طی ۱۲ ساعت پاورپوینت خرید شده ، به ادرس ایمیل شما ارسال خواهد شد

۴-در صورت  مشاهده  بهم ریختگی احتمالی در متون زیر ،دلیل ان کپی کردن این مطالب از داخل اسلاید ها میباشد ودر فایل اصلی این پاورپوینت،به هیچ وجه بهم ریختگی وجود ندارد

۵-در صورتی که اسلاید ها داری جدول و یا عکس باشند در متون زیر قرار داده نشده است

بخشی از متن پاورپوینت کامل نرم‌افزار FrontPage و تحلیل علمی اصول طراحی صفحات وب و کاربردهای آموزشی :

اسلاید ۱ :

فهرست

مقدمه                                                                                                                                                                ۲

تذکرات مهم                                                                                                                                                     ۳

فسمت های مختلف front page                                                                                                                  ۶

معرفی نرم افزار front page                                                                                                                      ۷

مروری بر فرانت پیج ۲۰۰۳                                                                                                                            ۹

آموزش فرانت پیج ( گذاشتن  فایلهای صوتی – تصویری                                                                        ۱۳                             

ایجاد bacground  (صوتی و تصویری )                                                                                                  ۱۴

پیونددادن صفحات به یکدیگر                                                                                                                      ۱۵

قرار دادن آهنگ پشت سایت                                                                                                                       ۱۷

اسلاید ۲ :

مقدمه :

چند نکته برای شروع 

جهت شروع کار، کاربر باید قبلاً با اینترنت کار کرده و با ساختار کارکردى آن بطور کامل آشنا باشد، همچنین نمونه صفحاتى را که دوست دارد بسازد، در ذهن داشته باشد. (فرا گیرانى که در این زمینه مشکل دارند می توانند به جزه آموزشى اینترنت ما نیز مراجعه نمایندبهتر است قبل از کار کردن با برنامه Front Page، با برنامه تایپى Word آشنا شده و کار نموده باشید. چرا که اکثر مطالب آنجا مورد نیاز بوده و تکرارى است. (فرا گیرانى که در این زمینه آشنایی ندارند، مى توانند به جزوه آموزشى Word ما نیز مراجعه نمایند.

) • چون عکس یک قسمت اعظم و مهم کار شما را در اینترنت تشکیل مى دهد، لذا بهتر است شما حداقل کمى با برنامه Photo Shop آشنا باشید. (ما بطور مختصر اشاره به آن در بخش تصویر گذارى خواهیم کرد

اسلاید ۳ :

تذکرات مهم 

۱)قبل از هر چیزى، نظم در کار حرف اول را جهت موفقیت مى زند لذا قبل از شروع به کار شما باید بدانید که چه کاری مى خواهید انجام دهید و به چه چیزهایى نیاز دارید. 

۲)هنگامى که یک صفحه وب ساخته مى شود معمولا” دارى یک صفحه اصلى (Home Page) به نام ایندکس اچ تی ام ال (index.html) بوده و سایر ملزومات آن یعنى صفحات دیگر و عکسها یا وسایل مورد لزوم در پوشه هاى مربوطه بطور منظم نگهدارى می شوند. لذا براى شروع کار بهتر است شما در بخشى از کامپیوتر خود یک پوشه به نام مثلا” (My Web) ایجاد نموده و درون آن دو پوشه دیگر به نامهای (docs) و (images) بسازید

صفحه اول یا اصلى شما درون(My Web) قرار گرفته و بقیه صفحات درون پوشه (docs) و تمامى عکسها درون پوشه (images) ذخیره خواهند شد. این عمل فقط جهت منظم بودن کار توصیه مى شود و ضمنا” مى توانید مدارک و فایلهاى یک بخش حجیم و زیاد یک اتصال خود را به یک پوشه جداگانه هدایت نموده و ذخیره کنید، مثلا” مسئولیت آنرا به عهده یک فرد یا گروه خاصى قرار داده و فقط شما آنها را به صفحه اصلى یا index.html آن اتصال دهید. مثلا” یک یا چند پوشه جداگانه درون My Web که خودشان دارای docs و images و همچنین صفحه اصلی Index جداگانه داشته باشند. 

اسلاید ۴ :

۳)از دادن اسمهاى فارسى به پوشه ها، فایلها، عکسها و اسناد خود جداً خوددارى نمایید چرا که در اینترنت آنها دچار مشکل شده و قابل دسترسى نخواهند بود

• از نوشتن کاراکترهاى غیر مجاز، دادن فاصله های زیاد بین اسامى و استفاده از حروف بزرگ در نام اسناد و پوشه ها خوددارى کنید. 
• از درست کردن پوشه هاى تو در تو و پیچ در پیچ و با نام بلند خوددارى کنید و از مخفف کلمات استفاده نمایید

اسلاید ۵ :

قسمت های مختلف Front Page 
پنجره Front page نیز مانند سایر پنجره هاى windows بوده و شامل

Title Bar
Menu Bar 
Tool Bar 
Main Window 
Status Bar 
Scroll Bar 
ودر این برنامه یک ستون اضافى در سمت چپ صفحه اصلى قرار دارد که View Bar مى باشد و بطور پیش فرض فعال است.

اسلاید ۶ :

معرفی نرم افزار فرانت پیج

شرکت مایکروسافت نرم افزار FrontPage را برای طراحی صفحات وب تولید کرده . این نرم افزار در سری برنامه های آفیس Office یافت می شود. برای تهیه صفحات وب ساده مناسب می باشد

در برابر مزایایی که به عنوان یک ادیتور WYSIWYG ، معایبی نیز دارد . توضیح WYSIWYG : این نام برگرفته از سر کلمات What You See Is What You Get به معنای هر آنچه را می بینید همان را دریافت خواهید کرد.
فرانت پیج هم مانند سایر برنامه های طراحی وب دارای سه بخش Normalطراحی ظاهری ، HTML کدهای اچ تی ام الPreview نمایش آنچه طراحی کرده ایدمی باشد . در بخش نرمال آنچه را می بینید طرح ریزی می کنید و در قسمت HTML می توانید در کدهای اچ تی ام ال دست ببرید و نهایتا با Preview کردن به دیدن آنچه طراحی کرده اید تحت IE می پردازید .

اسلاید ۷ :

با امکانات و دکمه ها و Optionهای موجود ، بدون اینکه از HTML چیزی بدانید ، صفحه وب مورد نظر خود را طرح می کنید و عناصر گرافیکی ، تصاویر متحرک ، فیلم های فلش و صدای مورد نظر خود را به صفحه اضافه کنید و خود برنامه مقادیر لازم اچ تی ام ال را جایگزین می کند . به همین خاطر کار با این برنامه شما را با محدودیت های زیادی روبرو می کند . همچنین این نرم افزار قابلیت زیادی برای کار با تکنولوژی های نوین تری چون CSS را ندارد . و همچنین صفحات استاندارد مناسبی مطابق معیارهای W3C تولید نمی کند

این نرم افزار یا نرم افزار های شبیه مثل Macromedia DreamWeaver و Adobe GoLive به تنهایی شما را یک طراح وب نمی سازد ، بلکه یک طراح وب حرفه ای باید بتواند خود با کدنویسی و احاطه بر اچ تی ام ال صفحات استاندارد و تمیز و کم حجمی تولید کند . ولی احاطه بر مباحث طراحی وب و اچ تی ام ال می تواند در کنار یک نرم افزار WYSIWYG ، یک صفحه عالی و محبوب ، ایجاد کند .

اسلاید ۸ :

 مروری بر نرم افزار فرانت پیج ۲۰۰۳: برای عقب نماندن از رقبا مایکروسافت باز هم به سراغ همان روش پیشین رفت. به زودی لیستی از شرکت هایی که نرم افزارهای طراحی صفحات وب را ارائه می کردند روی میز بیل گیتس قرار گرفت تا او یکی از آنها را انتخاب کند. باز هم بیل گیتس نشان داد که در چنین کارهایی استاد است. در آن زمان که تعداد برنامه های طراحی صفحات  WYSIWYG * چندان زیاد نبود، بیل گیتس با انتخاب یکی از این نرم افزارها نشان داد به خوبی از آینده سیر توسعه برنامه های طراحی صفحات وب آگاه است.

انتخاب مایکروسافت شرکت  Vermeer Technology بود که نرم افزار فرانت پیج را با همین نام تهیه کرده بود و به انتظار مشتری برای خرید آن نشسته بود. مایکروسافت نه تنها فرانت پیج را خرید بلکه  Vermeer را نیز به صورت کامل خریداری کرد تا متخصصان آن کار بر روی فرانت پیج را ادامه دهند. در آن زمان مایکروسافت که با فروش ویندوز  ۹۵  پول هنگفتی را به دست آورده بود، دیگر محدودیت چندانی برای خرید شرکت های مختلف حس نمی کرد و حاضر شد  ۱۳۰  میلیون دلار برای فرانت پیج و شرکت تولید کننده آن بپردازد.
با تمام این احوالات فرانت پیج هیچگاه نزد طراحان حرفه ای محبوب نبود. دلیل آن هم این بود که مایکروسافت قصد داشت باز هم سیاست هایی که در مورد ویندوز و دیگر

اسلاید ۹ :

افزارهای خود داشت را نیز به فرانت پیج نیز تعمیم بدهد. کدهای تولیدی فرانت پیج در اکثر مواقع با نرم افزارهای دیگر طراحی وب حرفه ای مانند  Dreamweaver  همخوانی نداشت و وقتی از برنامه های آماده آن استفاده می شد باز هم کدها حتی از طراح صفحه نیز پنهان می شد. با تمام این احوال کسانی که در بدو شروع کار طراحی صفحات بودند سراغ فرانت پیج می رفتند و حتی در برخی مواقع حرفه ها نیز کما بیش از آن استفاده می کردند.

آنچه مسلم بود این بود که طراحان صفحات وب به ابزاری بیش از آنچه فرانت پیج به آنها می داد احتیاج داشتند، به خصوص افرادی که برنامه نویسی تحت وب را به عنوان کار اصلی خود انتخاب کرده بودند.
نسخه جدید فرانت پیج به میزان زیادی نسبت به نسخه های قدیمی خود حرفه ای تر طراحی شده و اگر تمام منتقدان دنیا از نسخه جدید برنامه آفیس انتقاد کنند، بدون شک نمی توانند امکانات جدید و مناسب فرانت پیج  ۲۰۰۳  را نادیده بگیرند. مزیت اصلی نسخه جدید به ادیتور مخصوص کدنویسی آن برمی گردد. در حقیقت ادیتور جدید شباهت انکار ناپذیری به ادیتورهای بسته نرم افزاری  Visual Studio .Net دارد. با نوشتن حرف اول کد یک منو به صورت خودکار باز شده و گزینه های احتمالی را در دسترس شما قرار می دهد و به این ترتیب سرعت کار تا اندازه زیادی بالا می رود. تمام کدهای زبانهای  Html، Jscript و  VBscript   هم اکنون توسط فرانت پیج پشتیبانی می شود. اضافه شدن شماره خط نیز کمک زیادی است برای افرادی که مشغول رفع اشکالات

اسلاید ۱۰ :

البته تا زمانی که با نرم افزار کار نکنید به تمامی امکانات آن پی نخواهید برد. به عنوان مثال هنگامی که تگ  a herf را تایپ می کنید به صورت خودکار تگ  >/a < تولید می شود. اما قابلیت های جدید ادیتور به همین جا محدود نمی شود. تگ های تولید شده در نهایت می توانند توسط ابزار جدیدی مورد بازبینی قرار گرفته و تگهای اضافه و خطوط خالی به صورت خودکار حذف شوند.
همانطور که قبلاً هم ذکر کردیم در نسخه های قبلی کدهای تولید شده در برنامه فرانت پیج با نرم افزارهای دیگر به ندرت همخوانی داشت. برای امتحان این نقص در فرانت پیج  ۲۰۰۳  یک سایت با استفاده از قالب های آماده فرانت پیج طراحی کردیم و سپس سایتی در برنامه  DreamWeaver باز کردیم. نتیجه بسیار عالی بود، سایت بدون هیچ عیب و نقصی در این برنامه قابل مشاهده بود. حرفه های طراحی وب حتماً از ابزار  Layout در نرم افزارهای گوناگون برای طراحی صفحات زیاد استفاده کرده اند. جای خوشحالی است که در نسخه جدید فرانت پیج هم ابزار مربوط به لایه ها دیده می شود. اما به نظر می رسد این ابزار هنوز با آنچه از آن انتظار می رود فاصله دارد.
یکی از اشکالات رایج که همواره منتقدان مایکروسافت به فرانت پیج وارد می دانستند این بود که این نرم افزار به عنوان قسمتی از پروژه بزرگ اینترنت اکسپلورر نقش ایفا می کرد. در اکثر مواقع صفحاتی که توسط فرانت پیج طراحی شده بود در عین حال که در  IE به طور صحیح نمایش داده می شد در مرورگرهای دیگر مانند  Opera و یا نت اسکیپ به طرز کاملاً متفاوتی و در پاره ای مواقع بسیار عجیب مشاهده می شد. این مشکل اساسی باعث شده بود بسیاری از افراد از خیر کار کردن با فرانت پیج بگذرند و به سراغ برنامه دیگر بروند.