تبليغاتX
g!l-c0mp@.blogfa.com

g!l-c0mp@.blogfa.com

مقالات کامپیوتری + نرم افزار + سخت افزار

دانلود کتاب گنو - لینوکس


   

مجلات کامپيوتري فارسي


لينکهاي زير مربوط به مجلات کامپيوتري فارسي است:


[URL=http://www.rayanehmag.net/]رايانه[/URL]


[URL=http://www.ccwmagazine.com/ccw/default.asp]دنياي کامپيوتر و ارتباطات[/URL]


[URL=http://www.olumrayaneh.com/]علوم رايانه[/URL]


[URL=http://www.pcworldiran.com/]علم الکترونيک و کامپيوتر[/URL]


[URL=http://rizpardazandeh.com/]ريزپردازنده[/URL]


[URL=http://www.webology.ir/]وب شناسي[/URL]


[URL=http://www.shabakeh-mag.com/]شبکه[/URL]


[URL=http://www.artistpc.com/]هنر و رايانه[/URL]


[URL=http://www.computernews.ir/]رايانه خبر[/URL]


[URL=http://www.webeiran.com/]وب[/URL]


[URL=http://www.karbarmagazine.com/]کاربر[/URL]


[URL=http://www.cgemag.com/]نشريه الکترونيکي بازيهاي کامپيوتري[/URL]


[URL=http://www.chmag.com/] بزرگراه رايانه[/URL]


[URL=http://www.daneshvacomputer.com/]دانش و کامپيوتر [/URL]


[URL=http://www.netmag.ir/]اينترنت[/URL]


[URL=http://www.magiran.com/maginfo.asp?mgID=1818]نرم افزار [/URL]


[URL=http://www.isi.org.ir/default.asp]گزارش کامپيوتر ( ماهنامه انجمن انفورماتيک ايران )[/URL]

   

آموزش مقدماتی HTML بخش پایانی


کار با تصویر زمینه در طراحی صفحات با CSS

ما با استفاده از شناسه background در تگ BODY می توانستیم برای صفحه تصویر زمینه مشخص کنیم. اما با استفاده از استایل می توانیم کنترل بیشتری بر این تصویر زمینه داشته باشیم چه این تصویر زمینه برای کل صفحه استفاده شود چه برای قسمت مشخصی از صفحه. برای مثال می توانیم تصویر زمینه را به گونه ای تعریف کنیم که تکرار نشود، ثابت باشد، یا برای آن نقطه شروع تعیین کنیم. برخی از این خواص را می توانید در جدول یر ملاحظه کنید:

توضیحات

مقادیر قابل استفاده

ویژگی

مشخص کننده محل قرار گرفتن تصویر در اینترنت است

آدرس محل قرار گرفتن تصویر

background-image: url(url)

نوع تکرار تصویر را مشخص می کند

repeat, no-repeat, repeat-x, repeat-y

background-repeat: مقدار ویژگی

مشخص می کند که آیا تصویر زمینه با اسکرول کردن صفحه حرکت می کند یا در جای خود ثابت می ماند

scroll, fixed

background-attachment: مقدار ویژگی

موقعیت تصویر زمینه در صفحه را مشخص می کند

مقدار اول:
top, center, bottom,
عددی در مقیاس پیکل، عددی در مقیاس درصد
مقدار دوم:
left, center, right,
عددی در مقیاس پیکل، عددی در مقیاس درصد

background-position: مقدار دوم مقدار اول

برای استفاده از این ویژگیها و کاربرد آنها برای تگ BODY می توانید یک استایل در قسمت HEAD متن تعریف کنید یا از استایل خلرجی استفاده کنید. مثلاً برای تصویر زمینه صفحات سایت ما می توان در قسمت HEAD متن یک استایل به صورت زیر تعریف کرد:

<style type="text/css">
<!--
body {
background-image:url(http://www.neopersia.org/images/index.jpg);
background-repeat:repeat-y }
-->
</style>

در این صورت تصویر زمینه ای مشابه سایت ما خواهید داشت. می توانید آنرا امتحان کنید.


همانطور که در درس قبل ملاحظه کbackground-repeatردید در مورد background-image توضیحاتی داده شد. در اینجا به سایر ویژگیهای مربوط به تصویر زمینه می پردازیم.

این ویژگی تعیین کننده نوع تکرار شدن تصویر زمینه است. در اینجا مقادیری را که می توان به این ویژگی اختصاص داد بیان می کنیمک

·   repeat
این مقدار تعیین می کند که تصویر زمینه در صورتی که از اندازه پنجره کوچکتر بود هم به صورت افقی و هم عمودی تکرار شود تا همه زمینه پنجره را بپوشاند.

·   no-repeat
این گزینه مشخص می کند که تصویر زمینه نباید تکرار شود حتی اگر از اندازه پنجره کوچکتر بود.

·   repeat-x
این گزینه مشخص می کند که تصویر باید به صورت افقی تکرار شود نه عمودی.

·   repeat-y
این گزینه مشخص می کند که تصویر زمینه باید به صورت عمودی تکرار شود.


   

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


تغيير رنگ پيش فرض متن

برای تغییر رنگ پیش فرض متن در صفحه باید از تگ <BODY> استفاده کنید. شما باید دنبال " "=text بعد از تگ BODY بگردید. مانند این:

<BODY text="black">

ممکن است به جای رنگ از ترکیبی از حروف و اعداد استفاده شده باشد. مانند زیر:

<BODY text="#000000">

البته ممکن است هیچکدام از موارد بالا وجود نداشته باشد، یا شما بخواهید یک صفحه تازه بنویسید. در این موارد باید این فرمان اضافی را به تگ BODY خود اضافه کنید. درست مثل موارد بالا. اگر فرمانهای دیگری هم دارید می توانید این فرمان را در انتهای آنها اضافه کنید البته با قرار دادن یک فضای خالی بین فرمانها. برای نمونه به سطر زیر توجه کنید، من برای تعیین رنگ زمینه و رنگ متن این صفحه از این فرمان استفاده کرده ام:

<BODY bgcolor="#66CCFF" text="black">

 

حالا اگر می خواهید رنگ متن را تغییر دهید می توانید نام انگلیسی رنگ مورد نظر خود را به جای black بنویسید. روش دیگری که برای این کار وجود دارد استفاده از معادل هگزادسیمال رنگها است که در این روش می توانید از بین رنگهای بیشتری رنگ خود را انتخاب کنید چون ما برای تمام رنگهای مورد استفاده نمی توانیم اسم واحدی را به کار ببریم.

برای مشاهده جدول رنگهای هگزادسیمال اینجا را کلیک کنید.

برای مثال اگر می خواهید رنگ متن شما زرد باشد از دو طریق می توانید به این خواسته خود برسید:

1- استفاده از نام رنگ به صورت زیر:

<BODY text="yellow">

2- استفاده از معادل هگزادسیمال رنگها:

<BODY text="#FFFF00">

بعد از انجام این کار هر متنی که در صفحه مرورگر شما دیده شود به رنگ زرد خواهد بود.

                                                                                                                در ادامه مطلب

   

آموزش مقدماتی HTML بخش دوم


علامتها ويژه

آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری وجود داشته باشد. یا بخواهید علامت کپی رایت را نشان دهید. این کاراکتر های ویژه با استفاده از کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند. برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp& استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر:

کلمه اول   کلمه دوم

نتیجه به این صورت خواهد بود:

کلمه اول   کلمه دوم
 

فاصله اول بین کلمات با فشار دادن دکمه Space ایجاد می شود. مرورگر فاصله اول را تشخیص می دهد اما بعد از آن هر تعداد فاصله که باشد تفاوتی نمی کند و شما فقط یک فاصله را در مرورگر می بینید. افزودن کد ;nbsp& مرورگر را مجبور می کند تا بین دو کلمه فاصله اضافی بگذارد. شما با تکرار این کد می توانید به هر تعداد که بخواهید فاصله خالی ایجاد کنید.مانند زیر:

کلمه اول     کلمه دوم

نتیجه:

کلمه اول     کلمه دوم

این فرمان چهار فضای خالی اضافی بین دو کلمه ایجاد می کند. و در مجموع پنج فضای خالی داریم.

 بحث بعدی ما علامت کپی رایت است. شما می توانید به همان روشی که برای فضای خالی اضافی ایجاد کردیم این علامت را نیز به وجود بیاورید. یعنی با استفاده از کد آن. کد علامت کپی رایت این است:  ;copy& به این مثال توجه کنید:

 this page Copyright © 2006 by me.

متن نتیجه:

this page Copyright © 2006 by me.

 روش کار برای تمامی کاراکترهای ویژه به همین صورت است فقط کد آنها را در متن HTML قرار دهید.

در جدول زیر می توانید تعدادی از این کاراکترهای ویژه را به همراه کد سازنده آنها ببینید:

نام کاراکتر

شکل ظاهری کاراکتر

کد سازنده کاراکتر

امپرسند

&

&

علامت کپی رایت

©

©

علامت ثبت شده

®

®

علامت تجاری

علامت خنجر

--------------------

»

»

--------------------

«

«

خط فاصله ام

علامت زاویه

°

°

یک چهارم

¼

¼

یک دوم

½

½

سه چهارم

¾

¾

نقطه میانی

·

·

علامت تعجب وارونه

¡

¡

علامت یورو

علامت پوند انگلیس

£

£

علامت تقسیم

÷

÷

--------------------

 

   
درباره وبلاگ
با سلام
من قصد دارم در این وبلاگ مقالات کامپوتری + مباحث آموزشی + نرم افزار و سخت افزار ارائه بدم امیدوارم این وبلاگ کمکی برای دانشجویان نرم افزار کامپیوتر باشه ممنون.
لینکهای روزانه
دوستان من
نوشته های پیشین
آرشیو موضوعی وبلاگ
بخش ویژه
RSS
powered by : Blogfa , free persian blog service.

pictofxt

Lonely Girl Template

template id : TBF_004 template name : Lonely Girl

gilc0mp

R@!N

http://gilc0mp.blogfa.com

g!l-c0mp@.blogfa.com

با سلام
من قصد دارم در این وبلاگ مقالات کامپوتری + مباحث آموزشی + نرم افزار و سخت افزار ارائه بدم امیدوارم این وبلاگ کمکی برای دانشجویان نرم افزار کامپیوتر باشه ممنون. مقالات کامپیوتری + نرم افزار + سخت افزار Free Blog Templates

Template Design Workshop offers professional web templates, flash templates and other web design products available for immediate download. This template also designed by Template Design Workshop design team. You can download free templates for your site, blog, cms or portal. Feel free to contact us about new templates.

Multimedia Design Group Multimedia Design Group Medium Blog Medium Blog Free Blog Templates Blog Templates Free Blog and Site Templates Flashmate Free Persian Blog Templates. Advanced Persian Blog Templates. pictofxt