چگونه با HTML , CSS سایت طراحی کنیم ؟

[hamid_diablo]

سلام دوستان

من تقریبا با تمام مباحث HTML , CSS آشنا هستــــــم
میخواستم بدونم الان چطور باید یک سایت استاتیک طراحی کنـــــــم؟

ایده از کجا بیارم؟ دید مناسبی از طراحی یک سایت ندارم فعلا...
(ممنون میشم راهنماییم کنید )

[ABZiko]

سایت زیاد نگاه کنید تا ایده دستتون بیاد !

[سینا اکبری]

بهتره template های آماده رو تو نت سرچ کنید چند تا رو دانلود کنید و سعی کنید فارسیشون کنید و هر تغغیری که میخواهید بدهید.
چند تا سایت معرفی میکنم:
Soulcija (http://www.solucija.com/free-templates)


http://www.templatemo.com/
http://www.csstemplatesfree.org
http://templated.co/

[hamid_diablo]

سایت زیاد نگاه کنید تا ایده دستتون بیاد !

منظورتون دیدن source سایتهاست؟



بهتره template های آماده رو تو نت سرچ کنید چند تا رو دانلود کنید و سعی کنید فارسیشون کنید و هر تغغیری که میخواهید بدهید.
چند تا سایت معرفی میکنم:
Soulcija (http://www.solucija.com/free-templates)

http://www.templatemo.com/
http://www.csstemplatesfree.org (http://www.csstemplatesfree.org/)

http://templated.co/


سایت فارسی هم برای دانلود تمپلت سراغ دارین؟

[ABZiko]

[QUOTE=hamid_diablo;2081410]منظورتون دیدن source سایتهاست؟

دیگه اگر توی کد ها مشکل دارین، کد ها رو نگاه کنید ولی چون شما کد ها رو ننوشتین، یکم براتون تو در تو و مبهم می شه.

[vimax23]

سلام دوستان

من تقریبا با تمام مباحث
HTML , CSS آشنا هستــــــم
میخواستم بدونم الان چطور باید یک سایت استاتیک طراحی کنـــــــم؟

ایده از کجا بیارم؟ دید مناسبی از طراحی یک سایت ندارم فعلا...
(ممنون میشم راهنماییم کنید )

اگر با لایه سازی صفحه های وب آشنایی کامل پیدا کردی با css و javascript هم آشنا هستی
یه سری سبک متدوال مثل اسپریت و فلت و شدو وجود داره که یکی یا همه رو انتخاب کن و سعی کن به صورت مدوام نمونه کار خارجی ببینی و سعی کنی ببینی چی کار کردن
اصولا ایده رو اول رو کاغذ پیاده سازی میکنن بعد دیجیتالی میکنن با فتوشاپ توام از این اصل پیروی کن

[hamid_diablo]

[QUOTE=hamid_diablo;2081410]منظورتون دیدن source سایتهاست؟

دیگه اگر توی کد ها مشکل دارین، کد ها رو نگاه کنید ولی چون شما کد ها رو ننوشتین، یکم براتون تو در تو و مبهم می شه.

الان یه سایت تمپلت رو دان کردم

خود سایت رو میدیدم به همراه کد html رو...
یکم گیج کننده بود اما قال فهم.فقط از div های زیادی استفاده شده بود که گیجم میکنه...

[hamid_diablo]

اگر با لایه سازی صفحه های وب آشنایی کامل پیدا کردی با css و javascript هم آشنا هستی
یه سری سبک متدوال مثل اسپریت و فلت و شدو وجود داره که یکی یا همه رو انتخاب کن و سعی کن به صورت مدوام نمونه کار خارجی ببینی و سعی کنی ببینی چی کار کردن
اصولا ایده رو اول رو کاغذ پیاده سازی میکنن بعد دیجیتالی میکنن با فتوشاپ توام از این اصل پیروی کن

لایه ها دقیقا چی هست؟
(با تمام تگهای HTML , CSS آشنا هستنم)

جاوا اسکریپ رو هنوز شروع نکردم.چند تا زا دوستانم میگن ه جای جاوا اسکریپ , JQUERY رو یاد بگیرم بهتره! نظر شما چیه ؟

[vimax23]

لایه ها دقیقا چی هست؟
(با تمام تگهای HTML , CSS آشنا هستنم)

جاوا اسکریپ رو هنوز شروع نکردم.چند تا زا دوستانم میگن ه جای جاوا اسکریپ , JQUERY رو یاد بگیرم بهتره! نظر شما چیه ؟

لایه سازی یعنی تیبل لس{td tr table} یعنی با استفاده از دیو المان های صفحه رو طراحی میکنین
جی کوئری کتابخونه ای به زبان جاوا اسکریپت هست اونایی که به شما گفتن اشتباه میکنن بالاخره یه جایی به مشکل برمیخوری از کد آماده سعی کن خیلی کم استفاده کنی سعی کن خودت بنویسی یاد بگیری چطوریه جاوااسکریپت زبان برنامه نویسی راحتی هست یه کم وقت بزاری متوجه میشی

[سینا اکبری]

وب فارسی سراغ ندارم که رایگان باشه.
البته یکی از بچه های انجمن یه سایت داره که تازه تاسیس شده ببینین به کارتون میاد
http://www.toolweb.ir/

[hamid_diablo]

سلام

دوستان به نظرتون برای سبانهای اسکریپی , javascripe بهتره یا jquery ?

و سوال بعدی بریا طراحی وب بهتره از div های متوالی استفاده کنیم که بعدش با position محلش رو مشخص کنیم یا اینکه از table استفاده کنیم بهتره!!! ؟

[دانیال دزفولی]

سلام

دوستان به نظرتون برای سبانهای اسکریپی , javascripe بهتره یا jquery ?

و سوال بعدی بریا طراحی وب بهتره از div های متوالی استفاده کنیم که بعدش با position محلش رو مشخص کنیم یا اینکه از table استفاده کنیم بهتره!!! ؟

جی کوری
100% div
table خیلی وقته دیگه استفاده نمیشه و نباید بشه

[omidparkour]

راجبه سئوال اولتون این که jquery یک library از جاوا اسکریپته و فکر میکنم jquery رو یاد بگیرید خوبه
سئوال دو هم 100% div بهتره table دیگه منقرض شده

[usb.mini]

سلام دوستان

من تقریبا با تمام مباحث
HTML , CSS آشنا هستــــــم
میخواستم بدونم الان چطور باید یک سایت استاتیک طراحی کنـــــــم؟

ایده از کجا بیارم؟ دید مناسبی از طراحی یک سایت ندارم فعلا...
(ممنون میشم راهنماییم کنید )
یه طراحی کامل و خلاقانه زمانی به ذهن شما میرسه که به روش های طراحی سایت و قالب های PSD با نرم افزار فتوشاپ وارد باشی. سایت هایی که زیبایی خاصی دارند و یا از تصاویر در طراحی آنها زیاد استفاده شده است. این تصاویر ابتدا به صورت PSD طراحی میشود و سپس به HTML تبدیل در فتوشاپ دست و ذهن شما فعال تر میباشد نسبت به زمانی که بخواهید طراحی سایتی را از HTML و بدون پیش طرحی شروع کنید.

[mehdytux]

دوست عزیز تا شما خود یک وبلاگ و یا سایت نداشته باشید نمی دونید که چه امکاناتی رو باید در قالب خود اضافه کنید. توصیه می کنم حتما با یک cms نیز آشنا بشید و نحوه کد نویسی برای یک cms رو نیز یاد بگیرید. من به شخصه وردپرس رو به شما توصیه می کنم.
برای به دست آوردن ایده می تونید به سایت هایی که آرشیوی از سایتهای خوب رو جمع اوری می کنن رجوع کنید این سایت ها برای همین منظور ساخته شدن. کاربران این سایت ها با نگاه کردن به قالب ها و سایت های قرار گرفته در سایت ، سعی می کنن تا با نحوه طراحی آشنا شده و با ایده های جدید و جذاب که سایر طراحان استفاده می کنن آشنا بشن.
این دو سایتی که در زیر معرفی می کنم دقیقا برای این منظور ساخته شدن:
http://www.webdesignsserved.com
http://www.siteinpiration.com
این دو سایت انواع سایت ها رو کالکت می کنن. هر کدوم از سایت های قرار گرفته در این دو سایت به دلیل طراحی خوب و جذابی که داشتن در لیست این سایت ها قرار گرفتن. کاربران می تونن با رجوع به کالکشن های این دو سایت با توجه به توضیحات و دیدن سایت های کالکت با انواع طراحی های نوین آشنا بشن.

باز هم توصیه می کنم حتما برای پیشرفت در کار طراحی وب با یک cms آشنا بشید. می تونید با مراجعه به سایت زیر با نحوه کدنویسی قالب های وردپرس آشنا بشید. آموزش ها ویدیویی و به زبان فارسی هستند.
http://www.beenox.ir

[hamid_diablo]

سلام دوستان


میخواستم چند تا سایت معرفی کنید بریا دانلود تمپلتهای html5 , css3 ...

[mohamad_torabi]

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

[hamid_diablo]

هدفم همینه.اما میخوام یه آشنایی با طراحی قالب پیدا کنم بعد برم سراغ طراحی

[mohamad_torabi]

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

[hamid_diablo]

دنبال ترجمه قالب نیستم.

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