آموزش طراحی سایت را از کجا شروع کنیم؟

آموزش طراحی سایت را از کجا شروع کنیم؟

جستجوگر

موضوعات

  • آرشیو برنامه ها
  • امنیتی
  • آنتی ویروس 30
  • ضد جاسوسی 24
  • پاک کننده ها 24
  • برنامه امنیتی 26
  • چند رسانه ای
  • تبدیل فرمت 24
  • رایت و کپی 60
  • پخش کننده 31
  • کدک 21
  • ویرایش ویدئو 26
  • برنامه مالتی مدیا 25
  • گرافیک
  • تبدیل تصاویر 23
  • انیمیشن سازی 20
  • ویرایش عکس 27
  • طراحی 23
  • اینترنت و شبکه
  • مرورگر 27
  • مدیریت دانلود 21
  • مسنجر 19
  • اف تی پی 20
  • مدیریت شبکه 22
  • ابزار شبکه 27
  • ایمیل 19
  • کاربردی
  • فشرده سازی 22
  • پشتیبان گیری 23
  • بازیابی اطلاعات 24
  • بهینه سازی 25
  • ضبط صفحه نمایش 21
  • برنامه کاربردی 46
  • حذف کننده 20
  • برنامه نویسی
  • طراحی وب 27
  • دسکتاپ
  • مدیریت دسکتاپ 19
  • محافظ صفحه نمایش 20
  • ابزار اداری
  • پی دی اف 22
  • ویرایشگر متن 24
  • تبدیل اسناد 20
  • آفیس 20
  • گفتار 18
  • ابزار رسم 19
  • برنامه های ارائه 18
  • نرم افزار اداری 21
  • سیستم عامل
  • سیستم عامل ویندوز 24
  • سیستم عامل لینوکس 20
  • سیستم عامل مک 20
  • آرشیو موزیک
  • اخبار موسیقی 41
  • آلبوم 108
  • تيتراژ 68
  • تک اهنگ 107
  • رمیکس 55
  • عمومی 19
  • فول آلبوم 30
  • موزیک ویدیو 60
  • بی کلام 28
  • نوحه 30
  • موزیک آنلاین 21
  • آرشیو فیلم و سریال
  • اجتماعی 26
  • تاریخی 21
  • ترسناک 26
  • حادثه ای 24
  • خانوادگی 28
  • درام 27
  • مستند 22
  • کمدی 33
  • تخیلی 29
  • اکشن 30
  • کودک و نوجوان 23
  • کارتون و انیمیشن 29
  • دفاع مقدس 15
  • سریال های ایرانی 29
  • سریال های خارجی 21
  • فیلم ایرانی 20
  • آرشيو عکس ها
  • عکس بازیگران 32
  • عکس خواننده ها 24
  • عکس فیلم ها و سریال 21
  • عکس وسایل نقلیه 25
  • تصاویر سه بعدی 22
  • عکس شهر و کشور 24
  • عکس خوردنی 22
  • عکس کودکان 21
  • عکس طبیعت 21
  • عکس حیوانات 22
  • عکس فضا 20
  • عکس ورزشی 22
  • عکس مد و پوشاک 21
  • عکس فانتزی 23
  • عکس دکوراسیون 20
  • عکس بازی 20
  • عکس مذهبی 20
  • عکس عاشقانه 22
  • عکس كاريكاتور 20
  • عکس کارت پستال 20
  • عکس متفرقه وجالب 25
  • عکس بگراند 24
  • عکس والپیپر 20
  • آرشیو وبمستر ها
  • قالب سایت
  • قالب های وردپرس 39
  • قالب های جوملا 22
  • قالب های نیوک 18
  • قالب های دیتالایف 22
  • قالب وبلاگ
  • قالب بلاگفا 27
  • قالب میهن بلاگ 25
  • قالب بلاگ اسکای 24
  • قالب رزبلاگ 24
  • قالب انجمن رزبلاگ 17
  • ابزارهای کاربردی
  • ابزار وبلاگ و سایت 38
  • ابزار زیباسازی 29
  • ترفند ها و آموزش ها 40
  • ابزار حرفه ای وبلاگ 26
  • آرشیو اسکریپت سایت ها
  • آپلودسنتر 25
  • آمارگیر 24
  • اسلایدر 20
  • اشتراك گذاري فايل 22
  • اپلیکیشن فیسبوک 18
  • ایجاد سایتهای موزیک 20
  • بازي انلاين 20
  • تالار گفتگو 19
  • جاوا اسکریپت/ایجکس 18
  • جامعه مجازی 20
  • جستجوی دامنه 20
  • حراجی آنلاین 19
  • خبر خوان 19
  • خبرنامه 20
  • خبرگزاری/خبری 19
  • خدماتی 19
  • دایرکتوری 20
  • دفتر میهمان 8
  • ديگر اسكريپتها 23
  • ساب دومین دهی 7
  • سیستم مدیریت محتوا 19
  • علاقه مندی 18
  • فروشگاه ساز 20
  • فرم ها 18
  • پرسش و پاسخ 18
  • پشتیبانی مشتری 19
  • وبلاگ دهی 19
  • ویرایشگر آنلاین 18
  • ویکی 8
  • لینکدونی 7
  • نظر سنجی 20
  • هاستينگ 19
  • مدیریت آزمون 18
  • مدیریت ایمیل 18
  • مدیریت تبلیغ 19
  • مدیریت دانلود 12
  • مدیریت صورت حساب 19
  • مدیریت پایگاه داده 15
  • مدیریت مدارس 17
  • مدیریت کاربران 16
  • موتور جستجو 18
  • کاریابی انلاین 15
  • کوتاه کننده لینک 16
  • گالری تصاویر 16
  • چت 17
  • اسکریبت های تراوین 10
  • آرشیو اندروید
  • بازیهای اندروید 98
  • نرم افزارهای اندروید 124
  • تلگرام 21
  • واتس اپ 3
  • آرشیو بازی ها
  • بازی های اکشن 56
  • بازی های ماجرایی 35
  • بازی های استراتژیک 32
  • بازیهای ورزشی 23
  • بازی های کودکان 31
  • بازی های فکری 29
  • بازی های مسابقه ای 24
  • کرک بازیهای کامپیوتری 13
  • رفع مشکلات رایج 15
  • آرشیو بازی های آنلاین
  • بازى هاى مرحله اى 22
  • بازى هاى ورزشى 24
  • بازى هاى فکرى 22
  • بازى هاى اکشن 25
  • بازى هاى مسابقه اى 22
  • بازى هاى تيراندازى 22
  • بازى هاى دختران 21
  • بازى هاى کودکان 21
  • آرشیو سرگرمی تفریحی خدماتی
  • اختصاصی سایت 73
  • اس ام اس 32
  • رمان و داستان 43
  • دانستنی جالب و جدید 31
  • طنز جوک و خنده دار 28
  • متن و اشعار عاشقانه 176
  • آهنگ پیشواز ایرانسل 8
  • اخبار 43
  • آموزش 39
  • بخش ویدئو های آنلاین 61
  • هک 14
  • مقاله و پایان نامه 9
  • دیگر مطالب 18
  • شبکه های پرطرفدار

    آخرین ارسالی های انجمن

    عنوان پاسخ بازدید توسط
    جزئیات شلیک 10 گلوله به سوی شهید محسن فخری زاده 0 3 admin
    مرغداران: تعزیرات چرا با گران‌فروشی جوجه و دان برخورد نمی‌کند؟ 0 13 admin
    آخرین آمار کرونا در ایران| فوت ۴۰۶ نفر در ۲۴ ساعت گذشته 0 25 admin
    خریداران مک مینی مجهز به پردازنده‌ M1، از مشکلات مربوط به بلوتوث شکایت دارند 0 69 admin
    زندگی کردن در دوران کرونا و سفر های درون شهری با اتوبوس های قرمز لندن. 0 63 admin
    ترامپ: تسلیم آرای جعلی نمی‌‎شوم 0 69 admin
    قالیباف: پایه‌های اقتصاد داخلی ایران در شرایط تحریم محکم‌تر شد 0 65 admin
    وان وب رسما از ورشکستگی خارج شد؛ ارائه اینترنت ماهواره ای از اواخر ۲۰۲۱ 0 86 admin
    فناوری اطلاعات (IT) و مفاهیم آن 0 107 admin
    کشف کامپیوتر باستانی دو هزار ساله در یونان ! +عکس 0 100 admin
    بهترین بازی های کامپیوتر سال 2020 که نباید از دست بدهید 0 111 admin
    دانلود آخرین نسخه ویندوز واتساپ برای کامپیوتر WHATSAPP DESKTOP 2.2043.22 0 98 admin
    لنوو دو نمایشگر گیمینگ جدید خود را معرفی کرد 0 102 admin
    آشنایی با تمامی قطعات و سخت افزارهای کامپیوتر - انواع سخت افزار کامپیوتر 0 238 admin
    Tenorshare iCareFone 7.2.1.1 Win / 7.1.0.2 Mac مدیریت دستگاه iOS 0 115 admin

    آموزش طراحی سایت را از کجا شروع کنیم؟

    با عرض سلام خدمت تمامی علاقه مندان به طراحی سایت ، در این مبحث قصد داریم شما را با مراحل یادگیری طراحی سایت و برنامه نویسی تحت وب آشنا کنیم و به عنوان برنامه نویس هایی که این راه را قبل از شما طی کرده اند شما را از فراز و نشیب های این راه لذت بخش آگاه نمائیم ، تلاش ما بر این است که از عنوان کردن مباحث مربوط به تاریخچه و مبانی تئوری پرهیز کرده و تا حد امکان شما را با مسائل عملی در این زمینه آشنا نمائیم . خب پیش به سوی شروع ...

    در ادامه به عنوان کردن و شرح مراحلی که برای یادگیری و آموختن طراحی سایت باید به ترتیب به سراغ آنها بروید خواهیم پرداخت :

    1. در ابتدا باید HTML را بیاموزید که مخفف Hyper Text Markup Language ( زبان نشانه گذاری ابر متنی ) می باشد ، آنچه در این زبان اهمیت دارد این است که HTML یک زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری است ، شما با استفاده از این زبان به مرورگر می فهمانید کدام قسمت از برنامه شما یک پاراگراف است ، کجا جدول است ، کجا عکس است و به همین ترتیب در مورد سایر عناصر موجود در صفحات وب . به عنوان دانشجوی درس طراحی سایت ابتدا این زبان را فرا بگیرید و جهت تسریع در یادگیری به نکاتی که در ادامه اشاره شده است توجه فرمائید :
      • در یادگیری HTML با مواردی از قبیل خصوصیت (Attribute ) مواجه می شوید که به کمک بعضی از این خصوصیت ها می توانید شکل و شمایل عنصر مربوطه را تغییر دهید مثلا می توانید رنگ متن را تغییر دهید و یا آن را به صورت italic به نمایش در بیاورید ، نیازی به یادگیری این موارد نیست چرا که این روش استایل دادن به عناصر HTML منسوخ شده و اگر بخواهید وبسایتی پویا و زیبا طراحی کنید باید از جادوی CSS استفاده کنید بنابراین می توانید از یادگیری خصوصیت های مربوط به ظاهر و استایل عناصر چشم پوشی کنید.
      • در HTML شما با تعداد زیادی تگ ( برچسب ) روبرو می شوید و اسامی این تگ ها برای افراد تازه کار به شدت فرار می باشد لذا گردآوری این تگ ها به همراه توضیح مختصری در مورد عملکرد آن می تواند شما در به خاطر سپردن آن کمک نماید.
      • در نسخه جدید HTML یعنی HTML 5 موارد جدیدی از قبیل گرافیک ها ، مالتی مدیا و ... گنجانده شده است که در ابتدا و بدون تسلط بر Javascript برای شما پیچیده به نظر می رسد لذا نیازی نیست در این مرحله از یادگیری وقت خود را صرف آموزش این موارد کنید .
      • توجه داشته باشید که طراحی سایت مجموعه ای است از چند زبان تحت وب و شما فقط با یادگیری HTML نمی توانید وبسایت مورد نظر خود را راه اندازی نمائید لذا در این مرحله فقط تگ ها را بشناسید و کار کرد آن ها را ببینید.
    2. پس از یادگیری HTML و آشنایی کامل با تگ ها باید به سراغ CSS برویم . در CSS شما به روش های مختلف به همان تگ هایی که در HTML نوشته اید دسترسی پیدا کرده و استایل ( = ظاهر ، شکل و شمایل و ... ) مورد نظر خود را به آن ها می دهید . برای مثال از طریق CSS به مرورگری که صفحه وب شما را نمایش می دهد می گوئید که عرض عکس داخل صفحه 200 پیکسل باشد ، ارتفاع آن 100 پیکسل و خطی مشکی به عرض 10 پیکسل دور آن بیندازد و ... . در آخر شما با یادگیری تمام استایل ها ، می توانید ظاهر سایت خود را به صورت کامل پیاده سازی کنید . به عنوان تمرینی که خود را بیازمایید پیشنهاد ما به شما این است که یک سایت دلخواه را انتخاب کرده و با استفاده از HTML و CSS آن را کد نویسی کنید ، سعی کنید تا حد ممکن سایت شما شبیه آن سایت شود ، میزان شباهت این دو ، میزان یادگیری و تسلط شما بر HTML و CSS را نشان خواهد داد.
    3. شاید عنوان کردن یک مثال در تسلط هر چه بیشتر شما به این مراحل بی فایده نباشد ، HTML را فراگرفتید یعنی می دانید که تیرآهن ، میلگرد ، سیمان ، آجر ، گچ و ... چه کاربردی دارند ، با استفاده از CSS میلگرد ها را به اندازه های دلخواه در آوردید و تمامی عناصر را کنار هم چیدید و بالا رفتید ، دیوارها را رنگ زدید ، به ظاهر ساختمان رسیدید و نمای آن را زیبا کردید و ... ساختمان شما زیباست ولی درب و پنجره آن تکمیل نیست حالا لازم است (جاوا اسکریپت ) Javascript را نیز به ساختمان خود وارد کنیم تا با استفاده از آن حالتی بوجود آید که وقتی دستگیره در را می چرخانید در باز شود ، به عبارت دیگر با استفاده از Javascript کلیه تعاملات بازدید کننده با سایت را مدیریت خواهید کرد . از مثال خارج شویم ، اگر توجه کرده باشید در اسلاید ها وقتی روی کلید های اسلاید بعدی و قبلی کلیک می کنید عکس انتخاب شده نمایش داده می شود که این کار با استفاده از جاوا اسکریپت پیاده سازی شده است یعنی برنامه نویسی به این صورت انجام شده که وقتی روی فلش بعدی کلیک شد، عکس فعلی پنهان شده و عکس بعدی نمایش داده شود .
      • برای افرادی که تا کنون با هیچ زبان برنامه نویسی ای آشنایی نداشته اند ، ممکن است یادگیری این زبان کمی پیچیده به نظر برسد ولی کافیست به آن به چشم یک بازی نگاه کنید و از برنامه نویسی لذت ببرید و به خاطر داشته باشید در بسیاری موارد به بن بست می خورید و اگر از بن بست رد شوید ، قوی تر خواهید شد.
    4. پس از جاوا اسکریپت نوبت به JQuery ( جی کوئری ) می رسد که کتابخانه ای است که به زبان Javascript نوشته شده و با استفاده از آن می توانید راحت تر کد نویسی کنید و یادگیری آن ضروری است ، JQuery از قواعدی پیروی می کند که یادگیری آن بسیار ساده است و ضرورت یادگیری آن به این دلیل است که با استفاده از آن سرعت برنامه نویسی شما افزایش می یابد و استفاده از افکت ها و انیمیشن های پیشفرض موجود در آن طراحی های شما را جذاب تر و زیباتر می کند.

    برای راه اندازی یک سایت شما در دو سمت کد نویسی می کنید : سمت کلاینت ( بازدید کننده ) و سمت سرور . تا کنون شما با مراحل طراحی سایت در سمت کلاینت آشنا شدید ( HTML , CSS , Javascript , JQuery ) در مبحث بعدی با همین عنوان شما را با برنامه نویسی سمت سرور آشنا خواهیم کرد . امیدواریم مطالب ذکر شده شما را در آموختن هرچه بهتر و سریعتر طراحی سایت یاری دهد .

    برچسب ها

    ارسال نظر

    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتیرفرش کد امنیتی

    نظرات ارسال شده

    ممکن است به این موارد نیز علاقه مند باشید:

    برنامه های ضروری ویندوز

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

    آمارگیر

    • :: آمار مطالب
    • کل مطالب : 4908
    • کل نظرات : 85
    • :: آمار کاربران
    • افراد آنلاين : 44
    • تعداد اعضا : 828
    • :: آمار بازديد
    • بازديد امروز : 3,968
    • بازديد ديروز : 14,070
    • بازديد کننده امروز : 1331
    • بازديد کننده ديروز : 2942
    • گوگل امروز : 1943
    • گوگل ديروز: 5910
    • بازديد هفته : 3,968
    • بازديد ماه : 157,766
    • بازديد سال : 8,694,395
    • بازديد کلي : 17,872,415
    • :: اطلاعات شما
    • آي پي : 3.238.190.82
    • مرورگر :
    • سيستم عامل :

    چی شد که سر از گود دانلود درآوردی؟





    بخش تبلیغات بک لینک سایت