واحد دانش و تکنولوژی تبیان زنجان
آشنایی با محیط نرم افزار
نرم افزار 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 در دسترس کاربر قرار می گیرد.
Size
در کنار Style Application پارامتری به نام Size قرار دارد که حجم وب مورد نظر را بیان می کند.
Standard
این قسمت نوع اطلاعات صفحه وب را بیان می کند. در واقع اکثر وب سایت ها اطلاعاتشان به صورت DocType بر روی اینترنت قرار می گیرد . این حالت استاندارد وب می باشد. برای تغییر این پارامتر می توانید به منوی File رفته و از آنجا با استفاده از پنجره New به گزینه Page Editor Option مراجعه کرده و این پارامتر را تغییر دهید.
Page Size
در این قسمت می توانید اندازه صفحه وب خود را مشاهده کنید.
Html Schema
این قسمت در واقع با قسمت Standard رابطه مستقیم دارد و نوع وب پیج را که بر چه اساسی ساخته شده است(در اغلب موارد بر مبنای DocType ) را نشان می دهد. برای تغییر این پارامتر می توانید به منوی File رفته و از آنجا با استفاده از پنجره New به گزینه Page Editor Option مراجعه کرده و این پارامتر را تغییر دهید.
CSS Schema
این قسمت در واقع همانند Html Schema نوع CSS به کار رفته در وب پیج را نشان می دهد.