loading...
آبان یار
آخرین ارسال های انجمن
aban بازدید : 95 سه شنبه 17 اردیبهشت 1392 نظرات (0)

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

توضیحاتمقادیر قابل استفادهویژگی
مشخص کننده محل قرار گرفتن تصویر در اینترنت استآدرس محل قرار گرفتن تصویرbackground-image: url(url)
نوع تکرار تصویر را مشخص می کندrepeat, no-repeat, repeat-x, repeat-ybackground-repeat: مقدار ویژگی
مشخص می کند که آیا تصویر زمینه با اسکرول کردن صفحه حرکت می کند یا در جای خود ثابت می ماندscroll, fixedbackground-attachment: مقدار ویژگی
موقعیت تصویر زمینه در صفحه را مشخص می کندمقدار اول:
top, center, bottom,
عددی در مقیاس پیکسل، عددی در مقیاس درصد 
مقدار دوم:
left, center, right,
عددی در مقیاس پیکسل، عددی در مقیاس درصد
background-position: مقدار دوممقدار اول

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

aban بازدید : 122 سه شنبه 17 اردیبهشت 1392 نظرات (0)

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

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

div { font-family:Arial }
.redtext { color:red }

حالا این متن را با نام example.css ذخیره کنید ( شما می توانید از هر نامی که می خواهید برای ذخیره کردن فایل استفاده کنید، فقط به خاطر داشته باشید که پسوند فایل باید css. باشد. ).

برای پیوند دادن یک فایل استایل خارجی به صفحه HTML باید از تگ <LINK> استفاده کنیم که در بخش HEAD در متن HTML قرار می گیرد. یک نمونه از این تگ را می توانید در اینجا ببینید:

aban بازدید : 89 سه شنبه 17 اردیبهشت 1392 نظرات (0)

  • سلکتور کلاس

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

p.black {color: black}
p.red {color:red}

در مرحله بعد باید برای هر پاراگرافی که می خواهیم به رنگ مشکی باشد از شناسه "class="black در تگ <p> استفاده کنیم و برای پاراگراف قرمز از شناسه "class="red. البته نام کلاسها اختیاری است ولی بهتر است آنها را طوری انتخاب کنید که مفهوم داشته باشند تا وقتی که حجم استایل شما بیشتر شد به گنگ نباشد. در مثال زیر می توانید کد مربوط به نوشتن دو پاراگراف بالا را در متن HTML ملاحظه کنید:

aban بازدید : 88 سه شنبه 17 اردیبهشت 1392 نظرات (0)

آیا شما می خواهید یک جدول (table) در صفحه خود ایجاد کنید؟ برای ایجاد یک جدول باید از این تگ استفاده کنید:

<table>
........محتویات جدول.......
</table>

برای ایجاد یک جدول باید تگ ابتدایی آن یعنی <table> را در جایی که می خواهید جدول وارد شود، قرار دهید. و در پایان جدول هم از تگ پایانی آن یعنی <table/> استفاده کنید.
برای افزودن محتویات به جدول باید از تگ <td> استفاده کنید. نام این تگ مخفف table data است. محتویات جدول چیزهایی هستند که شما بعد از این تگ قرار می دهید. در پایان هم باید پس از محتویات جدول از تگ پایانی <td/>قبل از تگ پایانی جدول استفاده کنید. مانند زیر:

<table>
<td>
........محتویات جدول......
</td>
</table>

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

aban بازدید : 102 سه شنبه 17 اردیبهشت 1392 نظرات (0)

کادر کلمه عبور (Password)

احتمالاً تا به حال به سایتی برخورد کرده اید که برای ورود به آن نیاز به کلمه عبور داشته باشید. شما مسلماً تمایل ندارید وقتی کلمه عبور خود را وارد می کنید کلمه عبور شما نمایش داده شود و دیگران قادر به مشاهده آن باشند. به همین دلیل معمولاً سایتها برای اینکه کلمه عبور کاربران در هنگام پر کردن فرم نمایش داده نشود از نوعی کادر ورودی استفاده می کنند که کاملاً شبیه کادری است که برای وارد کردن متن استفاده می شود (Text Box) با این تفاوت که به جای نمایش کاراکترهای کلمه عبور به جای هر کاراکتر از یک نقطه یا ستاره (بستگی به مرورگر دارد) نمایش می دهد.

برای ساختن کادر کلمه عبور می توانید از کد زیر استفاده کنید:

<input type="password" name="someName" size="30">

کادر به دست آمده مانند زیر است. می توانید متنی را در آن بنویسید و نتیجه را مشاهده کنید:

aban بازدید : 86 سه شنبه 17 اردیبهشت 1392 نظرات (0)

کادر کلمه عبور (Password)

احتمالاً تا به حال به سایتی برخورد کرده اید که برای ورود به آن نیاز به کلمه عبور داشته باشید. شما مسلماً تمایل ندارید وقتی کلمه عبور خود را وارد می کنید کلمه عبور شما نمایش داده شود و دیگران قادر به مشاهده آن باشند. به همین دلیل معمولاً سایتها برای اینکه کلمه عبور کاربران در هنگام پر کردن فرم نمایش داده نشود از نوعی کادر ورودی استفاده می کنند که کاملاً شبیه کادری است که برای وارد کردن متن استفاده می شود (Text Box) با این تفاوت که به جای نمایش کاراکترهای کلمه عبور به جای هر کاراکتر از یک نقطه یا ستاره (بستگی به مرورگر دارد) نمایش می دهد.

برای ساختن کادر کلمه عبور می توانید از کد زیر استفاده کنید:

<input type="password" name="someName" size="30">

کادر به دست آمده مانند زیر است. می توانید متنی را در آن بنویسید و نتیجه را مشاهده کنید:

aban بازدید : 126 پنجشنبه 12 اردیبهشت 1392 نظرات (0)

عنوان : طراحی وب سایت با سیستم مدیریت محتوای جوملا

قالب بندی :  PDF

شرح مختصر : در این پروژه ابتدا به معرفی اینترنت، وب ، جاوااسکریپت ، CSS ، HTML و نحوه طراحی وب سایت پرداخته شده و سپس ضمن شرح مزایای سیستم های مدیریت محتوی ( CMS ) ، نصب سیستم مدیریت محتوای جوملا به صورت تصویری آموزش داده میشود.

aban بازدید : 230 پنجشنبه 12 اردیبهشت 1392 نظرات (0)

موضوع:  طراحی وب سایت رستوران با PHP

قالب بندی:PHP

شرح مختصر: این پروژه یک سورس آموزشی PHP بوده که در آن بیشتر از جنبه طراحی سایت به جنبه آموزش برنامه نویسی PHP توجه شده است. جهت استفاده و اجرای پروژه ابتدا باید یکی از برنامه های اجرای فایل های PHPاز جمله نرم فزار Wamp را نصب نموده و دیتابیسی با نام restoran در آن ایجاد نمایید. جهت ایمپورت و ساختن جدول های مربوطه در این دیتابیس به پوشه bank sql مراجعه نمایید. همچنین برای ورود به پنل مدیریت سایت از یوزر administrator  و پسورد ۱۲۳ استفاده نمایید.

aban بازدید : 148 پنجشنبه 12 اردیبهشت 1392 نظرات (0)

عنوان پروژه :  طراحی وب سایت نمونه با PHP

قالب بندی :PHP

شرح مختصر :

این وب سایت بسیار ساده بوده و برای افرادی که تازکار  مفید میباشد.محتوای کلی این سایت ، دانلود مجلات از سایت های اشتراک گذاری شده میباشد و کاربران می توانند بدون عضو شدن اقدام به دانلود نمایند.همچنین اعضای سایت قادر به آپلود مجلات خواهند بود.جهت استفاده لازم است به فایل HELP.txt مراجعه نمایید.اما به طور مختصر محتوای موجود در فولدر DB را در easy php در قسنمت Database ایمپورت نموده و فولدر ها و صفحات موجود در پوشه Page را در پوشه www (موجود در محل نصب easy php) کپی نمایید.

درباره ما
بهتری ها را از ما بخواهید.
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آرشیو
    آمار سایت
  • کل مطالب : 51
  • کل نظرات : 57
  • افراد آنلاین : 10
  • تعداد اعضا : 1368
  • آی پی امروز : 34
  • آی پی دیروز : 27
  • بازدید امروز : 38
  • باردید دیروز : 37
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 75
  • بازدید ماه : 75
  • بازدید سال : 21,430
  • بازدید کلی : 227,050