رازمحمد نورزی

قرار دادن فايل فلش در وب با حذف پس زمينه ي آن

اين كد رو من قبلا هم گذاشته بودم . منتهي چون بازم خيلي درخواست كردن براتون ميزارم . البته ايندفعه به اضافه ي آموزش برداشتن پس زمينه ي فايل فلش .

ساده ترين كد قرار دادن فايل فلش در وب به شكل زيره :

:: شما بايد آدرس فايل فلش رو به جاي Adress در كد بالا بزاريد تا فايل فلش رو به همراه پس زمينه ش در وبتون داشته باشيد . در قسمت height اندازه ي ارتفاع و در قسمت width اندازه ي پهناي فايل فلش رو براي نمايش در وب بر حسب پيكسل قرار بديد .

خوب اگه با استفاده از كد بالا فايل فلشي رو در وب قرار داديد پس زمينه ي اون هم نمايش داده ميشه . نمونه ش رو در زير ميبينيد :

حالا اگه بخوايد فايل فلشي كه در وب ميزاريد پس زمينه ي خودشو محو كنيد بايد يه ريز كد به كد بالا اضافه كنيد . به اين ترتيب كه ميان كد "wmode="transparent رو در كد بالا وارد كنيد كه كد به شكل زير در مياد :

:: حالا با استفاده از كد دوم همون فايلي رو كه بالا براي نمايش گذاشتم با محو پس زمينه در زير ميتونيد ببينيد :

توجه : دوستان عزيز لطف كنيد اول مطلبي رو كه مي خوايد درخواست كنيد در سايت سرچ كنيد بعد اگه نبود درخواستتونو مطرح كنيد . آخه خيلي از درخواست هايي كه ميشه قبلا در سايت بهشون جواب داده شده .

موفق و سربلند باشيد .

قرار دادن انواع متن متحرك در صفحات وب

در دو پست قبل گفته بودم كه آموزش متحرك سازي متن رو براتون بزارم .منم اين پست رو به اين مطلب اختصاص دادم .

كد متحرك سازي متن در حالت كلي به شكل زيره :

direction="جهت"
width="150" height="180"
scrolldelay="1"
scrollamount="1">
متن شما

حالا توضيح در مورد كد :

قسمتي از كد كه به رنگ سبز هست براي تايين عرض و ارتفاع باكسي كه متن توش حركت مي كنه هست . در قسمت Width عرض ( پهناي) باكس و در قسمت Height ارتفاع باكس رو قرار بديد . در كد بالا به طور پيشفرض اندازه ي باكس 150 در 180 پيكسل هست . يعني پهناي باكس 150 پيكسل و ارتفاعش 180 پيكسل هست . شما خودتون با تغير اين دو عدد مي تونيد اندازه ي مورد نظر باكس رو تعيين كنيد .

قسمتي رو كه با رنگ آبي مشخص كردم جهت حركت متن درون باكس رو مشخص مي كنه . كه بايد به دلخواه خودتون يكي از مقادير زير رو بهش بدين . اين مقادير رو به جاي كلمه ي "جهت" در كد بايد بزاريد :

جهت حركت	مقدار ريز كد direction
حركت از چپ به راست ( مخصوص متون فارسي)	Right
حركت از راست به چپ ( مخصوص متون انگليسي)	Left
حركت از پايين به بالا	Up
حركت از بالا به پايين	Down

براي خوندن و ياد گرفتن بقيه ي جزئيات ( قرار دادن لينك به جاي متن متحرك ، رنگ پس زمينه ي باكس ، ايستادن حركت متن با رفتن موس روي آن و ... ) ادامه ي مطلب رو ببينيد :

اگر بخوايد كه با رفتن موس روي باكس متن متحرك بايسته و حركت نكنه بايد دو ريز كد به كد بالا اضافه كنيد . كه ريز كدها در زير مشخصند :

direction="جهت"
width="150" height="180" onmouseover="this.stop()"
onmouseout="this.start()"
scrolldelay="1"
scrollamount="1">
متن شما

براي تغيير سرعت حركت متن مي تونيد مقادير دو ريز كد scrolldelay و scrollamount رو تغير بديد . مقدار هر دو ريز كد در بالا "1" هست كه به نظر من استاندارده براي سرعت حركت متن و نيازي نيست كه تغيرش بدين . مگر اينكه جايي لازم باشه كه سرعت حركت متن رو بيشتر كنيد .

اگر بخوايد كه براي پس زمينه ي باكس يك رنگ قرار بدين بايد از ريز كد Style استفاده كنيد . در زير اين ريز كد مشخصه . شما بايد در جاهاي مشخص شده در زير ، كد رنگ يا نام رنگ به انگليسي رو وارد كنيد .

direction="جهت"
width="150" height="180"

Style="color:رنگ متن ; background-color:رنگ پس زمينه ;"
scrolldelay="1"
scrollamount="1">
متن شما

در زير كد چند تا از رنگ ها رو براتون گذاشتم كه مي تونيد در كد بالا بزاريد:

www.irLearning.com		www.irLearning.com		www.irLearning.com
قرمز	#FF0000	زرد	#FFFF00	بنفش	#800080
آبي	#0000FF	نقره اي	#C0C0C0	صورتي	#FF00FF
سياه	#000000	قهوه اي	#804000	نارنجي	#FF9900
سفيد	#FFFFFF	خاكستري	#EEEEEE	-	#DFDFDF
سبز	#008000	نيلي	#46B5FF	-	#8080C0

با قرار دادن متن در بين دو تگ

و مي توانيد متن را به وسط باكس بياوريد . يعني متن وسط چين باشد.

اگر خواستيد كه لينك يا عكسي رو در باكس قرار بديد تا حركت كنه ، فقط لازمه به جاي متن كد لينك يا كد قرار دادن عكس رو بزاريد . كه كد لينك دادن و قرار دادن عكس به شكل زيره . اگر خواستيد چند لينك يا چند عكس بزاريد اونها رو با يه تگ
جدا كنيد تا توي چند سطر زير هم بيان . يعني بعد از هر كد لينك يا عكس يك تگ
بزاريد .

خوب حالا كل آموزش رو در قالب يك سوال مطرح مي كنم و جواب ميدم . سعي كنيد شما اول خودتون جواب بديد بعد با جواب من مقايسه كنيد :

سوال :

كد متن متحركي را با خصوصيات زير بنويسيد :

اندازه ي باكس حاوي متن : عرض 120 و ارتفاع 200 ، جهت حركت متن از پايين به بالا ، متن متحرك با رفتن موس روي آن بايستد ، رنگ پس زمينه نقره اي و رنگ متن متحرك قهوه اي باشد . متن وسط باكس باشد .

جواب : كد خواسته شده به شكل زير است :

direction="Up"
width="120" height="200" onmouseover="this.stop()"
onmouseout="this.start()"

Style="color:#804000 ; background-color:#C0C0C0 ;"
scrolldelay="1"
scrollamount="1">

irLearning.com

:: نمايش اين كد هم به شكل زيره :

irLearning.com
irLearning.com
irLearning.com
irLearning.com
irLearning.com

آموزش کامل قرار دادن عكس در پس زمينه ي صفحه

چند نفر از عزيزان آموزش قرار دادن عكس در پس زمينه ي وبلاگ يا صفحه ي HTML رو درخواست كرده بودن كه من اينجا به صورت كامل براتون توضيح ميدم .

شما براي قرار دادن يك عكس در پس زمينه ي وبتون بايد يه تغيراتي تو تگ بديد . براي اينكار تگ را در قالب خود پيدا كنيد و اونرو به صورت زير دربياريد :

كه بايد به جايه Adress Of Image آدرس عكسي رو بزاريد كه ميخوايد بره به پس زمينه ي وب . با اينكار اين عكس در پس زمينه تكرار ميشه .

حالا اگه خواستيد تكرار نشه و يا اينكه عمودي يا افقي تكرار بشه ادامه رو بخونيد :

براي اينكه تكرار نشه بايد تگ بادي به شكل زير در بياد :

همونطور كه ميبينيد با اضافه كردن ميان كد background-repeat:no-repeat براي تكرار عكس مقدار No رو قرار داديم . پس عكس تكرار نميشه .

حالا اگه خواستيد عكس پس زمينه به صورت افقي تكرار بشه تگ بادي بايد به شكل زير دربياد :

براي اينكه عكس فقط به صورت عمودي و زير هم تكرار بشه هم بايد تگ بادي به شكل زير در بياد :

در آخر هم نمايش هر كدوم از عمليات بالا رو براتون ميزارم كه بهتر متوجه بشيد :

من تو نمايش اين تغيرات در تگ بادي عكس روبرو رو گذاشتم واسه پس زمينه كه ببينيد چطور تكرار شده :

عكس پس زمينه ( با تكرار )

عكس پس زمينه ( بدون تكرار )

عكس پس زمينه ( تكرار افقي )

عكس پس زمينه ( تكرار عمودي )

از همه ي شما دوستان عزيز و با معرفت به خاطر تشريف فرمايي و اظهارنظرتون تشكر ميكنم و آرزوي موفقيت در تمام مراحل زندگي رو براتون دارم .

:: معرفي Html و Frontpage

خوب دوستان عزيز امروز اولين پست رو در مورد آموزش طراحي ميدم . اول يه كم در مورد Html و بعد در مورد برنامه اي كه بهش نياز داريد و بهتره كه از اون استفاده كنيد.

HTML چيست ؟

همونطور كه مي دونيد Html يك زبان برنامه نويسي صفحات وب هست كه از عبارت Hyper Text Markup Language گرفته شده .

يك فايل Html يك فايل متني است كه شامل تگ هاي اين زبان مي باشد و از كنار هم قرار گرفتن اين تگ ها و كدها يك صفحه ي وب ايجاد ميشه . مرورگرها هم با خوندن اين تگ ها و كدهاي Html مي فهمند كه صفحه رو چجور بايد نمايش بدن .

فايل هاي Html با دو فرمت htm. و html. وجود دارند .

از مزيت هاي Html اينه كه فايل هاي اون با هر اديتور ساده اي قابل ساختن هستند . مثلا اگر از ويندوز استفاده مي كنيد مي تونيد با Notepad كه برنامه ي خيلي ساده اي هست يك فايل Html ايجاد كنيد . فقط لازمه در هنگامه ذخيره ي فايل در Notepad به آخر اسم اون html. يا htm. اضافه كنيد و اونو Save كنيد . به همين راحتي مي تونيد يك فايل Html ايجاد كنيد .

اما براي راحتي كار و صرفه جويي در زمان بهتره كه از برنامه ي پيشرفته تري كه براي اين كار ساخته شده استفاده كنيد . برنامه هاي زيادي براي ايجاد صفحات وب وجود دارن كه من به شما پيشنهاد مي كنم كه از برنامه ي Microsof Front Page استفاده كنيد .

اين برنامه كه از كاراي خود مايكروسافت هست يك برنامه ي بسيار كاربردي و كامل براي ايجاد صفحات وب و Html هست . در هر صورت اگه دوست داريد كه يك طراح بشيد يا در اين مورد ياد بگيريد اين برنامه خيلي مي تونه به شما كمك بكنه .

در اين پست فقط به صورت كلي يه چيزايي براي شروع گفتم . ان شاءالله در پستاي بعدي شروع به آموزش تگها و كدهاي Html مي كنم .

پست بعدي ما در مورد طراحي و Html اختصاص پيدا مي كنه به معرفي تنه ي اصلي يك فايل Html و اينكه تگهاي اصلي كدوم تگ ها هستن و كارشون چيه .

:: قرار دادن انواع متن متحرك در صفحات وب

در دو پست قبل گفته بودم كه آموزش متحرك سازي متن رو براتون بزارم .منم اين پست رو به اين مطلب اختصاص دادم .

كد متحرك سازي متن در حالت كلي به شكل زيره :

direction="جهت"
width="150" height="180"
scrolldelay="1"
scrollamount="1">
متن شما

حالا توضيح در مورد كد :

جهت حركت	مقدار ريز كد direction
حركت از چپ به راست ( مخصوص متون فارسي)	Right
حركت از راست به چپ ( مخصوص متون انگليسي)	Left
حركت از پايين به بالا	Up
حركت از بالا به پايين	Down

:: معرفي تگ P : ايجاد و ويرايش پاراگراف

چند تن از عزيزان گله كردند كه آموزش هاي طراحي و Html رو دير به دير آپديت ميكنم كه واقعا هم حق داشتند . منو ببخشيد . از اين به بعد سعي مي كنم دراين زمينه بيشتر پست بدم .

حالا من با يك مقاله ي جالب شروع مي كنم دوباره . توصيه ميكنم اين آموزش رو حتما بخونيد . از نظر خودم كه يكي از بهترين مقاله هاي اموزشيم بوده .

معرفي تگ

تگ

يكي از پركاربردترين تگ هاي html هست . با استفاده از اين تگ شما مي تونيد يك پاراگراف ايجاد كنيد كه اين پاراگراف با تگ

شروع و با /> تموم ميشه . حالا من در زير بهتون ياد ميدم كه چطور يك پاراگراف رو ايجاد كنيد و يا ويرايش كنيد . مثلا فاصله ي بين سطر ها رو كم يا زياد كنيد ، نحوه ي قرار گيري پاراگراف چطور باشه ( چپ چين ، راست چين يا وسط بودن) و ...

خوب كد يه پاراگراف ساده به شكل زيره كه نمايشش رو در زير ميبينيد :

متن پاراگراف

======> متن پاراگراف

براي تغير نحوه ي قرار گيري پاراگراف در صفحه از ميانكد align استفاده ميكنيم . در زير به مقدار هايي كه بايد براي ميانكد align قرار بديد اشاره كردم و نمايش هر كدوم رو در زيرش گذاشتم :

اگر خواستيد پاراگرافتون راست چين باشه ( ) بايد به ميانكد align مقدار right رو بديد . مثل زير :

متن پاراگراف

اگر خواستيد پاراگرافتون چپ چين باشه ( ) بايد به ميانكد align مقدار left رو بديد . مثل زير :

متن پاراگراف

اگر خواستيد پاراگرافتون وسط باشه ( ) بايد به ميانكد align مقدار center رو بديد . مثل زير :

متن پاراگراف

حالا اگه خواستيد پاراگرافتون از دو طرف ميزون باشه ( ) بايد به ميانكد align مقدار justify رو بديد . مثل زير :

متن پاراگراف

آموزش کامل قرار دادن لينك ( تگ a )

حقيقتش نمي خواستم درس چهارمو به اين موضوع بپردازم ولي چون چند نفر از عزيزان از جمله آقاي مهديار اصرار زياد كردن مجبور شدم درس چهارم رو به آموزش لينك دادن و تگ بپردازم . چون ديگه اينطور شد به طور جداگانه اموزش تگ ها رو ميدم و ديگه درس به درس نيست .

اول ساختار كد لينك دادن رو براتون معرفي مي كنم و بعد مي گم كه چطور تو اينترنت و فرونت پيج راحتتر لينك بديم .

لينك چيست ؟

معني لغوي لينك " زنجير ، اتصال و متصل كردن " هست . و همونطور كه از معنيش پيداست كارش هم همينه . يعني در اينترنت بين صفحات و فايل ها ي مختلف يك ارتباط ايجاد مي كنه و اونا رو به هم وصل ميكنه . لينك همونه كه شما با كليك بر روي اون به يه صفحه ي ديگه منتقل ميشيد يا يك فايل رو دانلود مي كنيد .

ساختار لينك

همه ي لينك هايي كه در اينترنت وجود دارن از يك تگ ساده ساخته مي شن . تگ لينك دادن به صورت زير معرفي ميشه .

Link Name

كه شما در قسمتhref بايد آدرس لينك رو وارد كنيد و نام لينك رو پس از بسته شدن تك اوليه ي لينك وارد كنيد و در آخر تگ پاياني رو بكار ببريد . مثلا به نحوه ي نمايش اين لينك زير توجه كنيد :

irLearn سايت == نمايش كد ==> irLearning سايت

خوب ، شايد بپرسيد چكار بايد كنيم كه وقتي روي يك لينك كليك مي كنيم توي يه صفحه ي جديد باز بشه ؟

شما مي تونيد با اضافه كردن يه ميان كد به صورت "target="_blank در تگ اوليه ي لينك دادن اين امكان رو به اون لينك بديد كه در صفحه ي جديد باز بشه . به نحوه ي قرار گرفتن اين ميان كد در كد لينك دادن توجه كنيد :

target="_blank" href="Link Adress">Link Name

توجه كنيد كه بايد قبل و بعد از اين ميان كد و هر ميان كد ديگه اي يك اسپيس بزنيد كه به كدهاي بغلي خودش چسبيده نباشه .

به طور مثال با كليك بر روي لينك زير مي بينيد كه در يك صفحه ي جديد باز ميشه :

target="_blank" href="http://www.irlearning.com">irLearn سايت = نمايش كد => irLearning سايت

چكار كنيم كه وقتي موس رو رو لينك مي بريم يه توضيحي در مورد اون لينك ظاهر بشه ؟

برا اينكار هم بايد از يك ميان به صورت "title="tozih استفاده كنيد . كه بايد به جاي tozih ، توضيحي از لينك رو قرار بديد. اين ميان كد هم به صورت زير در كد لينك دادن قرار ميگيره :

title="tozih" href="Link Adress">Link Name

مثلا شما نشانگر موس رو روي لينك زير نگه داريد تا كاربرد اين ميان كد رو ببينيد:

title="بهترين سايت آموزشي" href="http://www.irlearning.com">irLearn سايت

= نمايش كد => irLearning سايت

فكر كنم فعلا همين كافي باشه . بعدا ميان كدهاي بيشتري رو معرفي مي كنم .

حالا اون كساني كه مي خوان تو فرونت پيج يا تو پست هاي وبلاگشون لينك قرار بدن به شكل زير عمل كنن :

در بالاي اديتوري كه مي خوايد پست بديد يا در بالاي فرونت پيج يه دكمه به شكل زنجير يا به شكل وجود داره كه با كليك بر روي اون ، يه پنجره باز ميشه كه شما بايد در اون نام لينك و آدرس لينك رو وارد كنيد و Ok بزنيد . آدرس لينك مي تونه آدرس يه صفحه يا يه فايل برا دانلود باشه .

معرفي تگهاي Meta و كاربرد آن

در ادامه ي بحث آموزش Html امروز تگ هاي Meta رو براتون آموزش ميدم .

تگ هاي Meta بسيار فراوانند كه ما در اينجا فقط به معرفي چند تا از اون ها كه پركاربرد هستند و شما به اون ها نياز داريد مي پردازيم :

جايگاه تگ Meta : تو درس قبلي يه اشاره به جايگاه تگ هاي Meta كردم . اگه درس ها رو دنبال كرده باشيد من گفتم كه تگ هاي Meta در بين تگهاي Head قرار ميگيرند. به شكل زير :

عنوان صفحه

همونطور كه در بالا مي بينيد تگهاي Meta بعد از تگ و قبل از تگ اومدن .اگر چند تا تگ Meta به كار ببريد همشون در سطرهاي زير هم و در بين تگ هاي Head قرار ميگيرن ...

ادامه دارد مطالب دیگر هم بخوانید

منبع: سایت ایرلیر

ادامه مطلب

فال حافظ