شكل بالا نمايي از محيط كاري برنامه است كه اگر با ساير برنامه هاي ماكرومديا همانند فلش و فري هند كار كرده باشيد با اين محيط آشنا هستيد اگر نه توضيحاتي عرض ميكنم.
نوار منو : همانند ساير برنامه هاي ويندوز در اين نوار دسترسي به گزينه هاي يك برنامه امكان پذير است.
ميله درج ابزار : توسط آيكن هاي قرار گرفته در اين نوار ميتوانيد يك سري آبجكتها را وارد صفحه خود كنيد.
Document نوار ابزار : اين نوار تعدادي گزينه در رابطه با پنجره داكيومنت را در دسترس قرار مي دهد د ر حال حاضر مهمترين گزينه هاي اين ابزار گزينه است كه كل پنجره را به قسمت كدها اختصاص مي دهد و گزينه ميتواند هم پنجره كدها و هم پنجره
داكيومنت را به نمايش بگذارد همانطور كه در تصوير ديده ميشود و بالاخره گزينه تمام پنجره به پنجره داكيومنت اختصاص مي يابد.
پنجره كدها كدهاي html كه برنامه توليد كرده را نمايش ميدهد و پنجره Document جايي است كه شما بايد تمام مراحل طراحي صفحه وب خود را در اينجا انجام دهيد .
پانل گزينه ها : همانند ساير برنامه هاي ماكرو مديا به محض انتخاب هر ابزار گزينه هاي آن ابزار در اين قسمت به نمايش در مي يابد و طبق معمول اين پانل هم از كاربردي ترين بخشهاي برنامه است و زياد از آن بايد استفاده كرد .
پانلهاي گروهي : همانند برنامه هاي ديگر ماكرو مديا و يا ادوب در اين پانلها تعدادي ابزار جهت كارهاي گوناگون قرار گرفته كه بسته به نياز بايد به آن رجوع كرد .
پانل Files:در اين پانل كليه تنظيمات كلي سايتتان قابل انجام است و از پانلهايي است كه زياد به آن رجوع مي شود .
اگر با پانلها كار نداشتيم جهت آزاد شدن صفحه بر روي فلشي كه در كنار اين پانلها قرار دارد كليك مي كنيم تا پانلها جمع شوند و هر گاه بهپانلي احتياج داشتيم دوباره بر روي همين فلش كليك ميكنيم تا پانلها باز شوند.
نكاتي قبل از ايجاد سايت
قبل از ايجاد سايت به چند نكته توجه كنيد.
۱ – هميشه فايلهاي مورد نياز سايتتان از جمله فايلهاي گرافيكي و صوتي و ... را تهيه كرده و در يك فولدر قرار دهيد.
۲ – يك طرح كلي از سايت و تعداد صفحات جانبي آن را در ذهنتان مجسم كرده و در صورت امكان آن را بر روي كاغذ پياده كنيد.
۳- براي آمادگي قبل از طراحي يك فولدر خالي ايجاد كرده تا تمام محتويات سايتتان در آْن قرار گيرد.
۴ – در نام گذاري فايلها از حروف كوچك استفاده كرده و از قرار دادن فاصله در بين حروف بپرهیزید
شكل بندي ايجاد يك سايت در دريم ويور.
شما پس از ورود به برنامه براي ايجاد يك سايت بايد از منوي Site وافع در نوار منو گزينهManage site را كليك كنيد تا با پنجره زير مواجه شويد.
شما در اين پنجره اگر قبلا سايتي تعريف كرده باشيد نام آن را مي بي نيد و گر نه براي تعريف يك سايت جديد بر روي New كليك كنيد تا به.
در اين تب در قسمت Site name نامي را به سايت خود بدهيد و در قسمت Local root folder مكان فولدر خالي كه براي سايتتان ايجاد كردهايد را به برنامه بشناسانيد و در قسمت Defalt images Folder هم فولدري كه عكسهايتان در آن قرار دارد را به برنامه معرفي كنيد به ساير گزينه ها و آيتم ها فعلا كاري نداشته باشيد و ok كنيد و پنجره قبلي را هم Doneرا بفشارید.
اكنون سايت جديد شما ايجاد شده است
حال نگاهي به پانل Files بيندازيد مي بينيد كه نام سايت و فولدر آن در اين قسمت درج شده براي ايجاد يك فايل در اين پانل كليك راست New file را كليك كنيد فايلي براي شما ايجاد ميشود.
نام فايل جديد را inDex بگذاريد و دقت كنيد پسوند اين فايل را حذف نكنيد. حال ۲ بار بر روي اين فايل جديد كليك كنيد تا اين فايل در پنجره Documentباز شود و شما اقدام به طراحي اولين صفحه سايت خودتان کنید.
نكته ۱: پس دريافتيم براي گشودن يك فايل از پانل File بايد بر روي آن فايل دابل كليك كنيم چون در مراحل بعد ما تعداد ب يشتري صفحه براي سايتمان ايجاد ميكنيم و هر كدام از اين صفحات هم احتياج به ويرايش مسلما دارند.
نكته ۲ : براي ايجاد فولدري جديد در سايتمان در پانل File كليك راست كرده و گزينه New Folder راانتخاب می کنیم.
تا اينجا ما با قسمتهاي مختلف برنامه آشنا شديم و توانستيم سايت جديدي تعريف و يك صفحه وب هم درون آن ايجاد كنيم و از اين پس بر روي طراحي صفحه ساخته شده متمركز مي شويم.
طراحي يك صفحه وب
تعيين مشخصات كلي صفحه
بعنوان اولين قدم تعيين مشخصات كلي براي يك صفحه را بايد انجام دهيم قبل از هر كار با انتخاب آيكنDesign از نوار ابزار داكيومنت فقط Documentرا در صفحه داشته باشيد و كدها پنهان باشند سپس براي نعيين مشخصات كلي از منوي modify گزینه یpage properteis را انتخاب ميكنيم و يا مي توانيم از كليدهاي تركيبي ctrl+j استفاده می کنیم.
با كليك راست در صفحه داكيومنت و نيز از طريق پانل گزينه ها هم ميتوان به اين گزينه دسترسي داشت. در اين هنگام با صفحه Page propetiesمواجه ميشويم كه در اين پنجره تعدادي ايتم در سمت چپ و با توجه به هر آيتم يك سري گزينه در سمت راست صفحه ديده مي شود حال به تشريح مهمترين قسمتهاي اين پنجره مي پردازيم.
در اين برگه در قسمت page fontفونت مورد نظرتان را براي صفحه انتخاب كنيد در قسمت فونتها ممكن است نام چندين فونت را ببينيد و بپرسيد اين به چه خاطر است.
چون صفحه ما را همه افراد با سيستم عاملهاي مختلف خواهند ديد و مطمئن نيستيم كه بازديد كننده ما فونت بكار رفته توسط ما را در سيستمخود دارد يا نه بايد براي فونتها خود چندين گزينه را در نظر بگيريم مثلا اگر از فونت Arial – Helvetica – sans-serif استفاده كنيم مرورگر بازديد كننده متون ما را ابتدا با فونت Arialنمايش مي دهد و اگر اين فونت در سيستم بازديد كننده وجود نداشت متون با فونت Helveticaو اگر اين فونت هم نبود با فونتsans-serifآن را نمايش مي دهد حال در صورتي كه ما فقط از يك فونت استفاده كنيم امكان اين كه صفحات ما بصورت حروف درهم ريخته در ساير سيستم ها نمايش يابد زياد است
اما ما مي توانيم فونتهاي دلخواه خود را هم به برنامه بشناسانيم كه اين موضوع از طريق پانل گزينه ها توضيح داده مي شود و نه از اينجا
در قسمتsizeهم شما مي توانيد سايز فونت را تعيين كنيد.
در قسمتtext colorشما رنگ متن خود را مشخص مي كنيد.
در قسمت background colorشما رنگ پس زمينه صفحه خود را مشخص مي كنيد.
در قسمت Background image شما ميتوانيد تصويري را به برنامه معرفي كنيد تا برنامه آن تصوير را بعنوان پس زمينه صفحه تان قرار دهد لازم به ذكر است تصوير اگر كوچك باشد بصورت كاشي كاري كل صفحه را خواهد پوشاند.
و كادر هاي انتهايي هم براي حاشيه هاي صفحه تان است بطوري كه اگر شم ا عددي را دركادرها تايپ كنيد گزينه هاي كناري آن روشن ميشود كه ميتوانيد مقياس فاصله هايتان را نيز مشخص كنيد.
|