آموزش نحوه ايجاد اين تمپلت
در اين جا لازم ديدم نحوه ايجاد اين تمپلت را هم توضيح دهم باشد تا در فراگيري بيشتر مطالب از سوي دوستان موثر افتد در ابتدا ما ۳ شيوه نامه با نامهايي كه در بالا مي بينيد ايجاد كرديم منتها بدون قرار دادن مشخصات.
حال شيوه نامه layer را باز كرده مشخصات زير را در بخش position آن درج ميكنيم.
عرض و ارتفا لايه را هم عرض و ارتفاع تصويري ميگيريم كه قرار است در اين لايه قرار گي
z-index آن را هم ۱ مي گيريم تا اين لايه در زير همه لايه ها قرار گيرد
مقادير top ,left را هم به دلخواه خود براي فاصله لايه از بالا و گوشه سمت چپ صفحه در نظر مي گيريم اكنون به صفحه مي آئيم و تصوير 01.gif را وارد مي كنيم و كلاس layer را به آن نسبت مي دهيم.
در اين قسمت ما كلاسlayer 2 را باز كرده و اين مشخصات را در قسمت position آن وارد ميكنيم.
مقاديري كه من در قسمت placement انتخاب كردم اختياري است شما مي توانيد مقادير ديگري را انتخاب كنيد تا موقعيت قرار گيري لايه تان را انتخاب كنيد
طول و عرض لايه را هم مطابق طول و عرض تصويري گرفتم كه قرار است در اين لايه قرار گيرد z-index را ۳ گرفتم تا اين لايه روي همه لايه ها قرار گيرد
حال به صفحه برگشته و تصوير 02.gif را وارد مي كنيم و كلاس layer3 را به آن نسبت مي دهيم تا اين جا ۲ لايه درج و تكميل شد و فقط مانده لايه سوم كه همان متن متحرك يا همان marquee ابتدا بايد كلاس آن را تكميل كنيم پس كلاس layer2 را باز كرده و از آن جا كه متن است بايد مشخصات متني دلخواه خود را هم ثبت كنيم .
پس در قسمت type قرار گرفته مشخصات دلخواه خود را وارد كنيد .
حال به قسمت position آن رفته و مشخصات لايه خود را هم وارد كنيد.
در اين جا هم طول و عرض لايه و مكان قرار گيري آن اختياري است منتهاz-index ر ا ۲ در نظر بگيريد تا متن متحركتان در بين دو لايه ديگر قرار گيرد تا حالت خروج متن از دل تصوير را بهتر القا كند.
حال به بخش ايجاد متن متحرك مي رسيم كه اين مورد را بايد با فرونت پيج ايجاد كنيد زيرا دريم ويور از اين موضوع پشتيباني درستي بعمل نياورده چون اين مو رد از كدهاي DHTML است كه غير از مرورگر اينترنت اكسپلورر ساير مرورگرها آن را پشتيباني نمي كنند ( البته مرورگر نت اسكيپ در نسخه هاي جديد خود پشتيباني هايي بعمل آورده منتها هنوز ناقص است ) پس در
دريم ويور فايل را ذخيره كرده و در فرونت پيج آن را باز ميكنيم ( گفتيم كه ما تعصبي بر روي هيچ برنامه اي نداريم حال اگر شما اين كار را خيانت به ماكرو مديا ميدانيد بدانيد)
در فرونت پيج از منوي insert گزينه web component را كليك مي كنيم.
در صفحه اي كه بازمي شود از ليست سمت چپ گزينه Dynamic Effects را انتخاب و متعاقب آن از گزينه هاي سمت راست marqueeرا انتخاب كنيد وFinishرا كليك كنيد.
در صفحه تنظيمات متن متحرك موارد دلخواه خودتان را ايجاد كنيد.
پس از پايان كار بر روي STYLE كه در گوشه پائين و سمت چپ اين كادر قرار دارد كليك مي كنيم و در كادر باز شده ليست قسمت CLASS را باز كرده وlayer 2 را انتخاب مي كنيم.
حال كل پنجره هاي باز را با OK مي بنديم و كار ما تمام خواهد شد و كار شما هماني خواهد شد كه در فايل نمونه ديديد نكته: اگر به كدهاي فايل اصلي دقت كنيد يك كد جاوا اسكريپت هم مي بينيد اين كد را خود برنامه دريم ويور جهت كمك به مرورگر نت اسكيپ ايجاد كرده تا در تشخيص موقعيت لايه ها دقيقتر عمل نموده و بتواند صفحه را همانگونه كه شما طراحي نموديد نمايش دهد.
اين قسمت بسيار غني و كاربردي و جالب است پس با هم نگاهي به اين قسمت مي اندازيم
گزينه هاي Page breakبه پرينت صفحات مربوط است كه چندان كاربردي نيست و در اين قسمت كل تمركز ما بر روي گزينه هاي قسمت visual effect است.در كادر Cursor شما مي توانيد اشكال ماوس را انتخاب كنيد كه اين موارد را مي توانيد براي تگ body تعيين كنيد تا بر كل صفحه اعمال شود.
مقاديري كه شما ميتوانيد انتخاب كنيد را در جدول زير مي بينيد
البته مقادير ديگر Resize هم قابل انتخاب است.
|