PDA

View Full Version : سوال: ایجاد بنر


hafez1
دوشنبه 08 خرداد 1391, 20:37 عصر
می خواستم یه بنر برای سایتم بذارم
چی جوری باید این کارو بکنم:متفکر:
zgolestan
دوشنبه 08 خرداد 1391, 21:26 عصر
از تگ img باید استفاده کنید.

اگر بگی توی چه محیطی داری کار میکنی، بیشتر می تونم راهنمایی کنم...
hafez1
دوشنبه 08 خرداد 1391, 22:23 عصر
من توی visual studio کد می زنم.توی notpad هم می نویسم
اگه می شه بیشتر راهنمایی کنید.
zgolestan
سه شنبه 09 خرداد 1391, 00:38 صبح
اگر توی ویژوال استادیو کار می کنید با استفاده از table یا تگ div ، صفحه رو به چند قسمت تقسیم کنید(مثلا جدولتون 4 سطر و 1 ستون داشته باشه) و سطر بالایی جدول رو به بنر سایت تخصیص بدید. و داخل این سطر یه تگ img بذارید و آدرس عکس(بنر) و تنظیمات لازم برای عکس رو روی اون انجام بدین. با استفاده از خصوصیت width و height ، سایز بنر رو مشخص کنید.
(توی notepad هم می تونید با کدهای html یه جدول بسازید و ...)



<img src="banner.jpg" alt="Site Banner" height="150" width="960" />
hafez1
سه شنبه 09 خرداد 1391, 01:05 صبح
ببخشید این که نوشتید alt="Site Banner یعنی سایتی که عکس رو ازش گرفتم بنویسم؟
آیا نوشتن این عبارت الزامیه؟
اگه بخوام چند تا عکس با شن که یکی بره بدی بیاد اون وقت چی کار کنم؟
zgolestan
سه شنبه 09 خرداد 1391, 05:16 صبح
خصیصه alt در تگ img اختیاری هست و می تونید ننویسیدش. ورودی که alt میگیره ، یه متن هست که معمولا این متن ، یه توضیحی در مورد تصویرتونه یا اسم تصویرتونه و ...
کاربردهاش :
1- برای این استفاده میشه که اگر عکستون به هر دلیلی لود نشد، متن مورد نظر رو (توی مثال بالا : Site Banner) درون کادر تصویر می نویسه.
2- هنگامی که در مرورگر IE ، اشاره گر ماوس رو روی تصویر نگه دارید، اون متن رو مشاهده می کنید.
zgolestan
سه شنبه 09 خرداد 1391, 05:41 صبح
برای کمرنگ کردن تصویر پس زمینه : این کار رو با کد html نمیشه انجام داد و باید با نرم افزارای گرافیکی مثل فتوشاپ ، افکت و نور لازم رو به تصویرتون بدین و بعد داخل سایتتون ازش استفاده کنید.
توی فتوشاپ عکس رو کمرنگ کنید و توی سایتتون قرار بدین.

اگر میخوای عکست تکرار بشه ، قسمت background-repeat:no-repeat رو حذف کن. برای تصویر پس زمینه نیازی به تعیین width و height نیست و عکست با اندازه ی اصلی خودش نمایش داده میشه و اونقدر تکرار میشه تا تمام صفحه رو پر کنه. اگر خواستی سایز تصویرتو تغییر بدی توی فتوشاپ این کارو بکن.



<body style="background-color:#3333CC; background-image:url('Images/back.jpg'); background-repeat:no-repeat;">
hafez1
سه شنبه 09 خرداد 1391, 10:29 صبح
ببخشید فکر می کنم اشتباه شد.
این جوابتون مربوط به گراند سایته من این جا در باره بنر سوال پرسیدم
zgolestan
سه شنبه 09 خرداد 1391, 14:35 عصر
میدونم.
ولی هم سوال در مورد بنر رو جواب دادم هم سوالایی که در مورد بک گراند سایت داشتین.

برای داشتن بنر متحرک که چند تا عکس تعویض بشن ، فکر کنم باید این کار رو با نرم افزارای ساخت بنر متحرک و نرم افزارای انیمیشن سازی یا فتوشاپ و Image Ready و ... انجام بدین.
zigoratsoft
یک شنبه 14 خرداد 1391, 20:26 عصر
چیزی که شما میخواید یک اسلایدره
اسلایدر ها با کد های جاوا اسکریپت کار میکنن.
با یه جستجو تو گوگل می تونید کد و فایل های مربوط به اسلایدر های مختلف رو پیدا کنید و داخل سایتتون قرار بدید.