فناوری اطلاعات و برنامه نویسی

فناوری اطلاعات و متن باز و برنامه نویسی ویندوز و وب و طراحی وب

فناوری اطلاعات و برنامه نویسی

فناوری اطلاعات و متن باز و برنامه نویسی ویندوز و وب و طراحی وب

آموزش HTML قسمت سیزدهم

قاب ها یا فریم ها در HTML برای این هست که یک صفحه وب سایت رو داخل صفحه وب سایت دیگه ای نشون داد. مثلا من می خوام توی وب سایتم گوگل رو نشون بدم یا تو وب سایتم صفحه دانلود از 4Shared رو نشون بدم. این کار با استفاده از فریم ها قابل انجام هست.

قالب استفاده کلی از فریم ها به صورت زیر هست :

<frameset rows="100px,500px">
            <frame src="" name="master" >
            <frame src="" name="detail">
</frameset>


اگر چند فریم برای نمایش داشتیم از خاصیت cols برای نمایش سطری و از خاصیت  rows برای نمایش ستونی در frameset استفاده می کنیم. برای مقدار دهی هر کدوم از این خاصیت هم می تونیم به صورت درصدی و هم به صورت پیکسل عمل کنیم به این صورت که برای هر یک از فریم ها درصد یا پیکسل انتخابی رو وارد می کنیم و بعد از اون برای وارد کردن اندازه فریم بعدی ویرگول میذاریم (به صورت پیش فرض مرورگر پیکسل اندازه رو تعیین می کنه).

در تگ frame از خاصیت src برای تعیین نشانی صفحه و از خاصیت name برای نام گذاری فریم (که انتخابی هست) استفاده می کنیم. در تگ frame می تونیم از خواص border ( تعیین ضخامت دور فریم ) و scrolling ( داشتن یا نداشتن اسکرول بار ) و resize ( تغییر اندازه توسط کاربر ) و marginheight و marginwidth ( برای تعیین فاصله محتویات فریم از لبه های فریم) و target ( برای تعیین مکانی که لینک مورد نظر نمایش داده شه. مثلا لینک های فریم master در فریم detail نمایش داده شه) استفاده کنیم.


<html>
    <head>

    </head>
    <body>
        <frameset cols="100%">
            <frame src="sample1.html">
        </frameset>
    </body>
</html>

آموزش HTML قسمت دوازدهم

به نام او که هرچه علم است از اوست

سلام به تمام دوستان

تا حالا شده تو صفحه HTML تون بخواید یه عبارت ساده ریاضی مثله x>10 رو بنویسید ؟ مسلما برای بار اول دیدید که نشده. چرا ؟ چون HTML علامت < رو به عنوان علامت تگ فرض می کنه و شما نمی تونید اون رو اینطوری نشون یدید. به غیر از این نشانه ، نشانه های دیگه ای هم هستن مثلا فاصله یا & . برای نمایش این کاراکترها شما باید کد این کاراکتر رو بنویسید تا نشون داده بشه. لیست کاراکتر ها و کدی که قابلیت نمایش اون هارو دارن در زیر براتون میذارم :


نتیجه توضیح کد نوشتاری کد عددی
  non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
§ section &sect; &#167;
© copyright &copy; &#169;
® registered trademark &reg; &#174;
trademark &trade; &#8482;


حالا با استفاده از این کد ها می تونید از علائم مورد نظرتون استفاده کنید

آموزش HTML قسمت یازدهم

به نام او که هرچه علم است از اوست

سلام به تمام دوستان

در ادامه قسمت های قبلی آموزش HTML ، تو این قسمت بیشتر رنگ های RGB رو که اساس تمام رنگ هایی که توی وب می بینید براتون در ادامه مطلب میذارم. رنگ از 3 قسمت تشکیل شدن که هر کدون 2 عدد مبنای 16 هستن که مقدار قرمز و سبز و آبی هر رنگ رو مشخص می کنه. رنگ ها از سایت w3schools که استاندارد های وب رو تعیین می کنه گرفتم.

ادامه مطلب ...

آموزش HTML قسمت دهم

سلام به تمام دوستان

یکی از تگ های جالب HTML تگ marquee هست که متن بین تگ شروع و پایانش رو به صورت متحرک افقی برای ما نشون میده. برای این کار می تونید از تگ زیر استفاده کنید :


<marquee loop="infinite" bgcolor=" " direction="right" width=" " height=" "></marquee>


هر متنی که بین ۲ تگ شروع و پایان نوشته شه تو صفحه نمایش داده میشه. loop برای تعیین تعداد دور نمایش متن هست که اگر infinite باشه تا وقتی که صفحه باز هست نمایش داده میشه. به جای infinite می تونید از ۱- هم استفاده کنید. اگر هم از loop استفاده نکنید مرورگر به طور پیش فرض infinite فرض میکنه. bgcolor برای تعیین رنگ پس زمینه هست. direction هم برای این هست که تعیین کنیم متن به چه سمتی حرکت کنه. که در مثال بالا و برای بیشتر متن هایی که ما داریم چون فارسی زبان هستیم باید از direction راست یا right استفاده کنیم.width و height برای تعیین طول و عرض هستند که با درصد هم می تونید تعیین کنید.

دیشب شب لیلة الرغایب یا شب آرزوها بود. مثال این دفعه رو با آرزوی دیشب می نویسم :


اللّهُمَّ کُنْ لِوَلِیِّکَ الْحُجَّةِ بْنِ الْحَسَنِ صَلَواتُکَ عَلَیْهِ وَعَلى آبائِهِ فی هذِهِ السّاعَةِ وَفی کُلِّ ساعَةٍ وَلِیّاً وَحافِظاً وَقائِداً وَناصِراً وَدَلیلاً وَعَیْناً حَتّى تُسْکِنَهُ أَرْضَکَ طَوْعاً وَتُمَتِّعَهُ فیها طَویلا

آموزش HTML قسمت نهم

به نام او که هر چه علم است از اوست

سلام به تمامی دوستانم

تا حالا حتما براتون پیش اومده که برید توی سایت یا وبلاگی که براتون موزیک پخش شه ؟ واقعا اعصاب خورد کنه. کلی از سرعت رو میگیره. برای این کار اعصاب خورد کن از تگ زیر میشه استفاده کرد:

<embed src="music.mp3" width="200" height="200" autostart="true" loop="true" hidden="false">

src مسیر فایلمون هست که هم میتونه موزیک باشه هم ویدیو که با توجه به فرمت مرورگر شاید نیازمند دانلود و نصب پلاگین مربوطه شه. Width , height هم برای تعیین طول و ارتفاع هست. Autostart برای شروع خودکار مدیا هست. Loop برای تکرار پخش هست. Hidden هم برای این هست که از چشم کار بر مخفی بمونه.

یه نمونه در ادامه مطلب براتون گداشتم. یه آهنگ از استاد ناظری.

ادامه مطلب ...