دانلود پروژه طراحی سایت فروشگاه پوشاک دیجی استایل

پروژه های طراحی سایت زیادی توسط تیم تهران آی تی در این سایت منتشر شده. اما در خصوص پروژه طراحی سایت با HTML فروشگاه پوشاک دیجی استایل تمام تلاش خود را کرده ایم تا یک پروژه فروشگاهی ساده ایجاد کنیم. یعنی سایتی طراحی کنیم که علاوه بر زیبایی ظاهری از ساده ترین کد های HTML و CSS در آن استفاده شده باشد. برای طراحی ظاهر این وب سایت از دیجی استایل – digistyle الگو گرفتیم. امیدوارم از این وب سایت قدرتمند فروشگاهی لذت ببرید.

توجه : این پروژه با زبان html و css نوشته شده است و بدون نیاز به نرم افزار خاصی و فقط با مرورگر قابل اجرا است.

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

عبارت HTML مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کلیه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهایت به کدهای HTML تبدیل شده و توسط مرورگر نمایش داده می شوند. HTML یک زبان نشانه گذاری است ، به این معنی که بخش های مختلف توسط اجزایی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . این تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و باید به چه صورت نمایش داده شود .

معرفی صفحات پروژه طراحی سایت فروشگاه پوشاک

این پروژه شامل ۸ صفحه میباشد و دارای ۸ فایل با فرمت HTML یک فایل با فرمت CSS به همراه فونت ها و تصاویر استفاده شده در پروژه است.

• صفحه اول : صفحه نخست وب سایت
• صفحه دوم : فروشگاه وب سایت
• صفحه سوم : صفحه معرفی و فروش یک محصول
• صفحه چهارم : سبد خرید فروشگاه الکترونیکی
• صفحه پنجم : صفحه ارتباط با ما
• صفحه ششم : صفحه درباره ما
• صفحه هفتم : فرم ورود به فروشگاه یا همان فرم LOGIN
• صفحه هشتم : فرم عضویت در وب سایت یا همان SIGN IN

صفحات معرفی شده را میتوانید در بخش زیر که با عنوان دمو پروژه معرفی شده  و یا در بخش فیلم معرفی پروژه که در انتهای این پست آمده مشاهده کنید.

دمو پروژه طراحی سایت با HTML فروشگاه پوشاک

هشت تصویر زیر شامل صفحات طراحی شده برای وب سایت میباشد که در بخش معرفی از آنها نام برده شده لطفا از این تصاویر دمو مشاده فرمایید.

نکات مثبت این فروشگاه اینترنتی

• کد نویسی بسیار تمیز همراه با کامنت گذاری جهت فهم بیشتر کد
• دارای منوی دراپ دان میباشد که میتوانید در تصاویر زیر مشاهده کنید
• استفاده از ساده ترین کد های HTML و CSS در پروژه
• طراحی جذاب و خیره کننده
• کامل بودن تقریبا تمام صفحات مورد نیاز برای یک پروژه را دارا میباشد
• قابلیت آپلود در هاست و استفاده از آن به عنوان یک سایت واقعی

اجرا و ویرایش پروژه مثل آب خوردن

برای اجرای پروژه کافی است آن را از حالت زیپ خارج کنید. پس از خارج کردن وارد پوشه پروژه میشوید و روی فایل indeh.html کلیک میکنید و تمام پروژه شما اجرا میشود. برای ویرایش آن میتوانید از هر نوع ویرایشگری که دوست دارید استفاده کنید فرقی ندارد حتی در صورتی که ویرایش گر روی سیستم خود نصب نکرده اید میتوانید از نوت پد استفاده کنید.

توجه داشته باشید بهتر است پروژه خود را با مرورگر هایی مثل فایرفاکس و یا گوگل کرم که آپدیت هستند مشاهده کنید.

فیلم نمایش دمو و معرفی پروژه html

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