PDA

توجه ! این یک نسخه آرشیو شده می باشد و در این حالت شما عکسی را مشاهده نمی کنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : آموزش dreamweaver (بخش اول )



TAHA
04-27-2010, 07:10 PM
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 بامراجعه به سايت Adobe (http://www.macromedia.com/) مي توانيد از 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 جهت تست ان مرورگر خود را باز كنيد و در نوار ادرس HTTP://LOCALHOST (http://localhost/) را تايپ كنيد با زدن كليد اينتر بايد دو صفحه وب كه حاوي اطلاعاتي درباره 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 : توضيح درباره جدول