طراحی قالب استاتیک اولین قدم برای ورود به بازار کار طراحی قالب و طراحی سایت است، زمانی که با نحوه طراحی یک قالب از ابتدا تا انتها آشنا شوید، روش های لایه بندی و همچنین تگ های HTML و CSS را بهتر درک می کنید و می توانید قالب برای انواع سایت های مختلف دانلودی، گرافیکی، شخصی و … طراحی کنید.
توضیحات تکمیلی
طراحی سایت استاتیک، اولین قدم طراحی سایت است که هر طراح سایت این مرحله را انجام می دهد. طراحی سایت استاتیک، مجموعه کوچکی از اسناد CSS و HTML است که ساختار ثابتی دارد و بیشتر برای مواردی استفاده می شود که نیاز به تغییرات روزانه ندارد.
برای طراحی سایت مراحل زیادی را باید گذراند که به صورت خلاصه به شرح زیر است:
- تجزیه و تحلیل نیازهای مشتری
- طراحی گرافیک سایت
- تبدیل صفحات به HTML / CSS
- انتخاب CMS (سیستم مدیریت محتوا) بر اساس نیازها
- کد نویسی سایت (طراحی سایت داینامیک)
در مراحل بالا اگر توجه کرده باشید برای طراحی سایت استاتیک کافی است تا مرحله ۳ را گذراند و دیگر به مابقی مراحل نیازی نیست.
طراحی قالب استاتیک اولین قدم برای ورود به بازار کار طراحی قالب و طراحی سایت است، زمانی که با نحوه طراحی یک قالب از ابتدا تا انتها آشنا شوید، روش های لایه بندی و همچنین تگ های HTML و CSS را بهتر درک می کنید و می توانید قالب برای انواع سایت های مختلف دانلودی، گرافیکی، شخصی و … طراحی کنید.
فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
- درس یکم: مقدمه و طراحی طرح گرافیکی سایت در فتوشاپ
- کلیات مباحث
- اهمیت و مزایای آموزش
- طراحی هدر (Header) سایت
- طراحی ستون سمت راست
- طراحی ستون وسط
- طراحی ستون سمت چپ
- طراحی فوتر (Footer) سایت
- درس دوم: کد نویسی طرح گرافیکی سایت
- کد نویسی هدر سایت
- کد نویسی ستون سمت راست
- کد نویسی ستون وسط
- کد نویسی ستون سمت چپ
- کد نویسی فوتر سایت
- نکات پایانی و تمرین
مفید برای رشته های
- مهندسی نرم افزار
- مهندسی فناوری اطلاعات (IT)
پیش نیاز
آنچه در این آموزش خواهید دید:
پیش نمایش‌ها
۱.
مقدمه و طراحی طرح گرافیکی سایت در فتوشاپ
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۳۲ مگابایت -- (کلیک کنید +))
۲.
کدنویسی طرح گرافیکی سایت
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۳۵ مگابایت -- (کلیک کنید +))
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.
راهنمای سفارش آموزش‌ها
.svg)
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
| نام آموزش | آموزش طراحی قالب استاتیک برای سایت |
|---|---|
| ناشر | فرادرس |
| شناسه اثر | ۸–۱۲۴۵۲–۰۵۸۴۴۴ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد) |
| کد آموزش | FVH4C9511 |
| مدت زمان | ۲ ساعت و ۵۱ دقیقه |
| زبان | فارسی |
| نوع آموزش | آموزش ویدئویی (نمایش آنلاین + دانلود) |
| حجم دانلود | ۵۳۶ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
- ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
- و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.
نظرات
ممنون با تشکر
عالی بود
من خیلی از مفاهیم رو درک کردم کاربردش رو
و همچنین خیلی از ابهاماتم برطرف شد
در کل عالی بود
ممنوننننننننننننننن از فرادرس و مدرس عالی
خیلی ممنون :)
very good
ممنون از سایت فرادرس
یکی از بهترین آموزش هایی است که دیدم ممنون از سایت فرادرس
آموزش فوق العاده مفیدی بود. در واقع کاربرد عملی html , css رو در یک پروژه عملی بهمون آموزش میدهد. از پویا ریحانی عزیز ممنونم و منتظر آموزش های دیگه ایشون هستم.
یکی از بهترین آموزش هایی است که دیدم اونم به دلیل پروژه محور بودنش هست.
هر شخص دیگه ای می خواست اینا رو آموزش بده بجای دو ساعت حداقل دو برابر بیشتر زمان می خواست . معلومه مدرس تسلط زیادی روی کد نویسی ، تایپ و زبان انگلیسی داره . من لذت بردم . البته حتما قبلش به خوبی پیش نیاز ها کار بشه .
من تو این چند ماهی که شروع به اموزش طراحی سایت کردم روی فرادرس خیلی حساب کردم. چون معمولا اموزش ها خیلی باکیفیت تولید شدن. نمونه اش همین اموزشه. به نظر من اگر css و html رو یاد گرفته باشید دقیقا الان به چنین اموزشی نیاز دارین. چون هر انچه رو که برای طراحی یک سایت استاتیک نیاز هست رو از ابتدا به شکل پروژه محور توضیح می ده. حتی اگر فتوشاپ رو به اندازه ای که برای طراحی پی اس دی سایت لازم هست بلد نباشی میتونی تو این اموزش یاد بگیری.