المبالغ المرحلة في Adobe Dreamweaver CS3Abraham Chaffin
عنوان الوثيقة


ويهدف هذا البرنامج التعليمي لإعطاء المستخدم المزيد من التحكم والمرونة باستخدام Dreamweaver CS3 واجهة لخلق صورة mouseovers. كما انها سوف تعلم كيفية إسناد mouseover الهدف صورة لمكان آخر ، على هذا الموقع ، ثم تعيين mouseover المغلق النمط الأصلي لmouseover زر.
الجزء 2 ويبين كيفية تضمين المنبثقة فرنك سويسري الفيديو في صفحة الويب الخاصة بك مع قاصر بتعديل بعض من سمات بني في Dreamweaver CS3.
| ابراهام chaffin creativecow.net, Cambria, كاليفورنيا في الولايات المتحدة الأمريكية.
© 2007 creativecow.net. جميع الحقوق محفوظة. |
بعض الصور من نفس الحجم وهناك حاجة لهذا البرنامج التعليمي بحيث لقد تضمنت بعض والتي يمكن تنزيلها هنا.
فتح html المنصوص عليها في الوثيقة Dreamweaver CS3 ودعونا نبدأ.
1) أولا فإننا سنضع بعض الصور الأساسية mouseover. تضاف الى قائمة صورة الأجسام تجديد صورة.
اسم الصورة ما جافا سكريبت التي سيتم استخدامها لخلق وسوف تجد أن الصورة. Image1 هي الغرامة اسم.
1 استخدام.Jpg عن الصورة الأصلية وبين ما يزيد على 1.Gif حيث الانتقال صورة. تبقي صورة preload الانتقال مربع فحص. والنص البديل arn't رابط مهم ونحن arn't سيكون هذا وضع على شبكة الإنترنت أو لك صفحة موقع إلى آخر حتى الصحافة طيب.
2) انقر بجانب حديثا عبارة تجديد الصورة وكرر الخطوة 1 لإدراج أكثر / الانتقال من جميع الصور. مجرد استبدال 1S في خطوة واحدة مع 2S الخ.
أنت الآن عدد قليل من الصور التمديد. ويوفر معاينة html ملف وسوف ترون أنها التمديد لطيف. ولكن ما إذا كنت تريد فعلا الصورة التي تدور على مدى تبدو أكبر من الصورة أعلاه?
دعونا نجعل تجديد صورة تظهر في موقع مختلف على الصفحة. أولا نحن بحاجة إلى مكان الصورة التي الأحمال عند الصفحة الأحمال قبل أن يحدث أي المبالغ المرحلة.
3) وضع مكان.Gif تقدم لنا صورا عن طريق الضغط على التمديد مع عودة المؤشر امام هذه الصور ، ثم تضاف الى صورة, اختيار مكان.Gif واضغط موافق.

4) الآن نحن بحاجة إلى اسم هذه الصورة بحيث يمكن أن تجد السيناريو. اختيار مكان الصورة, في خصائص النافذة إلى اليسار من العرض والارتفاع في بارامترات نوع "الهدف" لاسم الصورة.
5) إسناد هدف الانتقال صور بسيطة. فتح نافذة السلوكيات عن طريق الانتقال إلى نافذة قائمة السلوكيات.
6) اضغط على الصورة الأولى (image1) وسترى اثنين السلوكيات المسندة إليها.
a onmouseout | مقايضة استعادة صورة
a onmouseover | تبادل الصور
نريد لتعديل السلوك مبادلة الصورة تشير إلى صورة أخرى حتى انقر مرتين على "صورة مبادلة". مبادلة في اختيار صورة نافذة لتحديد مصدر النص الذي ينبغي أن يكون "أكثر من 1 -.Gif "وقطع عليه ذلك فإنه يزيل. اختر صورة "الهدف" ولصق "أكثر من 1 -.Gif "في الميدان لتحديد مصدر واضغط موافق.
7) كرر الخطوة 6 لجميع صور الانتقال لكم تدرج حتى ان الهدف للجميع هو وضع صورة لاسم "الهدف". انقاذ ثم معاينة العمل لمعرفة ما قمت به.
الآن ما إذا كنا لا نريد لتغيير الصورة بعد تدحرجت ثم خرج?
8) اضغط على "image1", في تصرفات نافذة اضغط على مبادلة استعادة صورة والضغط على مفتاح حذف. (يمكنك تكرار هذه الخطوة مرة أخرى على كل ما تبذلونه من الانتقال صور)
الآن الصورة الانتقال إلى مكان آخر يحدث الانتقال أزرار تبحث قليلا مومس. دعونا تخصيص بعض المغلق التصميم بحيث جعلها تبدو أكثر إثارة للاهتمام.
9) في النافذة المغلق لنكن وخلق قاعدة جديدة المغلق. وسيتم اختيار نوع الطبقة, وسيكون اسم "أزرار" وتحدد في: هذه الوثيقة فقط. دعونا مجموعة صغيرة حشوة والحدود غير المرئية من 1 بكسل. فإن التضخيم تحت فئة مربع -- المجموعة إلى 10 لجميع الاطراف. مجموعة من الحدود مع نفسه للجميع "الصلبة : 1 بكسل : اللون # ffffff ". اضغط على موافق.
(السبب في وضعنا غير مرئي على الحدود لدرجة اننا عندما خلق قاعدة من شأنها أن تخلق الحدود في وقت لاحق نحن لا نريد تشويه المواقع من العناصر.)
11) لكل تجديد اختيار زر من الأزرار بأنها "فئة" في خصائص النافذة.
12) خلق قاعدة جديدة المغلق ليكون عند الانتقال تلعب أزرار أو أكثر من. انها مجرد خلق نفس الخطوة 9 فقط يطلق عليه "buttonsover", حشوة من 10 بكسل, وعلى الحدود "الصلبة : 1 بكسل : اللون # 990000 ".
13) حدد "image1" ومرة أخرى في حق السلوكيات نافذة اضغط على "صورة مبادلة" واختيار "إضافة عنصر القائمة". انقر على اليسار الجديد في الفضاء و a onmouseover نوع "image1.Classname = 'buttonsover".. (وهذا أيضا يمكن أن تتكرر بالنسبة لجميع الآخرين تجديد الصور.)
14) في التصرفات النافذة في مجال تخصيص a onmouseout "image1.Classname = 'أزرار".. هذا سيجعل من الدرجة عندما تعود بها الماوس. كل ذلك من أجل تجديد الصور.

هل ينبغي أن تعطي هذه الفكرة الأساسية من بعض الأشياء التي يمكنك القيام بها مع التجديد في وظائف Dreamweaver CS3.
الجزء 2
الجزء التالي من هذا البرنامج التعليمي هو جزء من أ Dreamweaver الإختراق فرنك سويسري لعرض الفيديو / الفيديو عند الماوس فوق عنصر آخر. يستخدم جنبا الى جنب مع غيرها من وظائف بسيطة ويمكنك الحصول على بعض الآثار رائع لموقعك. يمكنك استخدام هذا الغرض لعرض شرائط الفيديو الخاصة بك في معرض مثل istockvideo لا.
أولا يجب عليك تحميل ملفات المشاريع هنا.
فيلم 1 فيلم 2 فيلم 3
المحتوى لفئة "movinvis" تذهب هنا
الهدف من هذا البرنامج التعليمي هو عرض شريط فيديو عند الانتقال عنصر. اننا سوف نبدأ بتهيئة الصفوف المغلق أننا سوف يسند الى مكان شعبة طوال هذه الدورة التعليمية.
1) في النافذة المغلق انقر "القاعدة الجديدة المغلق" أيقونة. وسيتم اختيار نوع "الطبقة", الكلمة اسم الصف "movinvis" وينبغي أن تنشأ لهذه الوثيقة فقط.
2) المغلق في قاعدة تعريف نافذة اختيار "المواقع" الفئة وتحديد موقف لنوع المطلقة, الرؤية الى الخفية, وض مؤشر ل999. (المطلق المواقع لا يجعل الطبقة دفع العناصر الأخرى من حولها, وارتفاع مؤشر ض سوف يضع على الطبقة العليا من العناصر الأخرى.) اضغط على موافق.
3) مرة أخرى في إيجاد قاعدة جديدة المغلق نفس الخطوات في 1 و 2 فقط حدد اسم الصف "movvis" وحدد موعدا للعيان وضوح.
4) تضاف شعبة جديدة عن طريق الانتقال إلى القائمة تضاف تصميم الأجسام شعبة الوسم. لا تضع أي ممتلكات للشعبة حتى الآن ، واضغط.
5) تحديد المنشأ حديثا في شعبة وخصائص النافذة شعبة تحديد هوية "movtarget" وطبقة "movinvis".
الآن بعد أن شعبة مكان هو الإعداد لاستقبال افلامنا ولتهيئة الأزرار التي ستستخدم لالمبالغ المرحلة. هذه المرة لأننا بساطة مجرد استخدام النص.
6) وضع المؤشر فوق مرئية وشعبة نوع "1 فيلم" اختيار النص, وجعل وصلة. وضع "#" اسم الملف أو رابط. (يمكنك تكرار هذه الخطوة إلى الإعداد لالمبالغ المرحلة "فيلم 2" و "الفيلم 3"
القادم سوف تضاف الأفلام التي نريد أن يسند الى شعبة باستخدام تجديد الروابط. فاننا على إسناد إلى شعبة onmouseover صلاتنا. في النهاية علينا إسناد الطبقات onmouseover وشعبة onmouseout حتى تظهر إلا عندما يتم عرض الفيلم.
7) تضاف الى قائمة وسائل الإعلام Flash واختيار rollover1.فرنك سويسري. اضغط على موافق.
8) اختيار تدرج حديثا Flash الفيديو والذهاب الى وجهة نظر القائمة مدونة. اختيار الشفرة بين noscript و / noscript العلامات ، ونسخة إلى الحافظة الخاصة بك في وقت لاحق أن لصق.
9) العودة الى تصميم بهدف الذهاب لمشاهدة تصميم. اختر Flash الفيديو وحذفها.
10) اختيار "فيلم (1)" وصلة في نافذة السلوكيات اضغط (+) إضافة زر السلوك. اختيار مجموعة النص نص مجموعة حاويات. اختيار الحاوية شعبة "movtarget" نسخ ولصق الشفرة في الجديدة html حقل.
11) للتأكد من سلوك وكان لهذا الحدث onmouseover لخلق هذا الأثر. إذا لم تستطيع تغيير ذلك بالنقر على الحدث ، واختيار من القائمة المنسدلة onmouseover.
12) مع "فيلم (1)" وصلة لا تزال مختارة (+) اضافة السلوك "تغيير الملكية". تأكد من نوع عنصر "شعبة", والعنصر هو معرف شعبة "movtarget". اختيار "دخول:"اذاعة لممتلكات ودخول" classname ". دخول "movvis" لقيمة جديدة واضغط موافق. تأكد من هذا السلوك المخصصة لهذا الحدث onmouseover, إن لم يكن تغييرها.
13) كرر الخطوة 12 فقط إسناد القيمة الجديدة "movinvis" ، وإسناد العمل إلى الحدث onmouseout.
14) كرر الخطوات 7-13 "فيلم 2" و "الفيلم 3".
الآن علينا القيام الإختراق على جافا سكريبت جاف أن تستخدم لتغيير السلوك الممتلكات والعمل على انجاحه في الطريقة التي نستخدم على تغيير الفصول.
15) اذهب إلى قائمة التعديل العثور على ويستعاض. تجد في "الوثيقة", البحث عن "شفرة المصدر", العثور على "obj.النمط.", يستعاض عن عبارة "obj.", ويستعاض عن حالتين من هذا الرمز في جافا سكريبت.
هل ينبغي أن تكون قادرة على حفظ ومعاينة العمل الآن لترى ما قمت به. هذه التقنية يمكن استخدامها جنبا إلى جنب مع وضع السيناريو للحصول على وضع فرنك سويسري بالضبط أين تريدها. أو الإعداد المختلفة التي تريد divs المحددة الهدف وأفلام حال الذهاب الى هناك. هناك وسائل اخرى للحصول على نفس الأثر ، ولكن هذا قليلا بإختراق طريقة للحصول على انها بسيطة في حق المدمجة Dreamweaver CS3.
|