loading...
آبان یار
آخرین ارسال های انجمن
aban بازدید : 96 سه شنبه 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 بازدید : 89 سه شنبه 17 اردیبهشت 1392 نظرات (0)

  • سلکتور کلاس

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

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

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

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

برای اینکه یک لینک را وادار کنیم که در یک صفحه جدید باز شود، باید این شناسه را به تگ لینک اضافه کنیم: "target="_blank 
تگ لینک به این صورت به نظر می رسد:

<a href="http://www.neopersia.org/" target="_blank">آموزش طراحی صفحات وب </a>

لینک شما در صفحه نهایی به صورت زیر مشاهده می شود. می توانید روی آن کلیک کنید و مطمئن این صفحه را از دست نخواهید داد، چون لینک در یک پنجره جدید باز خواهد شد.


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

aban بازدید : 84 جمعه 13 اردیبهشت 1392 نظرات (0)

آیا شما می خواهید یک عکس را به صفحه خود اضافه کنید؟ برای این کار باید از تگ زیر استفاده کنید:

<img src="image.gif">

در این تگ IMG نشانه قرار گرفتن تصویر در صفحه و SRC آدرس محل قرار گرفتن فایل عکس است. حتماً لازم نیست این عکس مربوط به سایت شما باشد یا در سرور شما قرار داشته باشد، شما می توانید هر عکسی که در اینترنت قابل دسترسی باشد استفاده کنید (اگر قصد دارید صفحه خود را در یک سایت اینترنتی قرار دهید) . شما می توانید فقط نام فایل را به جای آدرس کامل بنویسید اگر صفحه ای که عکس باید در آن قرار گیرد و خود عکس در یک پوشه قرار داشته باشند.
مثلاً اگر عکس شما در این آدرس قرار دارد http://www.example.com/images/image.gif و صفحه ای که در حال ویرایش آن هستید در پوشه ای غیر از این قرار دارد شما باید تگ زیر را برای اضافه کردن عکس به صفحه خود به کار ببرید:

<img src="http://www.example.com/images/image.gif">

اگر فایل html و عکس هر دو در یک پوشه باشند می توانید برای راحتی در تایپ کردن از این تگ استفاده کنید:


aban بازدید : 68 جمعه 13 اردیبهشت 1392 نظرات (0)

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

برای ایجاد لینک از تگ زیر استفاده می کنیم:

<a href="url">متن لینک</a>

تگ <a> نشانه لینک است. شناسه href مشخص کننده آدرس لینک می باشد، <a/> نشانه بسته شدن تگ است. متنی که بین این دو تگ ابتدایی و پایانی نوشته می شود متنی است که در صفحه شما به عنوان یک لینک دیده می شود. مثلاً اگر می خواهید به یک صفحه وب مثلاً صفحه اصلی سایت ما با این آدرس:   http://www.aban.rozblog.com/cat/11/amozeshhtml.html لینکی را در صفحه خود داشته باشید باید فرمان زیر را در قسمت body صفحه خود در جایی که می خواهید لینک به نمایش درآید قرار دهید:

<a href="http://www.aban.rozblog.com/cat/11/amozeshhtml.html">متن نمونه برای لینک</a>

لینک در صفحه شما به این صورت دیده می شود:


درباره ما
بهتری ها را از ما بخواهید.
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آرشیو
    آمار سایت
  • کل مطالب : 51
  • کل نظرات : 57
  • افراد آنلاین : 7
  • تعداد اعضا : 1368
  • آی پی امروز : 47
  • آی پی دیروز : 37
  • بازدید امروز : 60
  • باردید دیروز : 107
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 277
  • بازدید ماه : 277
  • بازدید سال : 21,632
  • بازدید کلی : 227,252