تبدیل psd به کد

[awx0ne]

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

[awx0ne]

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

[MERLIN_BOZORG]

اول فایل PSD تونو اسلایس کنید مثلا ببیند کدوم قسمت ها باید توی Css استفاده بشه
باقیش هم همه به مسلط بودن در css هست.

[awx0ne]

تشکر
ولی دوست عزیز نمیخوام زیاد با عکس ها کار کنم
بیشتر دوست دارم قالب با کدها ساخته بشه تا تصاویر
در کل من دنبال یه چیزی تو این مایه ها هستم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
برای مدیریت محتوای جوملا
اگه کسی میتونه لطفا راهنمایی کنه چه طور بسازمش
مثلا
یه نفر بیات بگه چه طور اون مربع های کوچیک رو درست کنم
با چه تگ هایی
یا یه نفر بیات بگه میتونم از فلان کد برای ایجاد یه حالت ویژه در منوش استفاده کنم و ...
اینجوری اگه خدا بخوات ببینیم آخر این تاپیک آیا این قالب رو پا میشه یا نه؟

به هر حال تشکر:n16:

[MERLIN_BOZORG]

از تگهای div باید استفاده کنی کاری نداره دوست عزیز
شما شروع به کار کنی خود به خود متوجه میشی که چه کارهای باید انجام بدی

[awx0ne]

من با تگهای اچ تی ام ال تا حدودی آشنایی دارم
ولی برای فرم دادن بهشون خیلی مشکل دارم
مثلا با تگ ul یه ردیف منو درست میکنم
ولی آویزون میمونه
نمیدونم توی سی اس اس چی براش بنویسم
میتونم از قالبهای دیگه کد وردارم
ولی میخوام بفهمم هر کد چه معنی ای داره

[MERLIN_BOZORG]

خوب شما نیاز دارید که به CSS مسلط باشید
فکر کنم توی گوگل کمی سرچ کنید مشکلتون حل میشه
واسه افقی شدن ul هم کافیه float:left یا float:right

[awx0ne]

سلام
میخواستم بدونم چه طور میتونم یه همچین حاشیه ای برای نوشتم ایجاد کنم؟
منظورم حالت نقطه چینی هستش:n17:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[MERLIN_BOZORG]

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[awx0ne]

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

تشکر:n16:

[MERLIN_BOZORG]

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

تشکر:n16:

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

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

3) CMS ها چون خیلی حرفه ای طراحی میشن بخش مدیریتی هم دارن و راحت میشه سئو سایت رو هر روز ارتقاع داد و رتبه های بهتری توی متور جستجو کسب کرد.

[awx0ne]

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

تشکر:n16:

[awx0ne]

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

تصویر ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

فایل سی اس اس


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


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


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

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

[awx0ne]

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

من کارم گیره
یه کمکی بکنید
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این قالب رو به صورت تمام استاتیک
فقط جدول
درست کردم
سمت راست یه فضایی رو خالی گذاشتم
که میخوام بصورت تکست باشه
لطفا اگه کسی بلده
بگه من چیکار کنم
تشکر:n16:

[awx0ne]

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

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

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

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

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

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

[MERLIN_BOZORG]

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

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

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

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

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

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

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

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


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید