میهن داکیومنت بزرگترین مرجع و مرکز دانلود پایان نامه (متن کامل فرمت ورد) فروش پایان نامه - خرید پایان نامه (کاردانی ، کارشناسی)همه رشته ها
حقوق اقتصاد مدیریت روانشناسی ریاضی تربیت بدنی کامپیوتر نرم افزار و سخت افزار عمران معماری برق صنایع غذایی علوم اجتماعی هنر علوم سیاسی فیزیک مکانیک حسابداری

تبلیغات کلیکی - افزایش رتبه گوگل

اگهی رایگان

پروژه طراحي صفحات وب


کد محصول : 10001078 نوع فایل : word تعداد صفحات : 64 صفحه قیمت محصول : 7000 تومان تعداد بازدید 933

فهرست مطالب و صفحات نخست


طراحي صفحات وب

فصل اول
آشنایی کامل با مکان کارآموزی.................................................................................................................3
فصل دوم
ارزیابی بخش¬های مرتبط با رشته علمی کارآموزی................................................................................6
فصل سوم
آزمون آموخته¬ها، نتایج و پیشنهادات.....................................................................................................8
1-3- با Dreamweaver چه می¬توان کرد؟.....................................................................................9
2-3-عناصر پایه¬ای صفحات وب.............................................................................................................9
3-3-چندرسانه¬ای......................................................................................................................................10
4-3-صفحات تعاملی.................................................................................................................................10
5-3-تعریف یک وب سایت جدید..........................................................................................................10
6-3-ایجاد فایل¬های جدید در پنل Files...........................................................................................11
7-3-نوار هنر...............................................................................................................................................12
8-3-نوار Insert........................................................................................................................................13
9-3-Flash Elements........................................................................................................................26
10-3- پنجره سند.....................................................................................................................................27
11-3-نوار ابزار Document.................................................................................................................27
12-3-نوار وضعیت.....................................................................................................................................28
13-3-پنل¬ها و بازرسان............................................................................................................................30
14-3-پنل¬ها و گروه¬های پنل..................................................................................................................30
15-3-منوهای مضمونی...........................................................................................................................31
16-3-Help...............................................................................................................................................31
17-3-افزودن یک تصویر به یک صفحه...............................................................................................32
18-3-هم¬ترازی تصویر با متن.................................................................................................................32
19-3-استفاده از پنل Time lines....................................................................................................33
20-3-قالب¬بندی صفحات وب با استفاده از سبکهای آبشاری.........................................................37
21-3-ایجاد سبکهای CSS پیشرفته...................................................................................................45
22-3-عملکرد Dreamweaver چیست؟........................................................................................47
23-3-نمایش دادن و پنهان کردن لایه-ها............................................................................................48
24-3-ارسال متن به یک لایه.................................................................................................................52
25-3-افزودن یک لایه کشیدنی به یک صفحه وب...........................................................................53
26-3-ایجاد یک فرم.................................................................................................................................55
27-3-افزودن فیلدهای متن به فرمها...................................................................................................56
28-3-افزودن دکمه¬های رادیویی...........................................................................................................57
29-3-افزودن لیستها ومنوها...................................................................................................................59
30-3-افزودن دکمه¬های Submit و Reaset .....................................................................60

فصل اول
آشنایی با مکان کارآموزی
 
شركت گروه صنعتي ويدا فناوران آسيا داراي مديران مجرب و توانمند در زمينه‌هاي طراحي ،‌ نمونه سازي ماشين آلات صنايع غذايي ، جذب و بومي سازي دانش فني ، ارتقاء بر سطح توليدات دستگاههاي ساخت داخلي ، ايجاد رقابت و مبادرت به صادرات مي باشد .
سابقه فعاليت مديران شركت در رشته طراحي و ساخت به بيش از 15 سال مهارت در ساخت انواع ماشين آلات صنايع غذايي و بسته بندي مي‌باشند .
 زمينه‌‌ي طراحي و ساخت ماشين آلات در شركت عبارتند از :
1-    ماشين آلات صنايع غذائي
2-    ماشين آلات صنايع آرايشي و بهداشتي
3-    ماشين آلات صنايع شوينده
4-    ماشين آلات صنايع بسته بندي
5-    ماشين آلات صنايع شيميايي

عمده ماشين آلات خطوط توليد داراي يك مجموعه‌اي از ماشين ‌آلات مشترك در مفاهيم و اصطلاحات علمي است ، لكن از لحاظ توليد محصولات و به لحاظ تنوع سليقه‌ها ووجود بازارهاي رقابتي و همچنين بالا رفتن توقعات مردم در پذيرش محصولات با كيفيت‌هاي عالي ومطلوب ، موجب گرديده است مديران شركت در ساخت نمونه اوليه هر نوع دستگاه به امر طراحي ، اهتمام والائي نظر داشته و با بررسي هر موضوع پيشنهاد از جميع جهات و جلب نظر متقاضي كار فني و ساخت و ساز را شروع مي‌نمايد .

مفاهيم مشترك دستگاهها عبارتند از :
1. پركن - دستگاههاي پركن بستگي به نوع محصول توليد مي‌شوند مثلاً دستگاههاي پركن عطريات با دستگاههاي پركن مواد شيميائي يا غذائي از نظر سليقه كارائي به حجم دستگاه و ميزان پركني ظروف محصولات .
2. در بند ، ليبل چسبان ، بسته بندي و ديگر دستگاههاي همانند شرح فوق داراي قابليت‌هاي فراواني در زمينه‌هاي مختلفي مي‌باشند .
طر احي دستگاهها از طريق كامپيوتر و نرم افزارهاي طراحي انجام مي‌پذيرد . بدينوسيله آشنائي ، كاركرد و تجربه بالائي در استفاده از نرم افزارهايي مانند Auto CAD و... موجب تسريع ،‌دقت و مهارت در تهيه نقشه‌هاي هر يك ازدستگاهها و يا نيازمنديهاي متقاضيان ميگردد . و بايد دانست كه هميشه بايستي طراحي دستگاه‌ها در راستاي پيشرفت ، كاهش هزينه‌ ، ارائه ويژگيهاي جديد و كاملاً بهتر از گذشته باشد .
 اين رسالت و تفكر در اين شركت حاكميت و نقش آفريني اول را داراست . اين همه تنوع و تسلط كامل موجب معروفيت در بين صنعتگران داخل از يك طرف و موجب صاحب نظر و صاحب سبك و حرف اول زدن از طرف ديگر در اين شركت حاكميت داشته باشد .

فصل دوم
ارزیابی بخش¬های مرتبط با رشته علمی
 
شركت ويدا فناوران آسيا كه طراح و سازنده ايستگاه‌هاي ليبل چسبان و پركن در صنعت كشور مي‌باشند ، به منظور معرفي و عرضه بهتر دستگاه‌هاي صنعتي خود نياز به تبليغات گسترده مي‌باشد ، كه طراحي سايت وب ، طراحي كتابهاي تبليغاتي و همچنين ساخت CDهاي تبليغاتي و ... از جمله راههاي تبليغات مي‌باشد . نرم افزارهاي طراحي صفحات وب Dreamweaver , Front page مي‌باشد كه مكمل اين نرم افزارهاي طراحي ،‌ نرم‌افزارهاي گرافيكي‌ ديگر از جمله photoshop و Corel و... نيز نياز مي‌باشد .
اينجانب نيز با علاقه به اين گرايش كامپيوتر و نياز به آموزش در اين زمينه در اين شركت به عنوان كارآموز شروع به فعاليت كرده‌ام .
 اين شركت علاوه بر نياز به اين تبليغات از كامپيوتر و نرم ‌افزارهاي ديگري از جمله Word , Exel و... براي انجام امر حسابداري و نامه‌هاي اداري نيز استفاه مي‌نمايد و همچنين مي‌توان از نرم افزار كامپيوتر در جهت هدايت و كاركرد دستگاههاي صنعتي ساخته شده نيز استفاده نمود كه نياز به علم بالاي كامپيوتر و برنامه‌نويسي دارد .

 فصل سوم
آزمون آموخته¬ها، نتایج و پیشنهادات
 
طراحی سایت استاتیک توسط نرم¬افزار Dreamweaver
با Dreamweaver چه می¬توان کرد؟
Dreamweaver مشهورترین ابزار حرفه¬ای توسعه کار وب می¬باشد که بسیاری از شرکت-های بزرگ Dreamweaver را به عنوان ابزار استاندارد خود برای توسعه وب معرفی می-کنند. Dreamweaver همچنین برای تولیدکنندگان مستقل که برای مشتریان خود سایت وب می¬سازند، یک ابزار عمومی به شمار می¬رود. Hypertext Mark up یا HTML اساس کار Dreamweaver می¬باشد. HTML language زبانی است برای قالب¬بندی محتویات که در شبکه گسترده جهانی و با استفاده از نرم¬افزاری به نام مررورگر وب، مشاهده می¬شود.
عناصر پایه¬ای صفحات وب: متون، تصاویر، پیوندها
اکثر صفحات وب دارای حداقل سه عنصر می¬باشند: متن، تصویر، پیوند.
این سه عنصر زیربنای اکثر سایت¬ها هستند چرا که اطلاعات متن را در کنار پشتیبانی قطعات گرافیک (Image) علاوه بر شیء برای هدایت به صفحات دیگر، برای سایت وب فراهم می¬کنند.
CSS جدیدترین روش طراحی وب است که هم¬چنان در حال رشد می¬باشد. با استفاده از CSS می¬توان قالب¬های پیچیده¬ای برای صفحات وب طراحی کرد.
CSS این امکان را می¬دهد که متن¬ها، روش¬های مختلف ظاهر شدن برچسب¬های HTML و تعداد عناصر مختلفی را که روی صفحه قرار داده می¬شود قالب¬بندی کنید.

چندرسانه¬ای (Multi media)
بسیاری از طراحان، از فیلم، صدا، انیمیشن، تصاویر متحرک حقیقت مجاز و دیگر عناصر چندرسانه¬ای در سایرتای وب خود استفاده می¬کنند. کاربر باید برای دیدن و شیندن این فایل¬های چندرسانه¬ای به نامه¬های کاربردی چندرسانه¬ای مانند Flash، Quick Time را بارگذاری و نصب نماید. صفحات وب ساخته شده در Dreamweaver می¬توانند شامل آدرس صفحه وبی باشند که کاربر باید از آنجا برنامه اجراکننده¬ای را بارگذاری کند. همچنین مرورگر ممکن است به طور اتوماتیک بارگذاری را راه¬اندازی نماید.
صفحات تعامل
در Dreamweaver می¬توان اسکریپت¬های جاوا را، که عملکرد یا Behaviour نامیده می¬شود، به صفحات وب اضافه نمود. عملکردها امکان درک وضبط رویدادهای بسیاری را می-دهد که توسط مرورگر دریافت می¬شود مانند کلیلک بر روی صفحه یا لغزاندن مکان¬نما روی عنصر خاصی از آن.
تعریف یک وب سایت جدید
کل سایت¬های وب شامل یک دایرکتوری (فهرست) به نام ریشه (Root) هستند. ریشه یک سایت وب دایرکتوری اصلی محتوی فایل¬ها و دایرکتور¬ی¬های دیگر می¬باشد.
Dreamweaver همه چیز را تحت کنترل ندارد! محدوده داخلی سایت وب باید تعریف شود تا اینکه برنامه از نحوه ارجاع دادن فایلهای دیگر مطلع گردد. مثلاً؛ اگر تصویری در دایرکتوری تصاویر موجود در سایت تعریف شده قرار گرفته باشد Dreamweaver می¬داند که چگونه این تصویر را به درستی درون یک صفحه وب ارجاع دهد. با این وجود، اگر تصویر در محلی خارج از سایت تعریف شده قرار گیرد، Dreamweaver نمی¬تواند به درستی آن را ارجاع دهد و نهایتاً با لینک¬های نامناسبی در سایت وب مواجه می¬شود. پس باید برای هر پروژه¬ای که ایجاد می¬شود یک سایت وب جدید تعریف شود حتی اگر پروژه¬ها با یکدیگر ارتباط نداشته باشند.
برای تعریف یک سایت وب، لیستی از فایلهای موجود در سایت وب در پنل Files نمایش داده می¬شود.
برای شروع تعریف یک سایت وب از منوی پائین افتادنی Site، گزینه Manage Sites را انتخاب کرده و کادر محاوره¬ای Manage Sites باز شود. همچنین توسط انتخاب گزینه Site>Manage Sites این کادر محاوره¬ای باز می¬شود. در این کادر محاوره¬ای تعاریف سایت¬های Dreamweaver را ایجاد، ویرایش، کپی، حذف، صادر و وارد می¬نماید. با انتخاب گزینه New و ادامه مراحل می¬توان یک سایت وب جدید را تعریف کرد.
ایجاد فایل¬های جدید در پنل Files
در پنل Files مربوط به Dreamweaver پوشه¬ها و فایل¬های جدیدی را می¬توان ایجاد نمود. برای باز کردن منوی پنل Files، در این پنل کلیک راست کرد. در بالای این منو مضمونی دوفرمان New File و New Folder وجود دارد که این فرمان¬ها برای ایجاد فایل¬ها و پوشه¬های جدید در پنل Files وجود دارد. سایت¬های وبی که ساخته می¬شود برای سازماندهی به دایرکتوری¬ها نیاز دارند. احتمالاً هر سایتی حداقل دارای یک دایرکتوری تصاویر برای تمام تصاویر موجود در سایت است. با استفاده از فرمان New Folder یک دایرکتوری تصاویر می¬توان ایجاد کرد. برای اضافه نمودن یک فایل جدید به سایت باید روی پوشه ریشه کلیک راست نمود و فرمان New File را انتخاب کرد . یک صفحه وب بدون عنوان این سایت وب ایجاد می¬شود. این صفحه وب index.html نام دارد. استفاده از نام پیش¬فرض برای صفحه این امکان را برای کاربر فراهم می¬سازد که تنها با وارد کردن آدرس یک صفحه وب پایه بدون صفحه ضمیمه، به راحتی صفحه وب پیدا شود.
صفحه اصلی برنامه از یک نوار منو، نوار Insert، نوار ابزار Document، بازرس Property گروه پنل و پنجره Document تشکیل شده است.
برخی از افراد استفاده از فرمان¬های منو را ترجیح می¬دهند و ممکن است گروه دیگری کلیک کردن بر روی آیکون¬ها را بپسندند.
نوار Menu
منوی File شامل فرمان¬های برای باز کردن و بستن، ذخیره کردن، وارد کردن و صادر کردن فایل است.
منوی Edit حاوی دستورات cut، copy، paste، Find و Replace است.
در ویندوز فرمان preferences هم در این منو قرار دارد. بسیاری از عناصر واسط کاربر Dreamweaver و عملیات آن می¬توانند به وسیله فرمان Preferences پیکربندی شوند.
منوی View چشم¬انداز را بر روی محتوای سرصفحه، عناصر قابل مشاهده، کناره¬های قالب، جداول و چارچوب نوار وضعیت، نقشه تصاویر، تغییر می¬دهد. علامت بررسی (Checkmark) در کنار هر عنصر مشخص می¬کند که در حا حاضر مرور می¬شود. همچنین منوی Veiw فرمانهایی برای فعال¬سازی خط¬کش، شبکه و راهنماها، اجرای برنامه¬های کوچک کاربردی و نمایش تصویر ردیاب دارد.
منوی درج تقریباً مشابه نوار درج می¬باشد و تمام موردهای موجود در نوار درج را از طریق این منو به آن اضافه می¬شود. منوی تغییر یا Modify این امکان را می¬دهد که خواص شی انتخاب شده تغییر کند. پس از افزودن یک شی به صفحه وب از فرمانهای زیرمنوی Modify استفاده می¬شود.
منوی متن راه¬های مختلفی را برای بهتر کردن ظاهر متن در صفحه وب، ارائه می¬کند. منوی متن فرمان Check Spelling را در اختیار افرادی می¬گذارد که معمولاً در هجی کردن مشکل دارند. با انتخاب یک متن، منوی متن اکثر خواص آن را که از طریق بازرس property در دسترس هستند، منعکس می¬کند. از این منو برای ایجاد فرورفتگی در متن تا ساخت یک لیست و تغییر خواص فونت استفاده می¬گردد. منوی Site فرمانهایی را که با کل سایت در ارتباط هستند، دربرگیرد.
نوار Insert
در ویندوز، نوار Insert دقیقاً در پایین نوار منو قرار دارد و در مکینتاش یک پانل شناور است. این نوار شامل دکمه¬هایی برای درج کردن عناصر صفحات وب (نظیر تصاویر، جداول، فرم¬ها، پیوندها) است. برای درج شی مورد نظر در صفحه وب می¬توان روی آیکن دکمه مربوطه کلیک کرد یا آن را کشید. همه اشیاء نوار Insert از طریق منوی Insert نیز در دسترس هستند.
در سمت چپ نوار Insert یک منوی پایین افتادنی وجود دارد که این امکان را می¬دهد تا از بین هفت مقوله از اشیاء، پنل را انتخاب کرد.
Common, layout, Form, Text, HTML, Application, Flash Elements , Favourites
برای نمایش یک شیء از یک مقوله خاص منوی پائین¬افتادنی را باز و مقوله مورد نظر را انتخاب نمائید.

مقوله Common
•    Hyperlink: یک پیوند را که شامل محل لینک و متن مورد نظر می¬باشد را درج می¬کند.
•    E.mail link: پیوندی را اضافه می¬کند که با کلیلک کردن روی آن، یک پیام پست الکترونیکی خالی به یک نشانی پست الکترونیکی خاص ارسال می¬شود.
•    Named Anchor: یک برچسب نامگذاری شده را در نقطه¬ی درج قرار می¬دهد.
•    Table: جدولی را در نقطه درج ایجاد می¬کند.
•    Insert Div Tag: یک برچسب <div> را اضافه می¬کند. Dreamweaver از این برچسب برای ساخت لایه¬ها استفاده می¬نماید.
•    Image: یک تصویر را در نقطه درج قرار می¬دهد (در منوی پائین افتادنی Image)
•    Rollover Image: وجود دو تصویر را به شما اعلام می¬کند که عبارتند از: یک تصویر معمولی و تصویری که وقتی کاربر مکان نمای خود را روی آن قرار می¬دهد، ظاهر می¬گردد.
•    (FireWorks HTML): HTMLی را که از Fireworks ماکرومدیا صادر شده است، در نقطه درج قرار می¬دهد.
•    Navigation bar: مجموعه¬ای از تصاویر دکمه¬ای را که برای هدایت در سایت وب مورد نظر به کار می¬رود، وارد می¬کند.
•    Draw Rectangle Hotspot: این امکان را می¬¬دهد که یک مستطیل را روی ناحیه خاصی از تصویر رسم کنید و آن را به یک URL خاص پیوند دهید.
•    Draw Oval Hotspot: این امکان را می¬دهد که دایره¬ای را روی ناحیه خاصی از تصویر رسم کنید و آن را به یک URL خاص پیوند بدهید.
•    Draw polygon Hotspot: این امکان را می¬دهد که یک چندضلعی را روی ناحیه خاصی از تصویر رسم کنید.
•    Flash: یک فیلم Flash ماکرومدیا را در نقطه درج مستقر می¬کند.
•    Flash Button: یکی از دکمه¬های Flash ماکرومدیا را در نقطه درج مستقر می-سازد.
•    Flash text: یک شی متن Flash ویرایش¬پذیر را در نقطه درج قرار داده و فایل Flashی را می¬سازد.
•    Flash paper: یک مستند Flash paper را در صفحه وب درج می¬کند.
•    Flash Video: یک ویدیوی Flash را در نقطه درج مستقر کرده و پیکربندی می¬کند. (در منوی پایین¬افتادنی Media)
•    Shock Wave :یک فیلم Shockware را در نقطه¬ی درج قرار می¬دهد. (این فیلم، یک فایل از Macromedia Director است که به صفحات وب اختصاص دارد) (در منوی پایین¬افتادنی Media)
•    Applet: یک اپلت جاوا را در نقطه¬ی قرار می¬دهد. (در منوی پایین¬افتادنی Media)
•    Param: برچسبی را درج می¬کند که می¬توانید به وسیله¬ی آن پارامترها و مقادیر آنها را به یک اپلت یا یک کنترل ActiveX پاس کنید. (در منوی پایین¬افتادنی Media)
•    ActiveX: یک کنترل ActiveX را در نقطه¬ی درج قرار می¬دهد. (در منوی پایین¬افتادنی Media)
•    Plugin:هر فایلی را که نیاز به یک Plug-in مرورگر داشته باشید، در نقطه¬ی درج مستقر می¬کند. (در منوی پایین¬افتادنی Media)
•    Data:تاریخ فعلی را در نقطه¬ی درج وارد می¬کند.
•    Server-Side Include: فایلی را در نقطه¬ی درج قرار می¬دهد که یک include سمت سرویس دهنده را شبیه¬سازی می¬کند.
•    Comment: توضیحی را در نقطه¬ی درج وارد می¬کند.
•    Make Template: یک الگوی Dreamweaver از صفحه¬ی فعلی ایجاد می-کند.(در منوی پایین¬افتادنی Templates)
•    Make Nested Template: یک الگوی Dreamweaver تودرتو از صفحه-ی فعلی ایجاد می¬کند. (در منوی پایین¬افتادنی Templates)
•    Editable Region: یک ناحیه ویرایش¬پذیر را به یک الگو اضافه می¬کند. (در منوی پایین¬افتادنی Templates)
•    Optional Region: یک ناحیه¬ی اختیاری را به یک الگو اضافه می¬کند. (در منوی پایین¬افتادنی Templates)
•    Repeating Region: یک ناحیه تکرار شونده را به یک الگو اضافه می¬کند. (در منوی پایین¬افتادنی Templates)
•    Editable Optional Region:یک ناحیه ویرایش¬پذیر اختیاری را به یک الگو اضافه می¬کند. (در منوی پایین¬افتادنی Templates)
•    Repeating Table: یک جدول تکرار شونده را به الگو اضافه نموده و مشخص می¬کند که کدام خانه¬ها ویرایش¬پذیر هستند.
•    Tag Chooser:به شما امکان می¬دهد که یک برچسب را انتخاب کنید و از منوی سلسله مراتبی مربوط به تمام برچسب¬های موجود، آن را درج کنید.

مقوله Layout
•    Table: یک جدول را در نقطه درج ایجاد می¬کند. (این آیکن در زبانه¬ی Common نیز وجود دارد)
•    Insert Div Tag: یک برچسب (tag) <div> را اضافه می¬کند. Dreamweaver از این برچسب برای ساخت لایه¬ها استفاده می¬نماید. (این آیکن در زبانه¬ی Common نیز وجود دارد)
•    Draw Layer: یک محفظه لایه را در یک صفحه وب رسم می¬کند.
•    Standard Mode: نمای استاندارد Dreamweaver را فعال می¬کند در حالی که همزمان جداول گسترش یافته یا نمای Layuot را غیرفعال می¬سازد.
•    Expanded Mode: نمای قالب Dreamweaver را فعال می¬کند در حالیکه به طور موقت بسترگذاری خانه (Cell Padding) و کناره¬ها را به جدول اضافه می-نماید.
•    Layout Mode: نمای طرح Dreamweaver را فعال نموده و به شما این امکان را می¬دهد که جداول یا خانه¬های آنها را رسم کنید.
•    Layout Table: زمانی که در نمای Layout هستید، یک جدول را رسم می-کند.
•    Draw Layout Cell: وقتی که در نمای Layuot هستید، یک خانه جدول را رسم می¬کند.
•    Insert Row Above: در بالای ردیف انتخاب شده از جدول، یک ردیف جدید اضافه می¬کند.
•    Insert Row Below: در پایین ردیف انتخاب شده از جدول، یک ردیف جدید اضافه می¬کند.
•    Insert Column to the Left: ستونی را در سمت چپ ستون انتخاب شده از جدول اضافه می¬کند.
•    Insert Column to the Roght: ستونی را در سمت راست ستون انتخاب شده از جدول اضافه می¬کند.
•    Left Frame: یک فریم در سمت چپ فریم فعلی ایجاد می¬کند. (در منوی پایین¬افتادنی Frame)
•    Right Frame: یک فریم در سمت راست فریم فعلی ایجاد می¬کند. ( در منوی پایین¬افتادنی Frame)
•    Top Frame: یک فریم در بالای فریم فعلی ایجاد می¬کند. ( در منوی پایین-افتادنی Frame)
•    Botton Frame: یک فریم در پایین فریم فعلی ایجاد می¬کند. ( در منوی پایین-افتادنی Frame)
•    Bottom and Nested Left Frame: ابتدا فریمی را در سمت چپ فریم فعلی ایجاد نموده و سپس یک فریم را به قسمت پایین اضافه می¬کند. (در منوی پایین¬افتادنی Frames)
•    Bottom and Nested Right Frame: ابتدا فریمی را در سمت راست فریم فعلی ایجاد نموده و سپس یک فریم را به قسمت پایین اضافه می¬کند. (در منوی پایین¬افتادنی Frames)
•    Left and Nested Bottom Frame: ابتدا فریمی را در پایین فریم فعلی ایجاد نموده و سپس یک فریم را به سمت چپ اضافه می¬کند. (در منوی پایین-افتادنی Frames)
•    Right and Nested Bottom Frame: ابتدا فریمی را در پایین فریم فعلی ایجاد نموده و سپس یک فریم را به سمت پایین اضافه می¬کند. (در منوی پایین-افتادنی Frames)
•    Top and Bottom Frame: فریمی را در پایین فریم فعلی ایجاد نموده و به دنبال آن یک فریم به قسمت بالا اضافه می¬کند. (در منوی پایین¬افتادنی Frames)
•    Left and Nested Top Frame: ابتدا فریمی را در بالای فریم فعلی ایجاد نموده و سپس یک فریم را به سمت چپ اضافه می¬کند. (در منوی پایین¬افتادنی Frames)
•    Right and Nested Top Frame: ابتدا فریمی را در بالای فریم فعلی ایجاد نموده و سپس یک فریم را به سمت راست اضافه می¬کند. (در منوی پایین¬افتادنی Frames)
•    Top and Nested Left Frame: ابتدا فریمی را در سمت چپ فریم فعلی ایجاد نموده و سپس یک فریم را به قسمت بالا اضافه می¬کند. (در منوی پایین-افتادنی Frames)
•    Top and Nested Right Frame: ابتدا فریمی را در سمت راست فریم فعلی ایجاد نموده و سپس یک فریم را به قسمت بالا اضافه می¬کند. (در منوی پایین¬افتادنی Frames)
•    Tabular Data: جدولی را که توسط داده¬های یک فایل منتخب پر شده، در نقطه¬ی درج قرار می¬دهد.

منوی Forms
•    Form: یک فرم را در نقطه درج قرار می¬دهد.
•    Text Field: یک فیلد متن را درج می¬کند.
•    Hidden Field: یک فیلد پنهان را درج می-کند.
•    Textarea: یک ناحیه متن را درج می¬کند.
•    Check Box: یک کادر علامت را درج می¬کند.
•    Radio Button: یک دکمه رادیویی را درج می¬کند.
•    Radio Group: گروهی از دکمه¬های رادیویی مرتبط را درج می¬کند.
•    List/Menu: یک لیست یا منوی پایین کشیدنی را درج می¬کند.
•    Jump Menu: یک منوی پرش ایجاد می¬کند (روش متداول که به بینندگان امکان می¬دهد تا در پیوندهای متعدد موجود در وب حرکت کنند).
•    Image Field: یک فیلد تصویر را درج می¬کند که این امر سبب می¬شود یک تصویر بتواند به عنوان یک دکمه عمل نماید.
•    File Field: یک فیلد فایل را درج می¬کند و به کاربر مربوطه امکان می¬دهد تا فایل مورد نظر را بالاگذاری نماید.
•    Button: یک دکمه را درج می¬کند.
•    Label: برچسبی را برای یک عنصر فرم تعیین می¬کند. این برچسب به مرورگرها امکان می¬دهد که اطلاعات اضافی جاسازی شده در برچسب در رابطه با عناصر فرم، در دسترس افرادی که مشکل بینایی دارند، قرار بگیرد.
•    Fieldset: فیلدهای مرتبط فرم را با یکدیگر در یک گروه قرار می¬دهد تا فرم در مرورگرهای افرادی که مشکل بینای دارند، در دسترس قرار بگیرد.

مقوله Text
•    Font Tag Editor: برای تنظیم صفات یک برچسب فونت، Font Tag Editor را باز می¬کند.
•    Bold: متن منتخب را ضخیم می¬کند. این برچسب در نسخه¬های اخیر HTML اضافه شده است. برچسب مصوب برای ضخیم کردن متن برچسب Strong می-باشد.
•    Italic: متن منتخب را کج می¬کند. این برچسب در نسخه¬های اخیر HTML اضافه شده است. برچسب مصوب برای ضخیم کردن متن برچسب Italic می¬باشد.
•    Strong: سبب می¬شود که متن منتخب ضخیم¬تر به نظر برسد.
•    Emphasis: باعث تأکید روی متن منتخب می¬شود (آن را کج می¬کند).
•    Paragraph: متن انتخاب شده را پاراگراف¬بندی می¬کند.
•    Block Quote: متن منتخب را در یک گیومه¬ی بلوکی (Block Quote) قرار می¬دهد که از سمت راست و چپ با برچسب Blockquote احاطه شده است.
•    Preformatted Text: متن انتخابی را از قبل قالب¬بندی می¬کند. (با استفاده برچسب Pre، در حالیکه متن را با یک فونت با عرض ثابت نمایش می¬دهد که می-توان در آن فواصلی را ایجاد کرد)
•    Heading 1: متن مورد نظر را به اندازه¬ی سرفصل 1 (بزرگترین اندازه) تبدیل می¬کند.
•    Heading 2: متن مورد نظر را به اندازه¬ی سرفصل 2 تبدیل می¬کند.
•    Heading 3: متن مورد نظر را به اندازه سرفصل 3 تبدیل می¬کند.
•    Unordered List: متن منتخب را در یک لیست نامنظم (علامت¬دار) قرار می-دهد.
•    Ordered List: متن منتخب را در یک لیست منظم (شماره¬دار) قرار می¬دهد.
•    List Item: در یک لیست منظم یا نامنظم، متن منتخب را به یک مورد لیست تبدیل می¬کند.
•    Definition List: یک لیست تعریف را ایجاد می¬کند. یک لیست تعریف حاوی عبارات و توصیف¬های تعریف می¬باشد.
•    Definition Term: یک اصطلاح تعریف را در یک لیست ایجاد می¬کند.
•    Definition Description: یک توصیف تعریف را در یک لیست تعریف به وجود می¬آورد.
•    Abbreviation: متن کامل را جهت کمک به موتورهای جستجو، به یک اختصار اضافه می¬کند.
•    Acronym: برای کمک به موتورهای جستجو متن کامل را به یک سرنام اضافه می¬کند.
•    Line Break: یک قطع خط در نقطه¬ی درج قرار می¬دهد.(در منوی پایین¬افتادنی Characters)
•    Non-Breaking Space: کاراکتر خاص ایجاد کننده¬ی فاصله (&nbsp ;)را درج می¬کند. کاراکتر Non-Breaking Space نیز از شکستن خط بین دو کلمه جلوگیری می¬نماید. (در منوی پایین¬افتادنی Characters)
•    Left Quote: یک گیومه در سمت چپ درج می¬کند. (در منوی پایین¬افتادنی Characters)
•    Right Quote: یک گیومه در سمت راست درج می¬کند. (در منوی پایین¬افتادنی Characters)
•    Em-Dash: یک خط تیره¬ی ام درج می¬کند. (در منوی پایین¬افتادنی Characters)
•    Pound: نماد رایج پوند را درج می¬کند. (در منوی پایی¬افتادنی Characters)
•    Euro: نماد رایج یورو را درج می¬کند. (در منوی پایین¬افتادنی Characters)
•    Yen: نماد رایج ین را درج می¬کند. (در منوی پایین¬افتادنی Characters)
•    Copyright: نماد حق نشر را درج می¬کند. (در منوی پایین¬افتادنی Characters)
•    Registered: نماد علامت تجاری ثبت شده را درج می¬کند. (در منوی پایین-افتادنی Characters)
•    Trademark: نماد یک علامت تجاری را درج می¬کند. (در منوی پایین¬افتادنی Characters)
•    Other Characters: منویی از کاراکترهای خاص را باز می¬کند که می¬توانید از طریق آن هر یک از کاراکترهای موجود را انتخاب نمایید. (در منوی پایین-افتادنیCharacters)

مقوله¬ی HTML
•    Horizontal Rule: یک خط افقی را روی صفحه درج می¬کند.
•    Meta: هر برچسب متا را در بخش بالایی یک صفحه¬ی وب درج می¬کند. این شیء می¬تواند برای کمک به موتورهای جستجو، یک برچسب متای نوع نام را درج کند. یا یک برچسب متای نوع http-equiv که می¬تواند کاربر را به URL دیگری ببرد یا در رابطه با صفحه¬ی وب به او اطلاعات اضافی (مانند اختصاص دادن اطلاعات مربوط به کنترل والدین به یک صفحه¬ی وب) بدهد. (در منوی پایین¬افتادنی Head)
•    Keywords: برای اندیس¬دار کردن یک صفحه¬ی وب جهت کمک به موتورهای جستجو، یک برچسب متای Keywords را در بخش بالایی یک صفحه¬ی وب درج می¬کند. (در منوی پایین¬افتادنی Head)
•    Description: برای اضافه کردن توصیفی به صفحه¬ی وب در جهت کمک به موتورهای جسنجو یک برچسب متای Description را در بخش بالایی صفحه وب درج می¬کند. (در منوی پایین¬افتادنی Head)
•    Refresh: یک برچسب متای Refresh را در بخش بالایی صفحه درج می¬کند. این برچسب، قبل از اینکه صفحه¬ی مورد نظر به طور خودکار به صفحه¬ی دیگری پرش کند یا مجدداً خود را بارگذاری نماید، تعداد ثانیه¬ها را تنظیم می¬کند. (در منوی پایین¬افتادنی Head)
•    Base: یک برچسب پایه را در بخش بالایی درج می¬کند. این امر امکان تنظیم یک URL پایه یا یک پنجره¬ی هدف پایه را، که بر تمام مسیرهای یک صفحه¬ی وب اثر می¬گذارد، برای شما فراهم می¬سازد. (در منوی پایین¬افتادنی Head)
•    Link: نشانی یک فایل خارجی (معمولاً یک فایل سبک یا اسکریپت) را درج می-کند. (در منوی پایین¬افتادنی Head)
•    Table Tag: یک برچسب table را درج می¬کند (فقط به صورت کد). (در منوی پایین¬افتادنی Tables)
•    Table Row: یک برچسب tr را درج می¬کند (فقط به صورت کد). (در منوی پایین¬افتادنی Tables)
•    Table Header Cell: یک برچسب th را درج می¬کند (فقط به صورت کد). (در منوی پایین¬افتادنی Tables)
•    Table Data Cell:یک برچسب td را درج می¬کند (فقط به صورت کد). (در منوی پایین¬افتادنی Tables)
•    Table Caption: یک برچسب caption را درج می¬کند (فقط به صورت کد). (در منوی پایین¬افتادنی Table).
•    Frameset: یک برچسب frameset را درج می¬کند (فقط به صورت کد). (در منوی پایین¬افتادنی Table).
•    Frame: یک برچسب frame را درج می¬کند (فقط به صورت کد). (در منوی پایین¬افتادنی Frames).
•    Floating Frame: یک برچسب iframe را درج می¬کند (فقط به صورت کد). (در منوی پایین¬افتادنی Frames).
•    No Frames: یک برچسب noframes احاطه کننده¬ی HTML را درج می-کند تا برای مرورگرهایی که فریم¬ها را پشتیبانی نمی¬کنند، به نمایش درآید (فقط به صورت کد). (در منوی پایین¬افتادنی Frames).
•    Script: کد اسکریپت شده را در نقطه¬ی درج قرار می¬دهد. (در منوی پایین¬افتادنی Script).
•    No Script: (No Script) یک برچسب noscript احاطه کننده¬ی کد HTML را درج می¬کند تا از طریق مرورگرهایی که اسکریپت¬ها را پشتیبانی نمی-کنند، به نمایش درآید. (در منوی پایین¬افتادنی Script)
•    Server-Side Include: (Server-Side Include) فایل شبیه¬سازی کننده¬ی یک Server-Side include را درج می¬کند. (در منوی پایین¬افتادنی Script)

مقوله Flash Elements
•    Image Viewer: یک فیلم Flash که برای گروهی از تصاویر به صورت یک نمایش دهنده¬ی slideshow به کار می¬رود.
مقوله Favourites این امکان را می¬دهد که اشیایی را که مکرراً استفاده می¬شود، به یک مقوله جداگانه از نوار Insert اضافه کنید.
پنجره سند
به طور پیش¬فرض این پنجره در بزرگترین سایز خود قرار دارد و عنوان و نام فایل آن در بالای صفحه نمایش ظاهر می¬شوند.
پنجره سند بخشی از واسط کار Dreamweaver است که بیشترین استفاده را دارد.
نوار ابزار Document
این نوار ابزار امکان دسترسی سریع به فرمانهای مهم را می¬دهد. سه دکمه سمت چپ در نوار ابزار Document این امکان را می¬دهد که بین نمای code و نمای Design و Code را نمایش می¬دهد مفید خواهد بود. کادر متن موجود در نوار ابزار Document جایی است که در آن به صفحه وب عنوانی اختصاص پیدا می¬کند. این عنوان صفحه وب در نوار عنوان مرورگری بر ظاهر خواهد شد. همچنین در قسمت Favourites یا لیست Bookmarks مرورگر به عنوان نام آن صفحه ذخیر خواهد شد. بنابراین این عنوان باید معنی¬دار باشد.
شش منوی پایین¬افتادنی روی نوار ابزار وجود دارند:
•    منوی No Browser/Check Errors این امکان را می¬دهد که بررسی کنید آیا صفحه وب روی مرورگرهای مختلف درست کار می¬کند یا خیر.
•    منوی Validate Markup درستی کد را بررسی می-کند.
•    منوی File Management، فرمان¬های مربوط به مدیریت فایل، نظیر بررسی فایل¬های در داخل و خارج از سرویس دهنده موردنظر را لیست می¬کند.
•    منوی Preview/Debug in Browser دسترسی سریع به لیستی از مرورگرهایی را که برای بازبینی صفحات خود برپا کرده است امکان¬پذیر می¬سازد.
•    منوی View option بر اساس اینکه شما در نمای Design یا Code هستید، تغییر می¬کند. وقتی که در نمای Design هستید این منو فرمانهایی را که در منوی Viewی Dreamweaver موجود هستند، مانند فرمان¬های مرور محتوای سرفصل یا خط¬کش¬ها، نشان می¬دهد. زمانیکه در نمای Code هستید، منوی View options فرمان¬هایی را شامل می¬شود که بر چگونگی نمایش کد تأثیر می¬گذارد مانند word wrap و line Number.
•    منوی Visual Aids تنها در نمای Design فعال است. این منو، به شما امکان فعال و غیرفعال نمودن کلیک¬های بصری را که از طریق گزینه¬ی Visual Aids در منوی View نیز در دسترس هستند، می-دهد.
نوار ابزار Document شامل دکمه Refresh Design view نیز می¬باشد. هنگام ویرایش code این دکمه نمای Design را نوسازی می¬کند. به این ترتیب تغییرات ایجاد شده قابل مشاهده است.
نوار وضعیت
پنجره سند در Dreamweaver دارای یک نوار وضعیت در قسمت پائین صفحه است. این نوار شامل انتخابگر برچسب، منوی پائین¬افتادنی window site، ابزارهای بزرگنمایی و انتخاب و آمار بارگذاری¬ها می¬باشد.
انتخابگر برچسب که در گوشه پائین – چپ پنجره سند قرار دارد، دسترسی آسان به برچسب¬های HTML را فراهم می¬سازد.
در سمت راست نوار وضعیت سه آیکن وجود دارد که چگونگی ظاهر شدن و عملکرد ممکان-نما را در پنجره سند کنترل می¬کنند. به طور پیش¬فرض، ابزار انتخاب، انتخاب شده است. همینطور با انتخاب ابزار دست می¬توان مکان¬نما را کشید و در پنجره سند روی کل صفحات وب لغزید. ابزار zoom یا بزرگنمایی، مکان¬نما را به یک ذره¬بین تبدیل می¬کند و امکان بزرگنمایی صفحه وب را فراهم می¬کند. در کنار ابزار zoom منوی set Magnification وجود دارد که می¬توان به وسیله آن یک سطح بزرگنمایی خاص بین 6% تا 6400% را انتخاب کرد.
منوی پائین¬افتادنی Window site با تغییر اندازه پنجره سند، در بازسازی وضوح صفحه نمایش کمک می¬کند. باید همیشه این اطمینان باشد که طراحی در وضوح پائین (مانند 800×600) یا بالا به خوبی ظاهر می¬شود. برای تغییر سریع اندازه پنجره سند می¬توان از منوی پائین¬افتادنی window site استفاده نمود و مقدار تقریبی محتویات صفحه نمایش را با یک وضوح خاص مشاهده می¬شود.
منوی پائین کشیدنی window site فقط زمانی عمل می¬کند که پنجره سند را با حداکثر اندازه¬ی آن در اختیار نداشته باشیم.
اندازه¬های موجود در منوی window site:
•    ابعاد لیست شده در سمت راست، وضوح صفحه نمایش را نشان می¬دهد.
•    اعداد لیست شده در سمت چپ، ابعاد تقریبی پنجره مرورگر می¬باشند که کوچکتر از اعداد وضوح صفحه نمایش هستند زیرا واسط مرورگر مربوطه تا حدودی فضای مربوطه را اشغال می¬کند. مثلاً وقتی نمایشگر بیننده روی اندازه 640×480 تنظیم شود، ناحیه قابل نمایش فقط 536×198 پیکسل می¬باشد.
از آنجایی که موقع توسعه وب، پهنای باند اغلب جزء موارد مهم محسوب می¬شود، دانستن زمان بارگذاری و اندازه تقریبی فایل صفحه وب از اهمیت بالایی برخوردار است. زمان تقریبی بارگذاری به تنظیم مودم در مقوله Status Bar موجود در preferences بستگی دارد.
پنل¬ها و بازرسان
از طریق بازرسان و پنل¬های Dreamweaver، به تنظیم خصوصیات اشیاء، نمایش پنل¬ها و افزودن کارای به صفحه وب پرداخته می¬شود. اکثر فرمان¬های موجود در Dreamweaver در محل¬های متعدد قابل دسترس می¬باشند. در ویندوز پنل¬های Dreamweaver به صورت گروه¬های پنلی زبانه¬دار در کنار پنجره سند گروه¬بندی می¬شوند، ولی در مکنیتاش، این پنل¬ها در قسمت بالای پنجره¬ی سند شناور هستند.
می¬توان از طریق منوی window پنلی را باز کرد. Dreamweaver به طور پیش¬فرض پنل¬های مهم و بازرس property را باز می¬کند. وقتی که یک پنل باز است، در کنار فرمان مختص به آن یک علامت بررسی وجود دارد. برای بستن یا یک بازرس باید انتخاب فرمان مربوطه در منوی window لغو کنید. این پنل واقعاً کنار نمی¬رود پیکانه¬ی بسط دهنده گروه پنل چرخیده، گروه پنل جمع¬آوری می¬شود. ممکن است نام فرمانهای موجود در منوی window یا نام پنل¬ها و یا بازرسانی که فعال می¬کنند، اندکی تفاوت دارد.
پنل¬ها و گروههای پنل
می¬توان با کلیک کردن روی پیکانه بسط دهنده موجود در سمت چپ به عنوان پنل مورد نظر، یک گروه پنل یا بازرس را بسط داد. گیره (g ripper) دقیقاً در سمت چپ پیکانه¬ی بسط دهنده قرار گرفته است. می¬توان با انتخاب این گیره و کشیدن پنل مورد نظر به خارج از محل استقرار آن، یک گروه پنل را غیرمستقر نمود. برای مستقر کردن یک گروه پنل، یک خط ضخیم سیاه رنگ را می¬توان مشاهده کرد که موقعیت آن را در بین سایر گروه¬های پنل مشخص می¬کند.
در واسط کاربر کامل windows، برای تغییر دادن اندازه گروه¬های پنل، نواری را بکشید که آنها را از لبه¬ی پنجره سند جدا می¬کند. وقتی که مکان¬نما در جای درستی قرار بگیرد، به یک پیکانه¬ی دوطرفه تبدیل می¬شود. جهت تغییر ارتفاع پنل منفردی از یک گروه پنل، مکان¬نمای خود را روی لبه آن قرار دهید تا به یک پیکان دوطرفه تبدیل شود و آنها را بکشید تا به اندازه دلخواهی برسیم. کاربران ویندوز می¬توانند برای دووضعیتی کردن توسعه و جمع کردن ناحیه گروه پنل مورد نظر، از دکمه Collapse که درون نوار جدا کننده¬ی پنجره سند از گروه¬های ذیل قرار دارد، استفاده ننمایند.
بازرس property
بازرس property همه خصوصیات مربوط به موضوع انتخاب شده اخیر را نشان می¬دهد. این بازرس همچون یک آفتاب¬پرست به شکل¬های مختلف دیده می¬شود و خصوصیات مناسب اشیاء متعدد انتخاب شده¬ی موجود در گوشه پائین-راست بازری property را انتخاب کنید.
منوهای مضمونی Context Menus
برای دسترسی و تغییر خواص اشیاء موجود در Dreamweaver چندین روش وجود دارد. منوهای مضمونی یکی از انتخاب¬های موجود می¬باشند. این منوها زمانی باز می¬شوند که در پنجره سند روی شیء موردنظر کلیلک راست می¬کنید. محتویات موضوع مورد نظر به شی که روی آن کلیلک شده، بستگی دارد.
کمک گرفتن Help
برای راه¬اندازی فایل¬های راهنماهای Dreamweaver باید فرمان Dreamweaver Help را از منوی Help کمک کنید.
افزودن یک تصویر به یک صفحه
تصاویر فایلهای مجزایی هستند که در یک صفحه وب ظاهر می¬شوند. از آنجایی که Dreamweaver یک برنامه¬ی WYSIWYG است، این امکان را فراهم می¬کند که تصاویر را درست در پنجره سند Dreamweaver مشاهده شود. تصاویر در واقع بخشی از HTML محسوب نمی¬شوند، بلکه به صورت فایلهای مجزایی باقی می¬مانند که هر دو آنها را هنگام مشاهده صفحه وب، درج می¬کند.
برای درج یک تصویر در صفحه وب به ترتیب زیر عمل می¬شود:
1-مکان¬نما در جایی که تصویر می¬خواهد درج شود قرار داده می¬شود.
2-فرمان Image از نوار Insert انتخاب می¬شود.
3-روی آیکن Browse در بازرس property کلیک شود تا در دایرکتوری حاوی فایل تصویری مورد نظر حرکت نماید. کادر محاوره select Image Source ظاهر می¬شود.
4-یک فایل تصویری دارای پسوند gif. یا jpg. انتخاب می¬شود. در صورت خالی شدن کادر علامت preview Image، یک تصویر در سمت راست کادر محاوره¬ای مرور رؤیت می¬گردد.
در تصاویر غلتشی نام تصویر اهمیت دارد.
هم¬ترازسازی تصویر با متن
منوی پائین¬افتادنی Align در بازرس property نحوه هم ردیف کردن عناصر کنار یک تصویر را با تصویر مورد نظر کنترل می¬کند. Align با تنظیم مربوط به هم¬تراز کردن متن بسیار متفاوت است. هم¬ترازی متن برای تنظیم یک تصویر در وسط، چپ یا راست صفحه نمایش به کار می¬رود. اما منوی پائین¬افتادنی Align برای تأثیر گذاشتن بر نحوه هم¬ردیف شدن اشیاء دیگر با یک تصویر استفاده می¬شود.
هم¬ترازی تصویر موجود در بازرس property
•    Default: معمولاً خط پایه است ولی به مرورگر بستگی دارد.
•    Base line: پائین تصویر را با پائین عنصر مورد نظر هم¬تراز می¬کند.
•    Top: تصویر را با بالاترین عنصر هم¬تراز می¬کند. خطوط اضافی متن، زیرا تصویر سطربندی می¬شوند.
•    Middle: خط پایه متن تا با وسط تصویر هم¬تراز می¬کند.
•    Bottom: خط پایه متن را با پائین صفحه هم¬تراز می¬کند.
•    Text Top: تصویر را با بالاترین متن هم¬تراز می¬کند.
•    Left: تصویر را در سمت چپ عناصر دیگر هم¬تراز می¬کند.
•    Right: تصویر را در سمت راست عناصر دیگر هم¬تراز می¬کند.

استفاده از پنل Timelines
پنل Timelines از طریق زیرمنوی Timelines موجود در منوی window باز می¬شود. این پنل در پایین Property قرار دارد. کانالهای شماره¬دار به صورت عمودی در خط زمان بالا و پایین می¬روند. کانالها امکان متحرک¬سازی چند شیء را در یک خط زمان فراهم می-سازند. فریمهای شماره¬دار به صورت افقی از چپ به راست در موازات قسمت بالای خط زمان در حرکتند. تعداد فریمها بر سرعت انیمیشن تأثیر می¬گذارد.
در بالای خط زمان، یک کانال ویژه وجود دارد که با حرف B برچسب زده شده است. می-توانید عملکردهایی را در این کانال تنظیم کرد، به طوری که در یک فریم خاص اجرا شود.
فریمهای هر ثانیه را در کادر FPS کنار دکمه PLAY تنظیم می¬شود. بدین ترتیب تعداد فریمهایی که در هر ثانیه در خط زمان یافت می¬شوند، تنظیم می¬شود. هر چه fps بالاتر باشد سرعت انیمیشن بیشتر خواهد بود زیرا در هر ثانیه فریم¬های بیشتری در خط زمان جای می¬گیرند. وقتی یک شیء در اطراف صفحه نمایش جابجا شود تعداد بیشتر فریمها انیمیشن را یکنواخت¬تر می¬کند. با این وجود نقطه معینی وجود دارد که در آنجا حتی اگر fps را افزایش دهید باز هم مرورگر نمی¬تواند عمل انیمیشن¬سازی را با سرعت بالاتری انجام دهد.
ضبط یک انیمیشن ساده:
سریعترین روش برای جابجا کردن یک شیء در یک خط زمان، ضبط آن می¬باشد در ابتدای امر به لایه¬ای نیاز دارید که حاوی یک شیء، نظر یک تصویر، متن یا رنگ پس¬زمینه، باشد. معمولاً لایه¬های متحرک¬سازی شده شامل تصاویر هستند. کل موضوعاتی که در خطوط زمان خود جای می¬دهید، باید درون لایه¬ها قرار داشته باشند.
برای ضبط مسیر یک انیمیشن مراحل زیر را انجام دهید.
1-ابتدا مطمئن شوید که Prevent Layer Overlaps در پنل Layers غیرفعال باشد. در غیر اینصورت نمی¬توانید لایه متحرک¬سازی شده خود را روی لایه¬های دیگر در صفحه نمایش حرکت دهید.
2-لایه¬ای را که می¬خواهید متحرک¬سازی کنید انتخاب نمایید. این لایه وقتی انتخاب می¬شود که بتوانید دستگیره¬های کشیدنی آن را ببینید. برای فعال شدن فرمان Record Path of Layer باید لایه¬ای را انتخاب کنید.
3-از زیرمنوی Timeline مربوط به منوی Modify فرمان Record Path of Layer را انتخاب نمایید.
 


منابع :


طراحی سایت : سایت سازان