![پروژه طراحی وب سایت با Dreamweaver](../prod-images/396768.jpg)
فرمت فایل : WORD (قابل ویرایش)
تعداد صفحات:160
فهرست مطالب:
بخش 1 1
آشنایی با محیط Dream weaver MX 1
نرم افزار Dream weaver چیست؟ 1
محیط کاری Dream weaver 1
نوار ابزار(Toolbar) 3
نوارInsert 3
نوار Document 10
نوار Standard 11
نوار وضعیت 12
پانلها و پنجره های ناظر(Inspector) 12
پانل های باراندازی شده 13
پنجره (ناظر) خصوصیات (Property Inspector) 13
نوار منو 14
منوهای فرعی (زمینه ای) 15
ایجاد یک صفحۀ وب و تنظیم خصوصیات صفحه 16
وارد کردن و ترازبندی متن 16
افزودن عنوان سند 16
تنظیم رنگ متن و زمینه 18
تنظیم حاشیه های صفحۀ وب 20
فرمت متن 20
تبدیل متن به یک لیست و کاربرد دکمه های تورفتگی 21
ذخیره سازی صفحۀ وب و مشاهده آن در یک مرورگر 22
طراحی و ایجاد پروژه به کمک پنجرۀ Site 23
تعریف نمودن وب سایت جدید 24
تنظیم سایت محلی 24
افزودن سایت راه دور (Remote Site) 27
تنظیم اطلاعات شبکه LAN 28
تنظیم اطلاعات FTP 30
تنظیم پیوندها، ابر پیوندها ،آدرس های URL لنگرها و پیوندهای پستی 31
مسیر های نسبی و مسیرهای مطلق 32
افزودن یک پیوند ویژه به سایت وب 35
کابرد آیکون Point - To – File 39
فصل 2 41
افزودن تصاویر مالتی مدیا (چنررسانه ای) 41
نمایش تصاویر بر روی صفحۀ وب و ایجاد یک طرح تصویری 41
همتراز نمودن تصویر با متن 43
افزودن متن توصیف گر تصویر 44
ایجاد یک تصویر پیوند یافته 44
ایجاد یک غلتان 47
ایجاد یک طرح تصویری 51
هدایت یک پیوند برای باز شدن در یک مرورگر جدید 53
افزودن فایلهای مالتی مدیا به صفحات وب 54
افزودن فایل های فلش 57
ایجاد متن Flash 58
ایجاد یک دکمۀ Flash 60
درج یک اپلت جاوا 62
نمایش داده ها به کمک جدول ها 63
انتخاب مولفه های جدول 65
افزودن و دسته بندی داده ها 66
افزودن یا حذف سطرها و ستون های جدول 67
وارد کردن داده های جدول 69
صادر نمودن داده های یک جدول 71
افزودن جدول صفحه بندی یا خانه های صفحه بندی 72
ویرایش یک جدول در نمای استاندارد 74
تنظیم مکان قرار گیری لایه بر روی صفحه 78
افزودن رنگ و تصویر پشت زمینه به یک لایه 79
ترتیب پشته سازی لایه ها 80
تراز بندی لایه ها و گزینۀ Grid 80
تغییر میزان رویت پذیری لایه ها 81
ایجاد و نسبت دادن یک سبک سفارشی 86
ایجاد یک غلتان پیوند ویژه 93
مشاهدۀ محتوی سرآیند 95
استفاده از پانل Frames 100
فریم های تودر تو 101
تنظیم حدود 104
افزودن یک عنوان 105
بخش 3 110
ایجاد تقابل به کمک ویژگی Behaviors 110
درج عملیات اسکریپت شده به کمک Behaviors 110
آشکار و پنهان نمودن لایه ها 115
انتخاب رفتار 116
بازکردن یک پنجرۀ جدید 118
تنظیم خصوصیات پیشرفته برای رفتار Drag Layer 123
بخش 4 127
جمع آوری اطلاعات به کمک فرم ها 127
ایجاد فرم ها و جمع آوری داده ها 127
تنظیم خصوصیات فیلدهای متنی 129
افزودن برچسب ها (Labels) به فیلدها 131
افزودن دکمه های رادیویی و کادرهای کنترلی 132
افزودن یک فهرست (List) یا یک منو به فرم 135
افزودن دکمه های فشاری و دکمه های تصویری 137
دریافت اطلاعات از یک فرم 144
افزودن یک فیلد پنهان 146
منابع
چکیده:
بخش 1
آشنایی با محیط Dream weaver MX
نرم افزار Dream weaver چیست؟
این نرم افزار یک برنامه قدرتمند با کاربردی آسان برای ویرایش html و ایجاد صفحات وب سایت است . محیط این نرم افزار به روش WYSIWYG کار می کند یعنی هر نوع تغییر یا عملیاتی که اجرا کنید حاصل آن را به سرعت مشاهده می کنید . می توانید سایتهای جدید ایجاد نموده و سایت های موجود را در این محیط وارد نموده و ویرایش نمایید.
محیط کاری Dream weaver
هنگامی که اولین بار این نرم افزار را اجرا می کنید، یک پنجره خالی مرسوم به پنجرۀ سند Document window همراه با تعدادی پالت مشاهده می فرمایید . داخل پنجره سند می توانید نمای صفحه وب را تقریباً مشابه با نمای مرورگر مشاهده نمایید .
نوار عنوان شامل عنوان سند فعلی است . این عنوان در نوار عنوان مرورگر وب نیز ظاهر می شود.
نوار ابزار(Toolbar)
این نوار از سه قسمت تشکیل شده که هر کدام شامل دکمه هایی است که فرامین اصلی و رایج را در اختیار کاربر قرار می دهد. اگر این نوار را مشاهده نمی کنید، به ترتیب View/Toolbar را کلیک کرده:
1- نوار Insert
2- نوار Document
3- نوار Standard
نوارInsert
این نوار شامل دکمه هایی است که برای درج عناصررایج یک صفحه وب مانند تصاویر، جدولها، فرمها و پیوندهای ویژه. کافی است دکمۀ مربوط به عنصر مورد نظر را کلیک نموده یا آن شیء را داخل صفحه وب درج نمایید. به منظور آشکار شدن این پانل به ترتیب Window/Insert را کلیک کنید. این پانل در حقیقت در برگیرنده چند پانل فرعی است.
حال به توضیح دکمه های هر پانل فرعی می پردازیم.
1. پانل Common:
Image: درج تصویر در مکان فعلی نقطۀ درج
: درج تصویر غلتان (دو تصویر فعال و غیر فعال)
: ایجاد یک جدول در مکان فعلی نقطۀ درج
: درج مجموعه ای از تصاویر که برای پیمایش در سایت وب استفاده می شوند
: افزودن یک پیوند ویژه که به هنگام کلیک شدن، پیام E-Mail را به یک آدرس Email ارسال می کند.
: درج تاریخ فعلی در نقطه درج
: قرار دادن HTML صادر شده از Macromedia Firworks در نقطه درج
: قرار دادن یک فلش در نقطه درج
: قرار دادن یکی از انواع دکمه های آماده فلش در نقطۀ درج
: قرار دادن متن قابل ویرایش فلش در نقطۀ درج و ایجاد یک فایل فلش
: قرار دادن یک فیلم Shockwave Movie در نقطه درج
: یک جاوا اپلت در نقطۀ درج قرار می دهد
: هر فایل مورد نیاز یک برنامه افزودنی مرورگر را در نقطه درج قرار می دهد.
: یک کنترل Activex در نقطۀ درج قرار می دهد.
: یک لنگر با نام در نقطه درج قرار می دهد. از آنها برای پیوندهای ویژه درون همان فایل استفاده می کنید.
: یک توضیحات در نقطۀ درج قرار می دهد.
2. پانل Layout:
: تبدیل اشاره گر ماوس به یک ابزار کمند برای ترسیم لایه ها بر روی پنجرۀ سند
: ایجاد یک جدول در نقطه درج که با داده هایی از یک فایل منتخب تکمیل خواهد شد
: ایجاد یک فریم خالی سمت چپ پنجرۀ سند فعلی
: ایجاد یک فریم خالی سمت راست پنجرۀ سند فعلی
: ایجاد یک فریم خالی سمت بالای پنجرۀ سند فعلی
: ایجاد یک فریم خالی سمت پایین پنجرۀ سند فعلی
: ایجاد یک فریم پایینی و تقسیم فریم بالایی به دو فریم چپ و راست.
: ایجاد یک فریم خالی سمت چپ و تقسیم سمت راست صفحه به دو فریم بالایی و پایینی و یقیه هم به شکل های گوناگون تقسیم بندی شده اند.
: هر گاه نمای Layout را فعال کنید، این دکمه نیز فعال خواهد شد.
3. پانل Forms:
: درج یک فرم در نقطۀ درج
: درج یک فیلد متنی در یک فرم
: درج یک فیلد پنهان در یک فرم
: درج یک فرمت یا یک منوی کرکره ای در یک فرم
: درج یک کادر کنترلی در یک فرم
: دج یک دکمه رادیویی در یک فرم
: ایجاد یک منوی پرش که به مشاهده گران اجازه می دهد تا چند پیوند ویژه بر روی وب را پیمایش نمایند.
: درج یک فیلد تصویری در یک فرم که به تصویر اجازه می دهد تا عملکرد مشابه یک دکمه داشته باشند.
: درج یک فیلد فایل در یک فرم که به کابر اجازه می دهد تا یک فایل را بارگذاری نماید.
: درج یک دکمه در یک فرم
4. پانل Text:
: قرار دادن یک انفصال خط <BR> در نقطۀ درج
: درجه یک فاصله غیر انفصالی که مانع ایجاد انفصال سطر بین دو لغت می شود.
: درج یک علامت نقل قول سمت چپ
: درج یک نشانه نقل قول راست
: درج یک علامت -
: درج نشانۀ پوند
: درج نشانه واحد یورو
: درج نشانه واحد پول ین
: درج نشانۀ کپی رایت
: درج نشانه ثبت شده
: درج نشانۀ تجاری (Trademark)
: بازکردن منویی شامل کارکترهای ویژه به منظور انتخاب و درج آنها
5. پانل HTML:
: درج یک خط کش افقی (خط انفصال صفحه) در مکان فعلی نقطه درج.
: قرار دادن یک فایل که یک Server-Side include را شبیه سازی می کند.
: یک کد اسکریپت شده در نقطه درج قرار می دهد.