ورود

View Full Version : css و html رو خوندم، حالا چجوری بدونم میتونم طرح بزنم یا نه؟؟ شما طرحی ندارین بدین برای تبدیل!!



sahel65
چهارشنبه 06 خرداد 1394, 12:21 عصر
سلام؛ خیلی وقته که دارم همش هی میخونم و مطالعه می کنم. میگن تا کار عملی انجام ندم نمیتونم یاد بگیرم. خوب حالا من چجوری بدونم اگه یه کاری انجام میدم خوب و استاندارده؟؟؟؟ از کجا بفهمم؟؟ جایی سراغ ندارین که مثلا یه کاری رو بده و ما براش انجام بدیم و بعدش ایرادامونو بگیره؟؟؟؟ چیکار کنم حالا؟؟؟

دانیال دزفولی
چهارشنبه 06 خرداد 1394, 12:45 عصر
طراحی سایت (http://eagle-design.ir/) ایگل دیزاین (http://eagle-design.ir/)

sahel65
چهارشنبه 06 خرداد 1394, 13:05 عصر
خیلی خیلی ممنونم ازت؛ حالا اینو تبدیلش کنم؟؟ میشه مرحله به مرحله که رفتم جلو براتون بفرستم؟؟ یعنی از header شروع کنم و بیام پایین تر و شما تو هر مرحله ایرادات کار رو بهم بگین؟؟ امکانش هست یا خیر؟؟ بهرحال ازتون خیلی خیلی ممنونم.مرسی

asghar2008
چهارشنبه 06 خرداد 1394, 13:14 عصر
سلام

طرح خوبیه !!
منم تازه یاد گرفتم البته چندتا قالب ساده طراحی کردم تو این لینک اولین قالب (http://shadkhone.blogfa.com/)مورد استفاده رو میتونید ببینید..
اما همچین قالب رو طراحی نکردم

سعید کشاورز
چهارشنبه 06 خرداد 1394, 14:09 عصر
سلام؛ خیلی وقته که دارم همش هی میخونم و مطالعه می کنم. میگن تا کار عملی انجام ندم نمیتونم یاد بگیرم. خوب حالا من چجوری بدونم اگه یه کاری انجام میدم خوب و استاندارده؟؟؟؟ از کجا بفهمم؟؟ جایی سراغ ندارین که مثلا یه کاری رو بده و ما براش انجام بدیم و بعدش ایرادامونو بگیره؟؟؟؟ چیکار کنم حالا؟؟؟

به نظر من با یه طرحی شروع کن که PSD نباشه...منظورم این یه قالب html رو Redesgin کن...چون اینجوری بهتر میتونی خودت رو محک بزنی..مثلا افکت های hover رو میبینی و میتونی با انیمیشن ها ارتباط بر قرار کنی..
شما به نظرم برای شروع میتونیی سایتی مثل p30download رو برای شروع انتخاب کنی..چیز سختی نداره ..کلی هم نکته داره برای یاد گیری.حتما حتما نمی خواد شبیهش بشه..اما می تونی از لایه بندی و چیدمانش الگو بگیری

دانیال دزفولی
چهارشنبه 06 خرداد 1394, 14:15 عصر
طراحی سایت (http://eagle-design.ir/) ایگل دیزاین (http://eagle-design.ir/)

سعید کشاورز
چهارشنبه 06 خرداد 1394, 14:31 عصر
به نظر من درست نیست سعی کنه مثل سایت های ایرانی بزنه :چشمک:


اصلا به نظرم نباید از روی طرح کسی زد - ( مثلا یه طرح html )

اگه psd باشه که بحث فرق میکنه


آدم باید به خودش متکی باشه

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

دانیال دزفولی
چهارشنبه 06 خرداد 1394, 14:49 عصر
قدم به قدم..
قرار نیست راه 100 ساله رو یه شبه بره..
شما الان توی وب تخصص داری درسته؟ توی خیاطی هم تخصص داری؟ اگه بخوای خیاطی شروع کنی و مانتو بدوزی چی کار میکنی؟ خودت میشینی خلاقیت به خرج میدی یا اول کار میری از نمونه کار های دیگه الهام میگیری؟
مطمئن باش اولش برای شروع حتما باید نمونه کار ببینه..انقدر ببینه که براش جا بیوفته..بعدش که دستش راه افتاد میتونه خودش خلاقیت به خرج بده


حرف اول من اینه از حد اقل از رو خودمون نزنه

از خارجی ها بزنه :D

sahel65
چهارشنبه 06 خرداد 1394, 17:29 عصر
دوستان گل و عزیزم؛ از پیشنهاداتون بسیار بسیار ممنونم. دست گلتون درد نکنه. خیلی خیلی سپاسگزارم. فقط برای اینکه فعلا html و css رو یاد گرفتم پس بهتره که فعلا به قول سعیدجان سایت P30download رو انجام بدم و چون نمیخوام زحمتی که دوست عزیزم eagle کشیدن رو هم بی جواب بذارم، بعدش میرم سراغ طرح eagle جان. یا اینکه هر دو تاش رو انجام میدم. فقط اگه سوالی داشتم از هر کدومتون چون تجربه تون خوبه و تخصصتون بالاست، اشکال نداره خصوصی بپرسم؟؟آخه اینجا گاهی جواب میدین و گاهی هم جواب نمیدین. مدیرا هم که نمیدونم خوابیدن!!!!! فقط چند نفر خوب داریم که مثل شما مسلط هستن. مرسی عزیزان گلم.

دانیال دزفولی
چهارشنبه 06 خرداد 1394, 17:51 عصر
طراحی سایت (http://eagle-design.ir/) ایگل دیزاین (http://eagle-design.ir/)

sahel65
چهارشنبه 06 خرداد 1394, 17:59 عصر
خیلی ممنون عزیز؛ عالیه، پس برای تمرین اول یه سایت Html و css رو میرم جلو، بعدش عکسی که شما فرستادین و بعدش عکسهای قشنگتر و حرفه ای تر. فقط اگه سوالی داشتم ازتون میپرسم ها!!!!!

سعید کشاورز
چهارشنبه 06 خرداد 1394, 18:03 عصر
دوستان گل و عزیزم؛ از پیشنهاداتون بسیار بسیار ممنونم. دست گلتون درد نکنه. خیلی خیلی سپاسگزارم. فقط برای اینکه فعلا html و css رو یاد گرفتم پس بهتره که فعلا به قول سعیدجان سایت P30download رو انجام بدم و چون نمیخوام زحمتی که دوست عزیزم eagle کشیدن رو هم بی جواب بذارم، بعدش میرم سراغ طرح eagle جان. یا اینکه هر دو تاش رو انجام میدم. فقط اگه سوالی داشتم از هر کدومتون چون تجربه تون خوبه و تخصصتون بالاست، اشکال نداره خصوصی بپرسم؟؟آخه اینجا گاهی جواب میدین و گاهی هم جواب نمیدین. مدیرا هم که نمیدونم خوابیدن!!!!! فقط چند نفر خوب داریم که مثل شما مسلط هستن. مرسی عزیزان گلم.

البته p30download در حد نظر بودا میتونی یه سایت دیگه رو انتخاب کنی..بستگی به توانایی خودت داره..اولین و مهمترین نکته اینه که قالبت رو سعی کنی ریسپانسیو بزنی..اگه بلد نیستی حتما یاد بگیر این مورد رو با بوت استرپ راحت میتونی این کار بکنی..
من خودم چندتا فیلم بوت استرپ ضبط کردم توی لینک زیر میتونی ببینی
آموزش بوت استرپ (http://saeedd.blog.ir)

sahel65
چهارشنبه 06 خرداد 1394, 18:08 عصر
مرسی سعید عزیز،:خجالت: الان دارم header رو انجام میدم از سایتی فرمودی !! بزار اول header و همون بالاش رو تو همین دو سه روز درست کنم، باشه؟؟ بعدش همین رو ریسپانسیو میکنم، گیجم نکنین دیگه!!!:گریه: بزار اول همین رو انجام بدم و شما ایراداتشو بهم بگو بعدش میرم رسیپانسیو میکنم. الان دقیقا تو dreamweaver cs6 هستم و اگه بیام بیرون ازش ممکنه ناراحت بشه !!:قهقهه::قهقهه:

سعید کشاورز
چهارشنبه 06 خرداد 1394, 18:30 عصر
مرسی سعید عزیز،:خجالت: الان دارم header رو انجام میدم از سایتی فرمودی !! بزار اول header و همون بالاش رو تو همین دو سه روز درست کنم، باشه؟؟ بعدش همین رو ریسپانسیو میکنم، گیجم نکنین دیگه!!!:گریه: بزار اول همین رو انجام بدم و شما ایراداتشو بهم بگو بعدش میرم رسیپانسیو میکنم. الان دقیقا تو dreamweaver cs6 هستم و اگه بیام بیرون ازش ممکنه ناراحت بشه !!:قهقهه::قهقهه:

اگه p30download رو داری میزنی این فایلی که ضمیمه کردم به دردت میخوره....دانلود کن ببین چیه :لبخند:

sahel65
چهارشنبه 06 خرداد 1394, 18:42 عصر
ای که دستت درد نکنه ؛ معلومه دیگه رنگهایی که بکار رفته تو سایت رو داره بهم میده، مرسی عزیزم. البته header رو رنگشو پیدا کردم و الان دارم کلنجار میرم که گرادیانت زیرش رو درست کنم، یه مستطیلی هست که سایه هم داره! اولش میخواستم یه Box معمولی بزارم، گفتم باز شاید بهم بگی چرا گرادیانت نیست، تصمیم گرفتم گرادیانت درست کنم. حالا با این فایلی که بهم دادی فکر کنم دیگه نیازی به ایجاد گرادیانت خودم هم نباشه، بیست دقیقه ست دارم باهاش ور میرم ها.

sahel65
چهارشنبه 06 خرداد 1394, 18:45 عصر
راستی از کجا گیر آوردی فایل رو؟؟ راستش رو بخوای من دیگه نرفتم سورس صفحه رو ببینم، گفتم اینجوری تقلب میشه و خودمو انگاری دارم گول میزنم. تو سورس خود صفحه ش هست مهندس؟؟؟؟

سعید کشاورز
چهارشنبه 06 خرداد 1394, 18:46 عصر
ای که دستت درد نکنه ؛ معلومه دیگه رنگهایی که بکار رفته تو سایت رو داره بهم میده، مرسی عزیزم. البته header رو رنگشو پیدا کردم و الان دارم کلنجار میرم که گرادیانت زیرش رو درست کنم، یه مستطیلی هست که سایه هم داره! اولش میخواستم یه Box معمولی بزارم، گفتم باز شاید بهم بگی چرا گرادیانت نیست، تصمیم گرفتم گرادیانت درست کنم. حالا با این فایلی که بهم دادی فکر کنم دیگه نیازی به ایجاد گرادیانت خودم هم نباشه، بیست دقیقه ست دارم باهاش ور میرم ها.

برای ساختن گرادینت از این سایت (http://www.colorzilla.com/gradient-editor/)استفاده کن..کد های سی اس اس رو بهت میده..تو فقط رنگ تعریف میکنی

برای سایه دادن از این سایت (http://www.cssmatic.com/box-shadow) استفاده کن..
کم کم یاد میگری خیلی چیزا ارزش وقت گذاشتن نداره و بهتره از سورس کدهایی که قبلا نوشته شده و پلاگین هایی که قبلا ایجاد شده استفاده کنی..

sahel65
چهارشنبه 06 خرداد 1394, 18:53 عصر
آره عزیز حق با شماست، ولی الان دیگه جدا کردم اون تکه از رنگ رو و بردمش تو فتوشاپ و خروجیشو گرفتم، کاش زودتر میگفتی سعیدجان، دقیقا بیست و پنج دقیقه داشتم کار می کردم، ولی خوب ارزش داره و با تجربیات شما بیشتر آشنا میشم. حالا این دفعه دیگه درستش کردم از دفعه بعد میرم تو اون سایتی که گفتی، البته نه راستی برای سایه دادن لازم دارم. برای سایه از css3 استفاده کنم(البته بلد نیستم و میخوام بخونمش) یا اینکه بدون css3 هم فکر کنم بشه با shadow سایه بهش بدم.
بازم مرسی:تشویق::تشویق::تشویق:

sahel65
چهارشنبه 06 خرداد 1394, 18:55 عصر
هر دو راهشو میرم، یعنی اول خودم درست می کنم و میزارم رو سایت ببینی و هم با اون دو تا سایتی که گفتی، ببین کدومش بهتره!!!