نام:محمد امین
نام خانوادگی:عسکری
مدرک: مهندسی کامپیوتر-نرم افزار،MCSE،CCNA
مهارت و تخصص: برنامه نویسی،طراحی گرافیکی،طراحی صفحات وب ایستا و پویا،طراحی و راه اندازی وب سایت،راه اندازی و پشتیبانی تخصصی انواع شبکه
علاقه ی شدید من نسبت به علم کامپیوتر از دوران کودکی باعث شد تا با شور و علاقه وارد این حیطه ی گسترده شوم و روز به روز علاوه بر کسب دانش و مهارت نسبت به قبل بیشتر علاقه مند باشم،هم اکنون نیز علاوه بر فراگیری دوره های مختلف به فعالیت در زمینه ی شبکه و وب مشغولم و همچنین آماده ی همکاری با علاقه مندان در تمام زمینه های مرتبط با کامپیوتر و IT خواهم بود.
Archive for اردیبهشت, ۱۳۸۹
پس زمینه ها در CSS
در طراحی صفحات وب یکی از نکات حائز اهمیت انتخاب و قراردهی مناسب یک پس زمینه یا Background میباشد،در این مطلب به معرفی کد های پس زمینه و کاربرد هریک در فایل Css خواهم پرداخت.
رنگ پس زمینه
کد مربوط به رنگ پس زمینه در قسمت body قرار خواهد داشت:
مثال
|
رنگ پس زمینه میتواند شامل موارد زیر باشد:
- name – a color name, like “red”
- RGB – an RGB value, like “rgb(255,0,0)”
- Hex – a hex value, like “#ff0000″
مثال
|
تصویر پس زمینه
به صورت پیش فرض تصویر انتخابی شما آنقدر تکرا میشود تا محل مورد نظر را پوشش دهد.
تصویر پس زمینه ی یک صفحه میتواند مانند مثال زیر تنظیم شود:
مثال
|
مثال
|
تکرار و موقعیت پس زمینه
به صورت پیش فرض تصویر پس زمینه در هر دو حالت افقی و عمدی تکرار خواهد شد.
برخی تصاویر را باید فقط افقی یا عمودی تکرار کرد و در صورت رعایت نکردن این موضوع تصاویر گنگ و مبهمی خواهیم داشت،مانند مثال زیر:
مثال
|
اگر تصویر را فقط افقی تکرار کنیم(repeat-x) پس زمینه ی ما نمای بهتری خواهد داشت:
مثال
|
تصویر پس زمینه-تعیین موقعیت-بدون تکرار
نمایش یک تصویر پس زمینه بدون تکرار:
مثال
|
تعیین موقعیت قرار گیری تصویر پس زمینه بدون تکرار:
مثال
|
رنگ و تصویر پس زمینه
گاهی اوقات که شما از تصاویری با زمینه ی محو استفاده میکنید لازم است تا رنگ پس زمینه هم انتخاب شود،مانند مثال زیر:
مثال
|
تمام تنظیمات پس زمینه در CSS
| ویژگی | توضیحات | مقادیر | CSS |
|---|---|---|---|
| background | Sets all the background properties in one declaration | background-color background-image background-repeat background-attachment background-position inherit |
1 |
| background-attachment | Sets whether a background image is fixed or scrolls with the rest of the page | scroll fixed inherit |
1 |
| background-color | Sets the background color of an element | color-rgb color-hex color-name transparent inherit |
1 |
| background-image | Sets the background image for an element | url(URL) none inherit |
1 |
| background-position | Sets the starting position of a background image | left top left center left bottom right top right center right bottom center top center center center bottom x% y% xpos ypos inherit |
1 |
| background-repeat | Sets if/how a background image will be repeated | repeat repeat-x repeat-y no-repeat inherit |
1 |
معرفی و آموزش Css یا استایل شیت(قسمت اول)
استایل شیت ها یکی از مفید ترین عناصر وب میباشند که یکی از مزیتهای آن ساخت یک فایل و الگوی مشترک و استفاده آن در کلیه صفحات سایت می باشد. همین امر که از تکرار یک سری کد جلوگیری میکند باعث محبوبیت این عنصر در نزد طراحان وب شده است.
با استایل شیت چه کارهایی میتوانید انجام دهید؟
هر style باید برای یک تگ خاص تعریف شود . به محتوای داخل تگی که میخواهیم یک style نسبت دهیم selector یا انتخاب کننده میگویند که الگوی تعریف شده در تگ آغاز کننده یک عنصر تا تگ پایان دهنده آن تاثیر خواهد داشت.
برای تعیین و تعریف یک الگو ابتدا باید selector را مشخص و بنویسیم مانند h1 سپس خصوصیات و مقادیر آنها را بین دو علامت { } بگذاریم که طرز نوشتن خصوصیت و مقدار آن بین { } به این ترتیب میباشد:
ابتدا خصوصیت را نوشته سپس علامت : میگذاریم و بعد مقدار مشخصه آنرا مینویسیم ،
اگر بخواهیم چند خصوصیت را به یک selector نسبت دهیم ، بعد از هر کدام یک ; میگذاریم،
h1 { color:green; text-align:center }
Style ها را به سه روش میتوان تعریف کرد:
- روش اول: به عنوان یک الگوی خارجی که اطلاعات در یک فایل نوشته میشود و با پسوند .css ذخیره میشود که در تگ <link> داخل قسمت head آدرس دهی و فراخوانده میشود.
- روش دوم: style را میتوانیم در قسمت head نوشته و جاسازی کنیم که با تگهای<style></style> مشخص میشوند.
- روش سوم: با قرار دادن style به عنوان خصوصیت در یک تگ و مقدار دهی آن. مانند تگ زیر:
گاهی اوقات یک style به روشهای اول یا دوم تعریف میشود، اما شما نمیخواهید که آن الگو در همه جا اعمال شود، پس میایید یک اسم واحد برایselector انتخاب میکنید ، بدین ترتیب که بلافاصله بعد از selector یک نقطه میگذارید و اسمی را مینویسید. پس از این کار در هر تگی که نیاز به آن الگو هست خصوصیت class=” “ را مینویسیم و برابر با آن اسم قرار میدهیم،
فراخوانی فایل css در تگ <link>
ارزش واقعی style sheet زمانی به چشم میاید که یکبار آنرا تعریف کنید و در تمام صفحات از آن بهره ببرید. برای این منظور شما فقط از طریق روش اول میتوانید اینکار را انجام دهید، بدین ترتیب که style ها را در برنامه ویرایشگر متن مانند notepad مینویسید و سپس آن فایل را با پسوند .css ذخیره کرده و در دایرکتوری اصلی وب سایتتان قرار میدهید. css مخفف Cascading Style Sheet است.
پس از ذخیره فایل style sheet میتوانید برای هر صفحه که میخواهید آنرا فراخوانی کنید، برای انجام این عمل باید تگ <link> را در قسمت head قرار دهید و سه خصوصیت مربوط به آنرا وارد کنید. خصوصیت rel=” “ است که برابر با کلمه stylesheet قرار میدهید و سپس type=” ” وبا text/css مقداردهی میشود و در آخر با خصوصیت href=” “ فایل را آدرس دهی میکنید،
<link rel=”stylesheet” type=”text/css” href=”آدرس فایل “>
این تگ نیازی به پایان دهنده ندارد.
منبع:http://www.iranw3.com/CSStut/
وب سایت ها را تبدیل به PDF کنید!
یکی از کارهای جالب و کاربردی که میتوان بر روی وب سایت ها انجام داد تبدیل آنها به فایل PDF است،با این قابلیت میتوان از محتویات وب سایت در هر کجا و بدون نیاز به اینترنت و به صورت آفلاین دسترسی داشت… برای این منظور سایتی را معرفی میکنم که به واسطه ی آن میتوان تمام سایت ها را به فرمت Pdf تبدیل کرد،از این طریق شما میتوانید هر صفحه از هر سایتی را که دلتان خواست به Pdf تیدیل کنید و از آن در هرجا که دوست دارید استفاده کنید،برای شروع در سایت Web2Pdf Online ثبت نام کنید و پس از آن سایت دلخواهتان را به Pdf تبدیل کنید.
تنظیمات IIS در ویندوز سرور ۲۰۰۳
Windows Server 2003 – IIS Server Configuration Vimeo.
در این ویدیو به چگونگی نحوه ی تنظیمات IIS در ویندوز سرور ۲۰۰۳ خواهیم پرداخت…
