تبلیغات
طراحی سایت | طراحی حرفه ای وب سایت | سایت ساز - آموزش Adobe Dreamweaver (قسمت اول)
 
طراحی سایت | طراحی حرفه ای وب سایت | سایت ساز
اول سلام بعدا جواب
درباره وبلاگ


طراحی سایت | طراحی حرفه ای وب سایت | سایت ساز
مرکز حرفه ای گرافیک و طراحی وب - گرافیک دانلود

مدیر وبلاگ : طراحی وب سایت ساز

آموزش dreamweaver (بخش اول )

 

 



Dreamweaver یکی ازنرم افزار های قدرتمند در زمینه طراحی صفحات وب می باشد


محیط این نرم افزار از بخش های زیر تشكیل شده كه در ادامه با هر ی ك از این بخش ها اشنا خواهید شد :


• نوار منو


• پنل ها


• نوارهای ابزار


• محیط طراحی


پس اجرای نرم افزار پنجره زیر مشاهده می شود كه از طریق ان می توانید كار خود را شروع كنید .

 

OPEN A RECENT LTEM : برای باز كردن مجدد فایل هایی كه قبل از بستن برنامه با انها كار می كردیم.

 

CREATE NEW :برای ایجاد یك فایل جدید كه این فایل می تواند یكی از گزینه های زیر باشد :


HTML : ایجاد صفحه وب استاتیك


COLD FUSION: ایجاد برنامه های تحت وب كه با نرم افزار COLD FUSION ایجاد شده اند .


PHP: ایجاد وب DYNAMIC با تكنولوژی PHP


ASP JAVASCRIPT : ایجاد صفحه وب DYNAMIC با تكنولوژی ASP و زبان JAVASCRIPT


ASP VBSCRIPT : ایجاد صفحه وب DYNAMIC با تكنولوژی ASP و زبان VB


ASP. NET C# :ایجاد صفحه وب DYNAMIC با تكنولوژی ASP.NET و زبان C#


ASP.NET VB : ایجاد صفحه وب DYNAMIC با تكنولوژی ASP.NET و زبان VB


JSP : ایجاد صفحه وب DYNAMIC با تكنولوژی JSP


CSS : ایجاد CASCADING STYLE SHEET


DREAM WEAVER SITE : ایجاد ساختار مدیریت شده وب سایت روی كامپ ی وتر شخصی جهت طراحی سریع و راحت یك وب سایت . از طریق این ساختار مدیریت انواع فایل های موجود در وب سایت مانند تصاویر و فایل های فلش ممكن خواهد بود چون با گسترش وب سایت تعداد فایل های ان نیز زیاد خواهد شد و بحث مدیریت و توسعه ان بدون یك ساختار مشخص غیر ممكن خواهد شد .


CREATE FROM SAMPLES : در این قسمت می توانید از انواع قالب های اماده برای طراحی صفحات خود استفاده كنید به عنوان مثال گزینه FRAMESETS برای ایجاد صفحه ای با ساختار فریم استفاده میشود .


EXTEND : در این قسمت از طریق گزینه DREAMWEAVER بامراجعه به سایت [url]WWW.MACROMEDIA.COM[/url] می توانید از EXTENSION های رایگان مربوط بهاین نرم افزار استفاده كنید .


نوارمنو (
MENU BAR )


هر یك از این منو ها و گزینه های مربوط به انها در ادامه توضیح داده خواهد شد .


پنل ها (
PANELS )


هر یك از پنل ها شامل مجموعه ای ابزار هستند كه برای كاربرد خاصی می توان از ان استفاده كرد .


این پنل شامل هشت لبه می باشد كه در هر یكابزارهایی برای طراحی صفحات وب وجود دارد .


DOCUMENT :


این بخش شامل محیط طراحی و كد نویسی می باشد و ابزارهایی برای تست و اشكالزدایی صفحات دارد كه از سه قسمت زیر تشكیل شده :


CODE :محیط كد نویسی


SPLIT : محیط تركیبی كد نویسی و طراحی


DESIGN : محیط طراحی به كمك ابزار های طراحی


مدیریت سایت


همانطور كه قبلا گفته شد توسط پنل
FILES می توانید یك ساختار مدیریت شده برای كل وب سایت خود ایجاد كنید كه این كار را قبل از شروع كار باید انجام دهید اما برای طراحی صفحات DYNAMIC با استفاده از گزینه های شكل (1-1) شما روی سیستم عاملی مانند WINDOWS NT WINDOWS SERVER باشد اما اگر شما از سیستم عامل WENDOWS XP PROFESSIONAL استفاده می كنید می توانید از یك وب سرور شخصی با عنوان LLS استفاده كنید .


نصب
IIS – از طریق مسیر زیر پنجره WENDOWS COMPONENTS WIZARD را باز كنید :


START>CONTROL PANEL > ADD OR REMOVE PROGRAMS >ADD/ REMOVE WINDOWS COMPONETS گزینه LNTERNET ENFORMATION SERVICES(LLS) را فعال كنید و بعد از قرار دادن CD ویندوز XP كلید NEXT را كلیك كنید .


پس از نصب
LLS جهت تست ان مرورگر خود را باز كنید و در نوار ادرس [url]HTTP://LOCALHOST[/url] را تایپ كنید با زدن كلید اینتر باید دو صفحه وب كه حاوی اطلاعاتی درباره LLS هستند مشاهده شود در غیر این صورت هنگام نصب پیكر بندی LLS صحیح انجام نشده .


ابزار های طراحی



اگر شما علاقه ای به كد نویسی ندارید می
LNSERT قرار دارند توانید از ابزارهای طراحی كه در پنل استفاده كنید برای این كار كافیست طبق شكل (5-1) به محیط DESIGN رفته و از لبه ها و ابزار هایی كه در ادامه توضیح داده می شوند استفاده كنید خواهید دید كه كد های مربوطه به طور خود كارتوسط DREAMWEAVER تولید می شود .


لبه
COMMON


:
HYPERLINK برای ایجاد لینك استفاده می شود برای این كار اشاره گر را در محل مورد نظر در صفحه قرار دهید و این ابزار را كلیك كنید و در پنجره باز شده فیلد ها را پر كنید .


:
Text متن مورد نظر را که می خواهیم به عنوان لینک عمل کند.


Link : مقصد لینک که می تواند آدرس یک صفحه در سایت جاری یا یک url میباشد .


Target : پنجره ای که با کلیک روی لینک جهت نمایش صفحه مورد نظر باز می شود و یکی از گزینه های زیر می باشد .


_
blank : موجب باز شدن پنجره مرورگر جدید می شود .


_
parent : محتویات صفحه در پنجره یا فریمی نمایش داده می شود که لینک در آنجا فعال شده بود .


_
self : محتویات صفحه در پنجره فعال نمایش داده می شود .


_
top : در صورت وجود فریم در پنجره تمام فریم ها حذف می شود .


title : توضیحی که هنگام قرار گرفتن اشاره گر روی متن لینک به صورت tool tip نمایش داده می شود .


Access key : کلید های تر کیبی برای کار با صفحه کلید .


Tab index : شماره ترتیبی که مشخص می کند با چند بار زدن کلید روی صفحه کلید لینک انتخاب میشود .


EMAIL LINK : برای ایجادلینك پست الكترونیك . وقتی كاربر روی این نوع لینك كلید كند نرم افزاری مانند OUT LOOK اجرا خواهد شد و از طریق ان می توانید یك EMAIL ارسال كند .


NAMED ANCHOR : از طریق این ابزار می توانید در خود صفحه جاری لینك ایجاد كنید در واقع بیشترین كاربرد این ابزار در صفحاتیاست كه برای مشاهده تمام مطالب باید از SCROLL BAR استفاده كرد در این گونه صفحات می توان در بالا و پایین صفحه لینك هایی ایجاد كرد تا با كلیك روی انها از بالا به پایین صفحه و بر عكس مراجعه نمود .


روش استفاده : فرض كنید می خواهیم با كلیك روی متن
DOWN در بالای صفحه به پایین صفحه پرش كنیم ( برای درك راحت تر ابتدا یك صفحه با مطالب زیاد ایجاد كنید بطوریكه در مرورگر SCROLL BAR فعال شود )

• اشاره گر را در اخرین خط صفحه قرار دهید واین ابزار را كلید كنید در پنجره باز شده یك نام دلخواه برای ANCHOR تایپ كنید


• اشاره گر را در اولین خط صفحه قرار دهید و عبارت
DOWN را تایپ كنید.


• متن نوشته شده را انتخاب كنید و روی ابزار
LINK كلیك كنید .


• در پنجره باز شده منوی
LINK را باز كنید و نام ANCHOR را در مرحله 1 ایجاد كرده بودید انتخاب كنید ( دقت كنید كه قبل از نام ANCHOR كاراكتر # قرار گرفته است ) .


• باز دادن كلید
F12 صفحه را تست كنید .


TABLE : یكی از پر كاربرد ترین ابزار ها می باشد كه برای ایجاد جدول استفاده می شود . دلیل پر كاربرد بودن ان اینست كه بهترین روش برای تنظیم و چیدن عناصر صفحه در محل های دلخواه استفاده از جدول می باشد .


نكته : همواره به یاد داشته باشید كه قبل از طراحی صفحه شمای كلی انرا روی كاغذ پیاده كنید سپس برای قرار دادن هر عنصر در محل مورد نظر از طریق این ابزار و نیز ابزار های قوی تری كه در ادامه با انها اشنا می شوید از جدول و خانه های ان استفاده كنید .


تنظیمات این ابزار طبق جدول زیر می باشد :


ROWS : تعداد سطر ها


Clumns : تعداد ستون ها


Table with : پهنای جدول


Border thickness : ضخامت کادر اطراف خانه


Cell padding : فضای هر خانه


Cell spacing : فاصله خانه ها از یکدیگر


Header : موقعیت تیتر ها


Caption : عنوان جدول


Align caption :موقعیت عنوان


Summary : توضیح درباره جدول

 

 






صفحات جانبی
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
امکانات جانبی