آموزش كاربردي Expression Web

[TAHA]

(بخش اول)

مقدمه

امروزه صنعت طراحی وب در ایران و دیگر کشور ها در اندیشه پیشرفت و پیمودن راه های ترقی برای دستیابی به وب سایت های مکانیزه است. در واقع تمامی شرکت های نرم افزاری پتانسیل خود را بر روی تولید نرم افزارهای پیشرفته در امر طراحی وب متمرکز نموده اند تا بتوانند برای مدتی طولانی امپراطوری نرم افزار های وب را در دست بگیرند. از سال 1994 تا به حال شرکت مایکروسافت با عرضه بسته نرم افزاری فرانت پیج و با کسب 7 جایزه بین المللی به عنوان بهترین تولید کننده ابزار وب توانسته بود جای خود را در میان کاربران بیابد و به واقع خود را یکی از قدرتمندترین های دنیای وب بداند. در پایان سال 2006 میلادی شرکت مایکروسافت با انتشار خبری مبنی بر منسوخ شدن نرم افزار فرانت پیج خبر از انتشار دو برنامه جایگزین داد که در بسته های آفیس 2007 قابل دسترس خواهند بود. در واقع شرکت مایکروسافت با این کار خود پرونده این نرم افزار محبوب را بست و دو برنامه Office SharePoint Designer 2007 و Expression Web را منتشر نمود تا رقابتی تازه و نو را میان رقبای خود به راه بیاندازد. این دو محصول مایکروسافت شاید در ابتدا با برخورد مناسبی از سوی عامه مردم و طراحان مواجه نشد اما با گذشت زمان و استفاده و گسترش این نرم افزار همه به این نکته پی بردند که این عمل از سوی مایکروسافت نه تنها به ضرر آن ها نبوده بلکه در جهت تخصصی تر کردن امور طراحی وب و مکانیزه کردن آن بوده است. هدف مایکروسافت از تجزیه این نرم افزار به دو برنامه واحد جداسازی بین نرم افزارهای طراحی پیشرفته و مبتدی است. در واقع SharePoint Designer نرم افزاری برای طراحی ابتدایی صفحات وب و وب سایت های SharePintو Expression Web برای طراحی پیشرفته اینگونه صفحات و بهره بردن از امکانات پیشرفته طراحی صفحات دینامیک و استاتیک است

[TAHA]

امروزه با گسترش هر چه بیشتر اینترنت و وجود انبوهی از وب سایت ها بسیاری از کمپانی های فعال در عرصه نرم افزار در پی تولید نرم افزارهایی در زمینه طراحی وب هستند تا بتوانند کاربران اینترنت را قادر سازند تا خود دست به کار شده و در جهت ایجاد یک وب سایت برآیند. از جمله معروفترین این شرکت ها دو غول نرم افزاری حال حاضر یعنی Microsoft و Adobe هستند که هر روزه با عرضه نرم افزارهای مختلف در زمینه طراحی وب قدرت عمل را به دست کاربران می دهند تا خود بتوانند با استفاده از نرم افزار مورد نظر یک وب سایت شخصی را طراحی نمایند. از جمله زبان زد ترین نرم افزارها در این زمینه را می توان نرم افزار FrontPage دانست که در طی 10 سال اخیر جامعه طراحی وب را در دست گرفته است و کمتر کسی را می توان دید که حداقل نام این نرم افزار به گوشش نخورده باشد. به هر حال قابلیت های گسترده این نرم افزار همگان را به سمت خود جذب کرد و قسمت عمده ای از بازار نرم افزاری را به سمت خود کشاند. اما کمپانی مایکروسافت در اواخر سال 2006 میلادی با انتشار خبری همه فعالان این زمینه را متحیر کرد. مایکروسافت این شرکت بزرگ نرم افزاری نرم افزار محبوب فرانت پیج را منسوخ اعلام کرد و اظهار داشت که دیگر نسخه بعدی این نرم افزار منتشر نخواهد شد و از آنجایی که این نرم افزار برای طراحان وب از سطوح مبتدی تا پیشرفته مثمر ثمر واقع می شد شوک بزرگی برای جامعه طراحی وب بود. اما پس از این خبر مسئولان مایکروسافت اعلان داشتند که نسل بعدی نرم افزار فرانت پیج در راه است و در قالب یک بسته نرم افزاری در اختیار عموم قرار خواهد گرفت. فرانت پیج به دو بسته نرم افزاری SharePoint Designer و Expression تجزیه شد که بسته Expression خود به چهار نرم افزار زیر مجموعه با نام ها Expression Web و Expression Design و Expression Blend و Expression Media تقسیم می گردد. لازم به ذکر است که نسخه SharePoint Designer تنها چند تقاوت جزئی با نرم افزار Expression Web دارد. در این مقاله قصد داریم تا به آموزش نرم افزار Expression Web بپردازیم. نرم افزار Expression Web ابزاری است که می توانیم آن را جایگزین مناسب و بهتری برای نرم افزار FrontPage بدانیم. از جمله برتری ها این نرم افزار نسبت به نرم افزار فرانت پیج به شرح زیر است:
• رابط های کاربری آسان تر و در دسترس تر
• وجود قابلیت هایی در جهت ایجاد وب سایت های هوشمند
• قابلیت گزارش گیری بسیار مجهز در جهت ایجاد وب سایت های سالم
• پشتیبانی از زبان های برنامه نویسی ASP و CSS
• وجود Uploader در داخل نرم افزار برای آپلود فایل ها در داخل FTP
• وجود ابزاری برای تبدیل سایت از یک صفحه استاتیک به یک صفحه دینامیک
• ایجاد وب سایت هایی سازگار با اغلب مرورگر های اینترنتی از جمله Firefox و Opera و Internet Explorer

[TAHA]

با توجه به حجیم بودن آموزش این نرم افزار، در صورت تمایل می توانید نسخه کامل این آموزش را در قالب فایل PDF و با حجم 1.4 مگابایت از لینک زیر دریافت نمایید:

دانلود آموزش نرم افزار Microsoft Expression Web (http://www.keepandshare.com/doc/view.php?id=670951&da=y)

[TAHA]

آموزش نرم افزار Expression Web قسمت اول:



http://www.divshare.com/download/391621-6a2 (http://www.divshare.com/download/391621-6a2)


آموزش نرم افزار Expression Web قسمت دوم:





http://www.divshare.com/download/391630-e7c (http://www.divshare.com/download/391630-e7c)

[TAHA]

ینم نسخه سازگار با تمامی آفیس ها (اون اولی ها فقط با 2007 سازگار بودن) :



قسمت اول:

http://www.divshare.com/download/397644-76c (http://www.divshare.com/download/397644-76c)



قسمت دوم:

http://www.divshare.com/download/397654-fe4 (http://www.divshare.com/download/397654-fe4)

[TAHA]

اینم قسمت سوم البته به همراه قسمت های قبلی آموزش:


Expression Part 3 (Expression_Web_Part_3.doc) - DivShare (http://www.divshare.com/download/490280-f96)

[TAHA]

آموزش Expression Web قسمت چهارم به همراه قسمت های قبلی:
http://www.divshare.com/download/610104-6eb (http://www.divshare.com/download/610104-6eb)

اینو بگم که کسی اگر میخواد آموزش رو از الانم شروع کنه میتونه فقط به دانلود همین فایل همه آموزش ها رو داشته باشه چون از اولش هست

[TAHA]

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

Expression Web
مقدمه
امروزه صنعت طراحی وب در ایران و دیگر کشور ها در اندیشه پیشرفت و پیمودن راه های ترقی برای دستیابی به وب سایت های مکانیزه است. در واقع تمامی شرکت های نرم افزاری پتانسیل خود را بر روی تولید نرم افزارهای پیشرفته در امر طراحی وب متمرکز نموده اند تا بتوانند برای مدتی طولانی امپراطوری نرم افزار های وب را در دست بگیرند. از سال 1994 تا به حال شرکت مایکروسافت با عرضه بسته نرم افزاری فرانت پیج و با کسب 7 جایزه بین المللی به عنوان بهترین تولید کننده ابزار وب توانسته بود جای خود را در میان کاربران بیابد و به واقع خود را یکی از قدرتمندترین های دنیای وب بداند. در پایان سال 2006 میلادی شرکت مایکروسافت با انتشار خبری مبنی بر منسوخ شدن نرم افزار فرانت پیج خبر از انتشار دو برنامه جایگزین داد که در بسته های آفیس 2007 قابل دسترس خواهند بود. در واقع شرکت مایکروسافت با این کار خود پرونده این نرم افزار محبوب را بست و دو برنامه Office SharePoint Designer 2007 و Expression Web را منتشر نمود تا رقابتی تازه و نو را میان رقبای خود به راه بیاندازد. این دو محصول مایکروسافت شاید در ابتدا با برخورد مناسبی از سوی عامه مردم و طراحان مواجه نشد اما با گذشت زمان و استفاده و گسترش این نرم افزار همه به این نکته پی بردند که این عمل از سوی مایکروسافت نه تنها به ضرر آن ها نبوده بلکه در جهت تخصصی تر کردن امور طراحی وب و مکانیزه کردن آن بوده است. هدف مایکروسافت از تجزیه این نرم افزار به دو برنامه واحد جداسازی بین نرم افزارهای طراحی پیشرفته و مبتدی است. در واقع SharePoint Designer نرم افزاری برای طراحی ابتدایی صفحات وب و وب سایت های SharePintو Expression Web برای طراحی پیشرفته اینگونه صفحات و بهره بردن از امکانات پیشرفته طراحی صفحات دینامیک و استاتیک است.
آشنایی با محیط نرم افزار
نرم افزار Expression Web یک نرم افزار تخصصی در زمینه وب است که پس از منسوخ شدن فرانت پیج به روی کار آمد. این نرم افزار با توجه به کارایی قابل توجهی که از خود به نمایش می گذارد بر خلاف نسخه 2003 فرانت پیج زیبایی خاصی ندارد و تنها کارآمدی آن مد نظر مدیران مایکروسافت قرار گرفته است. این برنامه دارای محیطی نه چندان جذاب و گیرا اما کارآمد دارد. در ابتدای ورود به این نرم افزار کاربر با انبوهی از تولبارها و قسمت های مختلفی روبرو می شود که مشابه آن را کمتر در برنامه فرانت پیج دیده است. ای برنامه که پایه و اساس آن بر مبنای نرم افزار فرانت پیج است امکان دسترسی به پیوند های مختلف را آسان کرده است و به همین دلیل نمای این نرم افزار کمی شلوغ به نظر می رسد.
شروع کار با نرم افزار
با باز کردن این برنامه یک فولدر به نام My Web Sites در My Document کاربری شما ایجاد می گردد که شما می توانید صفحات طراحی شده خود را در آن ذخیره کنید و تمامی فایل های مربوط به وب را در آن قرار دهید. در ابتدا برای شروع کار با برنامه به یک صفحه وب نیاز است تا بتوان مندرجات وب سایت را در آن اعمال نمود. در برنامه فرانت پیج فرمت صفحات وب تنها در غالب Html عرضه می گردید. اما در Expression Web امکان تولید صفحات Aspx و Css و Xml و ... وجود دراد و کاربر می تواند متناسب با فعالیت های خود یکی از آن ها را انتخاب کند. برای ایجاد یک صفحه وب که مبنای کاری طراحی می باشد به منوی File رفته و از آنجا گزینه New را انتخاب می کنید. در پنجره باز شده New تمامی فرمت هایی که این نرم افزار ساپورت می کند جای گرفته است. و شما می توانید بنا به نیاز یکی از آن ها را استفاده کنید. در قسمت های Asp.Net و CSS Layout و Style Sheets تنظیمات مربوط به این فرمت ها و انواع مختلف امکانات آن ها در دسترس قرار گرفته است. در قسمت Frames Pages نیز می توانید فریم مورد نظر را برای وب سایت خود انتخاب کنید. (فریم ها صفحاتی هستند که همگی در یک وب پیج قرار می گیرند. فریم ها در واقع هر کدام صفحه وب جدایی هستند که تنها در یک صفحه واحد جمع می گردند و قابلیت های مستقل یک صفحه را نیز دارا می باشند و بسته به نیاز صفحات را به گونه های مختلفی حیطه بندی می کنند.) در منوی General در قسمت Option پیوندی به نام Page Editor Option وجود دارد که توسط آن می توانید تمامی تنظمیات مربوط به صفحه وب خود را انجام دهید. همچنین در منوی Web Site نیز دو قسمت دیگر وجود دارد. یکی از آن ها به نام General در وااقع نوع وب سایت را تعیین می کند. این قسمت دارای سه زیر مجموعه است. One Page Web Site واسطه کاربری است که به هنگام کلیک بر روی آن فایلی به همراه یک وب پیج خالی در My Web Sites شما که در My Document شما واقع شده است ایجاد می گردد و شما می توانید طراحی را در آن آغاز کنید. Empty Web Site تنها رابطی است که یک فایل را در My Web Site ایجاد می کند و هیچ صفحه وب ذخیره شده خالی را نیز در آن قرار نمی دهد. و گزینه Import Web Site Wizard هم به منظور آپلود صفحات وب است که در گام های بعد به آن می پردازیم. در همین منو قسمتی نیز به نام Templates قرار دارد که نمونه های پیش ساخته وب را در اختیار کاربر قرار می دهد و کاربر می تواند بنا بر سلیقه و کار خود یکی از آن ها را انتخاب کند و تنها کاری که می بایست انجام دهد درج کردن مطالب مورد نیاز و عکس های مورد نظر خود به جای مدل های از پیش ساخته شده ای است که این نرم افزار در اختیار کاربر قرار می دهد.
نوار وضعیت
در قسمت پایین نرم افزار می تونید نوار وضعیت را مشاهده کنید. این قسمت اطلاعات مفیدی را به کاربر می دهد که تشریح آن ها می پردازیم. این تولبار یکسری اطلاعات مفید در باره وضعیت وب پیج مورد طراحی در اختیار کاربر قرار می دهد. این نوار قسمت های مختلفی را دارا می باشد که هر کدام به نوعی طراح را در درک فعالیت خود یاری می دهد.
Visual Aids
این قسمت از نوار ابزار قابلیت نمایش خط و خطوط مخفی و به طور کل هر پارامتر مخفی دیگر را در وب دارا می باشد. در واقع برای درک این مفهوم می توان به بیان دیگر گفت در مواردی که Visual Aids در حالت On باشد شما تمامی مندرجات صفحه وب خود را از جمله جدول بندی های Text Box ها و غیره را مشاهده می کنید. اما در مواقعی که Visual Aids در حالت Off باشد در واقع شما تصویری از وب سایت خود را مشاهده می کنید که عین آن را در مرورگرهای اینترنتی مشاهده می کنید.

برای فعال یا غیر فعال کردن Visual Aids می توانید با دوبار کلیک کردن بر روی واژه Visual Aids بر روی نوار وضعیت حالت On و یا Off بودن آن را انتخاب کنید. همچنین می توانید با مراجعه به منوی View و در قسمت Visual Aids آن را فعال و یا غیرفعال کنید. و همچنین می توانید با استفاده از این منو تنظیمات مربوط به این پارامتر را به انجام برسانید. این تنظیمات در واقع شامل مواردی است که در هنگام On بودن Visual Aids می بایستی به نمایش درآید. لازم به ذکر است که این تنظیمات نمایش یا عدم نمایش حاشیه ها و المنت ها و بویژه خطوط جداول را نیز پوشش می دهد.

Style Application
این پارامتر که در واقع طریقه انتخاب نوع وب سایت را که انواع آن در منوی File و در قسمت New قابل دسترسی بود را نشان می دهد و دو حالت کلی Manual و Auto را دارا می باشد و در تنظیمات اغلب به صورت Auto می باشد. Auto به این معناست که Style مورد نظر بدون هیچ تغییری و به عنوان پیش فرض یا Default در دسترس کاربر قرار می گیرد.
HYPERLINK "ms-help://MS.EXPRWD.12.1033/EXPRWD/content/sb_style_app.bmp"
Size
در کنار Style Application پارامتری به نام Size قرار دارد که حجم وب مورد نظر را بیان می کند.
HYPERLINK "ms-help://MS.EXPRWD.12.1033/EXPRWD/content/sb_file_size.bmp"
Standard
این قسمت نوع اطلاعات صفحه وب را بیان می کند. در واقع اکثر وب سایت ها اطلاعاتشان به صورت DocType بر روی اینترنت قرار می گیرد . این حالت استاندارد وب می باشد. برای تغییر این پارامتر می توانید به منوی File رفته و از آنجا با استفاده از پنجره New به گزینه Page Editor Option مراجعه کرده و این پارامتر را تغییر دهید.
HYPERLINK "ms-help://MS.EXPRWD.12.1033/EXPRWD/content/sb_render_mode.bmp"
Page Size
در این قسمت می توانید اندازه صفحه وب خود را مشاهده کنید.
HYPERLINK "ms-help://MS.EXPRWD.12.1033/EXPRWD/content/sb_page_size.bmp"
Html Schema
این قسمت در واقع با قسمت Standard رابطه مستقیم دارد و نوع وب پیج را که بر چه اساسی ساخته شده است(در اغلب موارد بر مبنای DocType ) را نشان می دهد. برای تغییر این پارامتر می توانید به منوی File رفته و از آنجا با استفاده از پنجره New به گزینه Page Editor Option مراجعه کرده و این پارامتر را تغییر دهید.
HYPERLINK "ms-help://MS.EXPRWD.12.1033/EXPRWD/content/sb_schema.bmp"
CSS Schema
این قسمت در واقع همانند Html Schema نوع CSS به کار رفته در وب پیج را نشان می دهد.

[TAHA]

ین هم قسمت پنجم از آموزش نرم افزار Expression Web


Page Properties


بعد از ایجاد یک صفحه وب
نوبت به آن رسیده است تا یکسری تنظیمات را در قبال صفحه ایجاد شده انجام دهیم.
تنظیمات ابتدایی برای یک وب پیج شامل Title وب سایت و مواردی از این قبیل است. برای دسترسی به این آیتم به
منوی فایل رفته و از آنجا گزینه Properties …
را انتخاب کنید.




بعد از باز شدن پنجره Page Properties در پوشه General
کاربر قادر خواهد بود تا یکسری تنظیمات پیش فرض را انجام دهد. در قسمت Location کاربر می تواند محل ذخیره شدن صفحه وب را مشاهده کند. قسمت Page Description مخصوص نوشتن توضیحی کوتاه در مورد صفحه وب است و همچنین قسمت Keywords نیز برای نوشتن لغاتی است که در واقع ریشه در موضوع صفحه وب پیدا
می کند و کار موتور های جستوجو گر را برای یافتن وب سایت های مورد نظر آسان تر می
نماید. در قسمت Base
Location کاربر
می بایستی محل اصلی وب را که اغلب موارد همان آدرسی است که در Location درج شده است را در این قسمت نیز درج کند. در قسمت Background Sound کاربر می تواند موسیقی را در متن وب سایت قرار دهد تا به هنگام بارگذاری
کامل وب سایت شروع به پخش شدن کند. نرم افزار Expression Web فرمت های ذیل را مورد پشتیبانی و پخش در وب سایت قرار می دهد:


Wave/Midi/Ram/Ra/Aif/Aifc/Aiff/Au/Snd/Mpeg/Mp3/Asf


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


در پوشه Formatting یکسری تنظیمات مربوط به رنگ های وب مورد نظر وجود دارد. در قسمت Background کاربر می تواند یک عکس را به عنوان پیش زمینه در صفحه وب خود قرار
دهد و به راحتی می تواند عکس مورد نظر را از طریق دکمه Browse انتخاب کند. همچنین کاربر نیز می تواند از قسمت Colors در همین پوشه برای پیش زمینه وب خود از قسمت Background یک رنگ را به این عنوان انتخاب کند. در قسمت Colors طراح می تواند تنظیمات مربوط به رنگ Hyperlink ها را وضع نماید.(

Hyperlink ها پیوند هایی هستند که یک متن و
یا یک تصویر را به یک صفحه دیگر متصل می کنند و با کلیک کردن بر روی آن ها کاربر
را به صفحه مورد نظر ارجاع می دهند. در مورد در مورد مبحث Hyperlink جلوتر به طور مفصل بحث خواهیم کرد.) در قسمت Text طراح می تواند رنگ نوشته های خود را مشخص کند.(تمامی این تنظیمات
به عنوان Default برای صفحات قرار می گیرند.) در
قسمت Hyperlink طراح می تواند رنگ متنی را که
واسطه Hyperlink است مشخص کند و هنگامی که یک کلمه
زا واسطه Hyperlink قرار می دهد کلمه مورد نظر به آن
رنگ درآید. در قسمت Visited
Hyperlink کاربر
قادر خواهد بود تا رنگ واسطه های Hyperlink
را که از آن ها بازدید شده است را از دیگر گزینه ها جدا کند و آن را به رنگ مورد
نظر در آورد. در قسمت Active
Hyperlink نیز می
توان رنگ واسطه ای را که موس بر روی آن قرار دارد تغییر داد و رنگ مورد نظر را
انتخاب کرد. همچنین در قسمت Hovered Hyperlink
نیز می توان رنگی را مشخص کرد تا به
هنگامی که موس در حال کلیک کردن بر روی واسطه است تغییر رنگ دهد.


نکته ای که در اینجا مورد
نظر قرار می گیرد این است که طراح تنها می تواند یکی از گزینه های Active و یا Hovered
Hyperlink را
انتخاب کند. به این دلیل که اجرای هر دوی آن ها به طور همزمان امکان پذیر نیست.


در پوشه Advanced طراح قادر خواهد بود تا حاشیه های صفحه وب خود را بنا به سلیقه
خود تعیین نماید. در پوشه Language
یکسری تنظیمات مربوط به زبان به کار برده شده در وب و رمزگذاری های مربوط به آن
است. در قسمت Page
Language می
توانید زبان مورد نظر خود را انتخاب کنید و در قسمت Html Encoding که مروبط به رمزگذاری های زبانی است می توانید نوع رمز مورد ظر
خود را انتخاب کنید. اما اگر آن ها را تغییر ندهید گروهی بیشتری بدون عوض نکردن
رمز می توانند مطالب وب شما را بخوانند و در غیر این صورت بازدیدکننده وب سایت شما
می بایست Encoding را تغییر دهد تا قادر به مطالعه
مطالب باشد.

[milad465]

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

[Borna66]

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

چشم اگر فایل ها رو تونستیم اماده و فراهم کنیم حتما این کار را می کنیم

روزگار خوش