چه جوری میشه یه همچین سایتی درست کرد

hesam_dj10

Active Member
سلام یه سر به آدرس زیر بزنید
http://www.pordoweb.com/#/home
منوی های گوشه رو نگاه کنید که چه جوری وقتی کلیک میکنیم صفحه چه قشنگ جابه جا میشه
چه جوری میشه یه همچین سایتی ساخت
یا مثلا
dddd.ir
من یه اسلاید تصویری مثل این میخام از کجا میتونم پیدا کنم؟؟؟؟


و همچنین

یه سر به این ادرس بزنید
http://www.dddd.ir/images/stories/capture/multimedia/facephoto/
ویا این
http://www.dddd.ir/images/stories/capture/multimedia/ibond/

اینا رو چه جوری درست میکنن
فکر کنم با فلش درست کردن
یه مرد پیدا میشه یه آموزش بده که نحوه درست کردن همچین سایتایی رو یاد بگیریم؟
 
آخرین ویرایش:

mamad.noise

کاربر فعال انجمن فتوشاپ
هردو سایت از jquery استفاده شده!
ولی متاسفانه من jquery رو یاد ندارم شرمنده تا همین حد میتونستم راهنمایی کنم
ولی اون دوتا لینک دیگه رو فک کنم با فلش درست کردن
موفق باشیــــــــــــــ:rose:
 

hesam_dj10

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

داش زمان چیه؟؟؟؟؟

من از خدامه که یه چیزی رو از اول بسازم

البته من تا حدودی با java script , jquery اشنام اگه شما یا کس دیگه ای که بلده یه لطف کنه یه هل به بما بده من دیگه خودم روشن میشم!!!
 

hesam_dj10

Active Member
هردو سایت از jquery استفاده شده!
ولی متاسفانه من jquery رو یاد ندارم شرمنده تا همین حد میتونستم راهنمایی کنم

ممنون از جوابت
چرا بلد نیستی حیف نیست
من 3 تا کتاب دارم که به نظرم بد نیستند میزارم انشاالله کمکی کرده باشم:rose:
 

پیوست ها

  • JQuery.zip
    2.2 مگایابت · بازدیدها: 23

mamad.noise

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

SajadCG

کاربر فعال
سلام یه سر به آدرس زیر بزنید
http://www.pordoweb.com/#/home
منوی های گوشه رو نگاه کنید که چه جوری وقتی کلیک میکنیم صفحه چه قشنگ جابه جا میشه
چه جوری میشه یه همچین سایتی ساخت
یا مثلا
dddd.ir
من یه اسلاید تصویری مثل این میخام از کجا میتونم پیدا کنم؟؟؟؟


و همچنین

یه سر به این ادرس بزنید
http://www.dddd.ir/images/stories/capture/multimedia/facephoto/
ویا این
http://www.dddd.ir/images/stories/capture/multimedia/ibond/

اینا رو چه جوری درست میکنن
فکر کنم با فلش درست کردن
یه مرد پیدا میشه یه آموزش بده که نحوه درست کردن همچین سایتایی رو یاد بگیریم؟


لینک اولی که گذاشتید با تکنیکی به نام Parallax درسته شده.
Parallax یه فریم ورک هست که با استفاده از jQuery نوشته شده.

فریم ورک های زیادی هست واسه این کار از جمله:
stellar.js که حرفه ای ترین فریم ورک واسه این جور کار ها هستش.
من که از کار کردن توی این سبک لذت میبرم :)

اینم یه آموزش توپ :)
create a parallax scrolling website using stellar.js


لینک دوم و سوم از فلش استفاده شده
که به نظرم من استفاده از فلش اصلا جالب نیست و یه جورای منسوخ شده.
از طرفی jquery تمامی نیاز کاربران را واسه ساخت انیمیت و ... برطرف میکنه

موفق باشید.
 

websaz2012

Member
سلام یه سر به آدرس زیر بزنید
http://www.pordoweb.com/#/home


با سلام

به چنین سایتهایی اصولا (one page) یا همان تک صفحه ای گویند.

روش طراحی اینچنیین صفحات

  1. اول چند دیو ایدی در صفحه طراحی میشود.
  2. تمام دیو ایدیها بجز دیو ایدی اول با استفاده از css مخفی میشوند
  3. سپس در دیو ایدی اول یک منو طراحی میشود که لینک ب دیو ایدیهایی که مخفی شده اند را است
  4. مرحله بعد ایجکس میباشد که با کلیک بر بروی منو دریو ایدیهای مخفی را با یک ایفکت زیبا نماین میکند.

من این مراحلو بصورت کلی گفتم ک اصولا تمام one page ها مراحل طراحیشون ب همین صورت میباشد

حالا برای رسیدن به ایفکت مورد نظر پلاگینهای بسیار زیادی برای این کار طراحی شده اند ک ایفکت هر کدام متفاوت است.جستجو کنید میتوانید بسیاری را بیابید

بنده وقت کافی برای اموزش ندارم. ولی اگه داشتم اموزش کامل این کار را قرار میدادم
 

hesam_dj10

Active Member
با سلام

به چنین سایتهایی اصولا (one page) یا همان تک صفحه ای گویند.

روش طراحی اینچنیین صفحات

  1. اول چند دیو ایدی در صفحه طراحی میشود.
  2. تمام دیو ایدیها بجز دیو ایدی اول با استفاده از css مخفی میشوند
  3. سپس در دیو ایدی اول یک منو طراحی میشود که لینک ب دیو ایدیهایی که مخفی شده اند را است
  4. مرحله بعد ایجکس میباشد که با کلیک بر بروی منو دریو ایدیهای مخفی را با یک ایفکت زیبا نماین میکند.

من این مراحلو بصورت کلی گفتم ک اصولا تمام one page ها مراحل طراحیشون ب همین صورت میباشد

حالا برای رسیدن به ایفکت مورد نظر پلاگینهای بسیار زیادی برای این کار طراحی شده اند ک ایفکت هر کدام متفاوت است.جستجو کنید میتوانید بسیاری را بیابید

بنده وقت کافی برای اموزش ندارم. ولی اگه داشتم اموزش کامل این کار را قرار میدادم

بابا دمت جیز
اموزش از این بهتر
دیگه تا آخرشو گرفتم
منتظر وب سایتهای تک صفحه ای من باشید!!!!!!!!!
 

websaz2012

Member
دوست عزیز این وبسایت تازه افتتاح شده بزودی مطالبش کامل میشه با تشکر!
 

جدیدترین ارسال ها

بالا