كلاشن كوف
27 Jun 2002, 12:20 AM
السلام عليكم
حمل الملف (http://mypage.ayna.com/sultan00200/HTMLINFLA/html-in-fla.zip) إذا لم يعمل الرابط ( كليك يمن _ حفظ باسم )
السلام عليكم
بهذا الدرس سنتمكن إن شاء الله من عرض ملفاتنا ذات الإمتداد html أو htm في مشاريعنا الفلاشية .
الطريقة هي كالتالي :
لنفرض أن لدينا مجلد اسمه html وفيه كل ملفاتنا التي نصنعها بهذه اللغة … ولنفرض أن من ضمن هذه الملفات هناك ملف اسمه news ونريد أن نعرضه على ملف فلاشي , بحيث إذا ضغط المستخدم على الزر news في الفلاش يظهر له هذا الملف داخل إطار الفلاش ليتصفحه .
كل ما نحتاجه هو :
1. الملف news.html .
2. ملف نصنعه بهذه اللغة ( html ) لنربط فيه بين الملف الفلاشي والملف news , وسنسميه index .
3. ملف فلاش .
الخطوة الأولى :
نصنع فيلم فلاش وهو عبارة عن لوحة للأزرار من جهة اليمين أو اليسار ( وهنا سنكتفي بزر واحد ونكتب عليه news ) , ومربع في الوسط بدون ألوان تعبئة داخلية وهو الإطار الذي سنعرض في داخله الملف news . ( مبدئياً اصنع مثل النموذج الذي نشرح عليه الآن والمعروض في الملف المرفق عالياً ) . انقر على المربع الفارغ حتى يتحدد ( يتحدد وحده دون غيره ) ثم من اللوحة Info اكتب في ورقة خارجية الطول والعرض , ثم انقر خارج المسرح لينفك التحديد , ثم انقر نقرة واحدة على الضلع العلوي من المربع نفسه وتأكد من أن الفأرة ما زالت على الخط دون أن تحركها ( يجب أن تكون دقيقاً هنا ) وقرأ من اللوحة Info قيمة y وسجلها في ورقة خارجية ثم أشر على الضلع الأيسر لوحدة دون أن يتحدد غيره وسجل قيمة x في ورقة خارجية . الآن لدينا الطول والعرض والإحداثي السيني والصادي . الآن نذهب إلى الزر ونضع فيه هذا الكود :
on (release) {
getURL ("news.html", "c");
}
ستسألوني عن الـ c سأقول لكم هذا اسم النموذج الذي سنسميه في صفحة index والتي سنصنعها سوياً بعد قليل , ويمكنك أن تسمي هذا النموذج بأي أسم , ويجب أن يتوافق الاسم الذي نكتبه هنا والاسم الذي نكتبه في الـ HTML .
الآن احفظ عملك في نفس المجلد الذي اتفقنا على أن يكون مجلد ملفاتنا ذات الامتداد html واسمه أيضاً index أو أي اسم تختار ولكن يتماشى مع ما سنكتبه في صفحتنا السحرية index.html.
الخطوة الثانية :
الآن سنصنع ملف اسمه index ذو الامتداد html وسنخصصه للعرض . افتح المفكرة واكتب الكود التالي :
<html>
<head>
<title>HTML IN FLASH</title>
</head>
<body bgcolor="#000000" topmargin="0" leftmargin="0">
<IFRAME height="353.4" width="428.4" name="c" src="splashscreen.html" style="POSITION: absolute; LEFT:195px; TOP:39px" scrolling=auto></IFRAME>
<p>
<OBJECT classid = " clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
height=400 width=650>
<PARAM NAME="Movie" VALUE="index.swf">
<PARAM NAME="WMode" VALUE="Transparent">
<embed src="Movie1.swf" menu="false" quality="high" wmode="transparent"
bgcolor="#FFFFFF" WIDTH="650" HEIGHT="400" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>
</p>
</body>
</html>
كل الوسوم معروفة لكننا هنا سنتحدث عن الوسم < IFRAME > وهو لإنشاء نموذج ومن خواصه العرض width وهنا نضع عرض المربع الذي كتبناه في الورقة الخارجية والطول height والمسافة الأفقية من الحد الأيسر للإطار LEFT: وهنا نضع القيمة السينية , وهي تقاس بالبسكلات ( هنا تبلغ قيمة هذه المسافة 195 بسكل ) , المسافة الرأسية من الحد العلوي للإطار TOP: وهنا نضع القيمة الصادية والتي كتبناها في الورقة الخارجية , والاسم الذي سنسمي به النموذج ( هذا الأمر هو المهم ) name والقيمة هنا c , أرأيت لماذا نوهت على هذا لاأمر عندما وضع كود الزر في الفلاش . الخاصية src تستخدم في عدة وسوم وهي التي تحدد المصدر أو الهدف وهنا أنا حددت ملف غير موجود أصلاً لنختبر الزر .
أم الوسم <OBJECT> فه معروف لدى الجميع . وأنا اسميت الفيلم هنا بـ index .
الآن احفظ الصفح باسم index على الامتداد html أو من خلال أي محرر نصوص صدره على الامتداد المذكور .
تأكد من أن الملفات الثلاث موجود في مجلد واحد , الآن افتح الملف index.html وشاهد العرض .
حمل الملف (http://mypage.ayna.com/sultan00200/HTMLINFLA/html-in-fla.zip) إذا لم يعمل الرابط ( كليك يمن _ حفظ باسم )
السلام عليكم
بهذا الدرس سنتمكن إن شاء الله من عرض ملفاتنا ذات الإمتداد html أو htm في مشاريعنا الفلاشية .
الطريقة هي كالتالي :
لنفرض أن لدينا مجلد اسمه html وفيه كل ملفاتنا التي نصنعها بهذه اللغة … ولنفرض أن من ضمن هذه الملفات هناك ملف اسمه news ونريد أن نعرضه على ملف فلاشي , بحيث إذا ضغط المستخدم على الزر news في الفلاش يظهر له هذا الملف داخل إطار الفلاش ليتصفحه .
كل ما نحتاجه هو :
1. الملف news.html .
2. ملف نصنعه بهذه اللغة ( html ) لنربط فيه بين الملف الفلاشي والملف news , وسنسميه index .
3. ملف فلاش .
الخطوة الأولى :
نصنع فيلم فلاش وهو عبارة عن لوحة للأزرار من جهة اليمين أو اليسار ( وهنا سنكتفي بزر واحد ونكتب عليه news ) , ومربع في الوسط بدون ألوان تعبئة داخلية وهو الإطار الذي سنعرض في داخله الملف news . ( مبدئياً اصنع مثل النموذج الذي نشرح عليه الآن والمعروض في الملف المرفق عالياً ) . انقر على المربع الفارغ حتى يتحدد ( يتحدد وحده دون غيره ) ثم من اللوحة Info اكتب في ورقة خارجية الطول والعرض , ثم انقر خارج المسرح لينفك التحديد , ثم انقر نقرة واحدة على الضلع العلوي من المربع نفسه وتأكد من أن الفأرة ما زالت على الخط دون أن تحركها ( يجب أن تكون دقيقاً هنا ) وقرأ من اللوحة Info قيمة y وسجلها في ورقة خارجية ثم أشر على الضلع الأيسر لوحدة دون أن يتحدد غيره وسجل قيمة x في ورقة خارجية . الآن لدينا الطول والعرض والإحداثي السيني والصادي . الآن نذهب إلى الزر ونضع فيه هذا الكود :
on (release) {
getURL ("news.html", "c");
}
ستسألوني عن الـ c سأقول لكم هذا اسم النموذج الذي سنسميه في صفحة index والتي سنصنعها سوياً بعد قليل , ويمكنك أن تسمي هذا النموذج بأي أسم , ويجب أن يتوافق الاسم الذي نكتبه هنا والاسم الذي نكتبه في الـ HTML .
الآن احفظ عملك في نفس المجلد الذي اتفقنا على أن يكون مجلد ملفاتنا ذات الامتداد html واسمه أيضاً index أو أي اسم تختار ولكن يتماشى مع ما سنكتبه في صفحتنا السحرية index.html.
الخطوة الثانية :
الآن سنصنع ملف اسمه index ذو الامتداد html وسنخصصه للعرض . افتح المفكرة واكتب الكود التالي :
<html>
<head>
<title>HTML IN FLASH</title>
</head>
<body bgcolor="#000000" topmargin="0" leftmargin="0">
<IFRAME height="353.4" width="428.4" name="c" src="splashscreen.html" style="POSITION: absolute; LEFT:195px; TOP:39px" scrolling=auto></IFRAME>
<p>
<OBJECT classid = " clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
height=400 width=650>
<PARAM NAME="Movie" VALUE="index.swf">
<PARAM NAME="WMode" VALUE="Transparent">
<embed src="Movie1.swf" menu="false" quality="high" wmode="transparent"
bgcolor="#FFFFFF" WIDTH="650" HEIGHT="400" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>
</p>
</body>
</html>
كل الوسوم معروفة لكننا هنا سنتحدث عن الوسم < IFRAME > وهو لإنشاء نموذج ومن خواصه العرض width وهنا نضع عرض المربع الذي كتبناه في الورقة الخارجية والطول height والمسافة الأفقية من الحد الأيسر للإطار LEFT: وهنا نضع القيمة السينية , وهي تقاس بالبسكلات ( هنا تبلغ قيمة هذه المسافة 195 بسكل ) , المسافة الرأسية من الحد العلوي للإطار TOP: وهنا نضع القيمة الصادية والتي كتبناها في الورقة الخارجية , والاسم الذي سنسمي به النموذج ( هذا الأمر هو المهم ) name والقيمة هنا c , أرأيت لماذا نوهت على هذا لاأمر عندما وضع كود الزر في الفلاش . الخاصية src تستخدم في عدة وسوم وهي التي تحدد المصدر أو الهدف وهنا أنا حددت ملف غير موجود أصلاً لنختبر الزر .
أم الوسم <OBJECT> فه معروف لدى الجميع . وأنا اسميت الفيلم هنا بـ index .
الآن احفظ الصفح باسم index على الامتداد html أو من خلال أي محرر نصوص صدره على الامتداد المذكور .
تأكد من أن الملفات الثلاث موجود في مجلد واحد , الآن افتح الملف index.html وشاهد العرض .