تبدیل psd به کد

Printable View

نمايش 40 تاپيکها در يک صفحه

23-09-2013, 19:03
MERLIN_BOZORG

نقل قول:

نوشته شده توسط awx0ne [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

سلام
یه سوال جدید
میخواستم بدونم درست اینه که مقادیر طول و عرض w×h رو توی فایل css وارد کنم یا توی html?
سوال دوم
چرا اگه وبسایتمون رو بصورت استاتیک در قالب اچ تی ام ال و سی اس اس بنویسیم و روی هاست آپلود کنیم
میگن که وبسایت ما از سئوی پایینی برخورداره؟
سی ام اس ها چه تاثیری در سئو دارن؟

تشکر:n16:

1) بستگی داره به اینکه اولویت کدوم باشه ممکنه شما مثلا همه ی دیو هاتونو توی css یه طول و عرض داده باشین اما میخوایین یه دیو خاص تون طول و عرض دیگه ای داشته باشه.
همونطور که میدونین اولویت css به این صورته
اول استایل روی تگ ها
دوم استایل داخلی که در بخش head مینویسین
سوم استال خارجی که با تگ لینک اتچ میکنید
پیشنهاد من اینه که داخل CSS بنویسید و بخش زیبایی سایت رو از کد html جدا کنید.

2)برای اینکه شما برای ویرایش سایتتون همه ی کارها رو باید دستی انجام بدین مثلا می خواین یه سری کلامات جدید اضافه کنید باید بیاید فایل و ویرایش کنید و کلمات رو اضافه کنید
یا مثلا اگه سایتتون از صفحات بیشتری استفاده کنه چون استاتیک هستش باید دوباره به اون ها هم کلمات رو بدین
در صورتی که سایتهای داینامیک معمولا بخش مدیریتی هم دارن که راحت کلمات رو وارد میکنید و خودش به همه ی صفحات اضافه میکنه
(این چیزیه که به فکر من میرسه ممکنه دلایل دیگه ای هم داشته باشه).

3) CMS ها چون خیلی حرفه ای طراحی میشن بخش مدیریتی هم دارن و راحت میشه سئو سایت رو هر روز ارتقاع داد و رتبه های بهتری توی متور جستجو کسب کرد.
25-09-2013, 00:46
awx0ne

با عرض سلام
به وسیله فتوشاپ و دریم ویور یه صفحه به عنوان تست درست کردم
ولی مشکل اینجاست که کلش عکسه
میخوام بدونم چه طور میشه به جای عکس از تکست استفاده کرد
تا صفحه سبکتر بشه
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
منتظر جوابتون هستم

تشکر:n16:
25-09-2013, 13:22
awx0ne

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

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

فایل سی اس اس

کد:

body {direction:rtl;} .img1 { background-image:url(images/Untitled-1_03.jpg) ; width:568; height:45;} .img2 { background-image:url(images/Untitled-1_06.jpg) ; width:568;} .img3 { background-image:url(images/Untitled-1_07_02.jpg); width:568; height:37;}

فایل اچ تی ام ال

کد:

<html> <head> <style type="text/css" >@import url(style.css);</style> <body> <table width="568" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="top" class="img1"></td> <td align="center" valign="top" class="img2"></td> <td align="center" valign="top" class="img3"></td> </tr> </table> </body> </html>

منتظر جوابتون هستم:n16:
25-09-2013, 21:45
awx0ne

دوستان
بشتابید
زکات علم یاد دادن آن است

من کارم گیره
یه کمکی بکنید
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این قالب رو به صورت تمام استاتیک
فقط جدول
درست کردم
سمت راست یه فضایی رو خالی گذاشتم
که میخوام بصورت تکست باشه
لطفا اگه کسی بلده
بگه من چیکار کنم
تشکر:n16:
26-09-2013, 13:22
awx0ne

آقا یه نفر کمک کنه
هی سوالا داره تلمبار میشه

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

اون مربعه که حالت گرادینت داره رو میبینید
میخوام داخل اون یه مستطیل کوچیک گرادینت دار بذارم
یعنی اون کادر مشکی که پایین مربعه سبزه میخوام بیات توی کادر
البته توی این تصویر از div اصلی خارجش کردم
ولی داخل div هم که گذاشتم باز نشد درست تنظیمش کرد

به طور کلی میشه یکم در باره تگ هایی که برای تنظیم دقیق div های تو در تو کاربرد دارن توضیح بدید

راستی توسط چه تگی میشه دیوها رو در سی اس اس در وسط کادر قرار داد؟من فعلا توی اچ تی ام ال بوسیله تگ margin دارم کادرها رو در وسط قرار میدم

منتظر جوابتون هستم:n16:
27-09-2013, 00:25
MERLIN_BOZORG

نقل قول:

نوشته شده توسط awx0ne [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

آقا یه نفر کمک کنه
هی سوالا داره تلمبار میشه

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

اون مربعه که حالت گرادینت داره رو میبینید
میخوام داخل اون یه مستطیل کوچیک گرادینت دار بذارم
یعنی اون کادر مشکی که پایین مربعه سبزه میخوام بیات توی کادر
البته توی این تصویر از div اصلی خارجش کردم
ولی داخل div هم که گذاشتم باز نشد درست تنظیمش کرد

به طور کلی میشه یکم در باره تگ هایی که برای تنظیم دقیق div های تو در تو کاربرد دارن توضیح بدید

راستی توسط چه تگی میشه دیوها رو در سی اس اس در وسط کادر قرار داد؟من فعلا توی اچ تی ام ال بوسیله تگ margin دارم کادرها رو در وسط قرار میدم

منتظر جوابتون هستم:n16:

ببخشید که اینو میگما اما سوالاتو خیلی بد میپرسی
اصلا معلوم نیست که سوالت چیه

واسه وسط قرار دادن div توی css هم از margin استفاده میشه
به این صورت

کد:

margin:auto;

نمايش 40 تاپيکها در يک صفحه