PDA

View Full Version : اموزش نرم افزار طراحی وب ::Expression Web


ali_rezaei76
2007-11-09, 07:14 PM
در مورد :Expression Web

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

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


تعیین Resolution صفحه

به طور حتم هر صفحه ای که در این نرم افزار ایجاد می شود دارای یکسری ابعاد و اندازه است. ما برای تعیین ابعاد و اندازه های صفحه بنا به نیاز خود عمل می کنیم و اندازه مناسب و متناسب با کار خود را در برنامه انتخاب می کنیم. ما برای صفحه وب خود Resolution 1024×768 را مد نظر داریم. پس برای تغییر اندازه به منوی View می رویم و نشانگر موس را بر رو گزینه Page Size نگه می داریم تا اندازه های موجود پدیدار شوند. به این ترتیب ما اندازه ذکر شده را پیدا می کنیم و بر روی آن کلیک می نماییم. اگر اندازه های درج شده در نرم افزار مد نظر ما نبود و ما بنا بر نیاز خود به اندازه دیگری برای صفحه خود نیاز داشتیم می توانیم با کلیک بر روی زیر شاخه Modify Page Sizes و بعد از آن کلیک بر روی دکمه Add اندازه های خود را درج نماییم و آن اندازه را در قبال صفحه خود اعمال نماییم.

ذخیره سازی یک صفحه

به منظور تثبیت کار خود ما نیاز داریم که در مراحل مختلف کار طراحی صفحه مورد نظر را ذخیره نماییم تا در صورت وقوع حوادثی از قبیل قطع شدن جریان برق با مشکلی مواجه نشویم(البته در نسخه های جدید نرم افزارهای آفیس در صورت وقوع هر مشکل فایلی که در حال ویرایش بوده است به صورت خودکار ذخیره می گردد.) به این منظور صفحه ابتدایی و خالی را که ایجاد کرده ایم ذخیره می کنیم تا اولین گام را برای تثبیت کار برداشته باشیم. برای انجام این کار به منوی File رفته و از آنجا گزینه Save را انتخاب می نماییم. همچنین می توانیم به این منظور از دکمه ذخیره سازی تعبیه شده در نوار بالایی نرم افزار نیز بهره بگیریم. پس از کلیک نمودن با یک صفحه مواجه می شویم که به وسیله آن می توانیم محل ذخیره سازی فایل را مشخص نماییم. همچنین در این پنجره امکان تغییر نام فایل وجود دارد و ما می توانیم بنا به نیاز خود نام آن را تغییر دهیم. لازم به ذکر است که ما نیز می توانیم یک عنوان را برای صفحه خود انتخاب نماییم تا در هنگام نمایش صفحه وب خود در یک مرورگر اینترنتی در بالای مرورگر درج شود. پس برای تغییر دادن عنوان بر روی دکمه Change Title کلیک می نماییم.(ما عنوان را به Expression Web تغییر داده ایم) حال زمان ذخیره سازی فایل رسیده است. نکته ای که در اینجا حائز اهمیت است در کنار هم بودن صفحاتی است که اقدام به ذخیره سازی آن ها می پردازیم. به این منظور توسط خود نرم افزار فولدری در پوشه My Document ویندوز با نام My Web Sites ایجاد شده است و ما می توانیم برای ذخیره کردن فایل های خود از این فولدر استفاده نماییم. از آنجایی که برنامه به صورت پیش فرض محل ذخیره کردن صفحه ایجاد شده را همان فولدر اختصاصی برنامه قرار داده است ما دیگر نیازی به تغییر محل ذخیره سازی نداریم و تنها برای ذخیره کردن فایل بر روی دکمه Save کلیک می نماییم.


باز کردن صفحه ذخیره شده

اگر صفحه ای را ذخیره کرده باشیم پس از بستن برنامه و در مراجعت بعدی نیاز به گشودن دوباره آن داریم. پس می بایستی به طریقی صفحه ذخیره شده را باز نماییم. به این منظور دو راه پیش روی ما قرار دارد. سریعترین راه دستیابی به فایل هایی که ذخیره کردیم توسط خود نرم افزار تعبیه شده است و در صفحه اول قرار دارد. اگر صفحه اول نرم افزار را بررسی کنیم قسمتی به نام Folder List وجود دارد که به طور پیش فرض فایل های درون فولدر My Web Site را نمایش می دهد و از آن طریق می توانیم به فایل های خود دسترسی پیدا کنیم. راه دیگر استفاده از زیر شاخه Open از منوی فایل است که با استفاده از این طریق به دنبال صفحه مورد نظر می گردیم و آن را باز می نماییم.

ایجاد جدول در صفحه

از ابتدایی ترین اموری که می توان در مراحل آغازین کار طراحی انجام داد ایجاد جداول و کار با آن ها می باشد. ما قصد داریم تا یک جدول 3×3 را ترسیم نماییم و تنظیمات مربوط به آن را به انجام برسانیم. به این منظور به منوی Table رفته و از آنجا گزینه Insert Table را انتخاب می نماییم. پس از رفتن به مسیر بالا پنجره ای مربوط به تنظیمات جدول پدیدار می گردد. ما به این دلیل که نیاز به یک جدول 3×3 داریم برای تنظیم جدول تعداد ردیف های جدول(Row) را عدد 3 قرار می دهیم و تعداد ستون(Column) های آن را نیز عدد 3 منظور می نماییم. به این ترتیب تنظیمات اولیه جدول را انجام داده ایم. سپس برای اینکه رنگی را برای خط های جدول تعیین کنیم از قسمت Borders بر روی گزینه Color کلیک می کنیم و رنگ مورد نظر را انتخاب می نماییم. همچنین برای اینکه پیش زمینه ای را برای جدول خود قرار دهیم از قسمت Background گزینه Color را انتخاب کرده و رنگ مورد نظر را انتخاب می نماییم. اما به این دلیل که ما مایل هستیم تا یک عکس را به عنوان پیش زمینه جدول خود قرار دهیم از رفتن به قسمت Color صرف نظر می کنیم. برای قرار دادن عکس در ابتدا می بایستی گزینه زیرین Color یعنی Use background picture را تیک بزنیم تا مجاز باشیم عکسی را به عنوان پیش زمینه انتخاب نماییم. پس از تیک زدن گزینه بیان شده بر روی Browse کلیک کرده و آدرس عکس مورد نظر را انتخاب می نماییم. پس از اعمال تنظیمات بر روی دکمه Ok کلیک می کنیم و می توانیم جدول ایجاد شده را مشاهده نماییم.



نحوه انتخاب پیش زمینه

از آنجا که ما برای طراحی وب سایت خود رنگ سفید پیش زمینه را که به طور پیش فرض تنظیم شده است نمی پسندیم بنا براین می بایستی تدابیری بیندیشیم تا یا عکسی را در پشت صفحه قرار دهیم یا رنگی به غیر از رنگ سفید را برگزینیم. به این منظور به زیر شاخه Background از منوی Format می رویم تا بتوانیم تغییراتی را که مد نظر داریم اعمال نماییم. در این قسمت اهداف خود را عملی می کنیم و از آنجا که ما در نظر داریم تا عکسی را در پیش زمینه وب سایت خود قرار دهیم از قسمت Background گزینه background Picture را تیک می زنیم تا امکان انتخاب عکس را داشته باشیم. سپس با کلیک بر روی دکمه Browse عکس مورد نظر خود را انتخاب می کنیم. همچنین می توانیم در صورت عدم تمایل برای قرار دادن عکس در پیش زمینه به جای آن از رنگ ها استفاده کنیم که به این منظور می توانیم از قسمت Color رنگ مورد نظر خود را در گزینه Background انتخاب نماییم. پس از پایان کار هم برای تایید فعالیت های صورت گرفته بر روی دکمه Ok کلیک می کنیم.



قرار دادن موسیقی متن
ما برای جذاب تر کردن محیط وب سایت خود نیاز به یکسری از عوامل داریم که از جمله آن ها می توان به موسیقی متن اشاره نمود. در واقع این موسیقی متن زمانی به اجرا در می آید که یک کاربر وارد وب سایت ما می شود. ما برای قراردادن موسیقی متن راه های زیادی را می توانیم در پیش بگیریم و نمونه های آن را در بسیاری از وب سایت ها دیده ایم. برای قرار دادن موسیقی به منوی File می رویم و از آنجا گزینه Properties را انتخاب می کنیم. حال پنجره مورد نظر باز می گردد. در پایین ترین قسمت پنجره مورد نظر قسمتی به نام Background Sound وجود دارد که تحقق بخش نیاز ما برای قرار دادن موسیقی در متن وب سایت است. با کلیک بر روی دکمه Browseمی توانیمیکی از فرمت های موسیقی : Wave/Midi/Ram/Ra/Aif/Aifc/Aiff/Au/Snd/Mpeg/Mp3/Asf را قرار دهیم. اما عقلانی به نظر می رسد که حدالامکان از موسیقی های با حجم بسیار کم و با مدت زمان کوتاه استفاده نماییم تا هم از سرعت بارگذاری وب سایت کاسته نشود و هم باعث آزردگی خاطر کاربران نگردد. پس از انتخاب موسیقی و تایید تنظیمات موسیقی در متن وب سایت ما گنجانده شده است.



قرار دادن عکس

اکنون می خواهیم یک عکس را در صفحه وب سایت خود قرار دهیم. در این نرم افزار همچون دیگر نسخه های برنامه آفیس امکان قرار دادن عکس از طریق اسکنر و یا دوربین دیجیتال به طور مستقیم در صفحه وب سایت وجود دارد اما از آن جا که ما در نظر داریم تا عکسی را از روی حافظه کامپیوتر را در داخل صفحه قرار دهیم نیازی به انجام چنین اموری نداریم. برای باز کردن و قرار دادن آن در صفحه وب به منوی Insert می رویم و با رفتن به زیر شاخه های گزینه Picture گزینه From File را انتخاب می نماییم. حال از درون صفحه باز شده عکس مورد نظر را انتخاب می کنیم و آن را در صفحه قرار می دهیم. همچنین امکان انجام چنین کاری با کلیک بر روی دکمه میانبر قرار دادن عکس در صفحه اول نیز امکان پذیر می باشد.


ویرایش عکس

ما در طراحی وب سایت بر این عقیده هستیم که اجزا می بایست تا حدودی جانب هماهنگی را با یکدیگر داشته باشند تا یک نوع هارمونی را در فضای وب سایت بوجود آورند که خود باعث جذابیت وب سایت گردد. ما در طراحی وب سایت مورد نظر عکسی را مد نظر قرار دادیم و آن را در محیط نرم افزار باز نمودیم. اما نکته ای که مانع ادامه کار ما شد عدم هماهنگی عکس مورد نظر از لحاظ غلظت رنگ ها با محیط بود. اولین گزینه ای که به فکر ما رسید استفاده از ویرایش گر های عکس بود که می توانست رنگ عکس مورد نظر را تا حدودی ملایم نماید اما از جمله ملزومات استفاده از چنین برنامه هایی داشتن کمی اطلاعات در مورد آن ها بود. با کمی تفکر بیش تر به این نتیجه رسیدیم که استفاده از ویرایش گر عکس خود نرم افزار نیز می تواند کارساز باشد. بنابراین به منوی View رفتیم و از آنجا با انتخاب Toolbar گزینه Pictures را انتخاب نمودیم. با استفاده از این نوار می توانیم نیاز های ابتدایی خود را در زمینه عکس بر طرف نماییم.
تنظیمات نور و تعدادی دیگر از فعالیت ها از جمله چرخاندن عکس و یا Crop کردن آن با استفاده از این نوار امکان پذیر می باشد. ما با استفاده از تنظیمات نور توانستیم عکس خود را ویرایش کنیم و کمی آن را کمرنگ نماییم.

کار با Layer ها

در بعضی از موارد استفاده از جدول ها محدودیت هایی را برای ما بوجود می آورند و از آن جا که مدیریت جداول کار آسانی نیست و تنها ها کار را سخت تر می کند ما در بیشتر موارد از Layer ها استفاده می کنیم که هیچ کدام از محدودیت های جدول ها را ندارند. ما برای کار با یکی از لیرها به منوی Format می رویم و گزینه Layerرا انتخاب می نماییم. اکنون در بخش پایینی نرم افزار و در سمت راست جعبه ابزار کار با Layer ها گشوده شده است. حال می توانیم با استفاده از جعبه مورد نظر یک Layer را بدون محدودیت در قرار دادن آن در یک فضای خاص همانند جدول ها در صفحه رسم نماییم. اکنون Layer ما آماده است و ما می توانیم متن ها و عکس های خود را در آن قرار دهیم.

موفق باشید..

30nema30
2008-01-27, 12:24 PM
salam
bebakhshid ek soal : hajm narm afzar cheghadr ast
man ghasd download ro daram ba 211 mg
hajm doroste ya na