هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
کلیپهای تصویری آموزش برنامه نویسی HTML
#1
Video 
آیا شما دوست دارید یک برنامه نویس یعنی طراح وب شوید ؟ مطمئن هستم کسانی که حتی یک خط کد را هم ننوشته اند حتی از شنیدن نام طراح یا برنامه نویس تنشان به لرزه می افتد . ترسی ندارد حتی یک شخصی که دانشگاه نرفته و دیپلم هم نگرفته است اگر پشتکار و علاقه داشته باشد خیلی سریع یاد میگیرد و در کارش پیشرفت می کند . چون به چشم خودم دیدم که جوانی 17 ساله آنقدر در طراحی مهارت پیدا کرده بود که کلاسهای آموزشی برای کاربران وبلاگش ایجاد کرده بود و از این طریق درآمد کسب می کرد .


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


خب جالب است بدانید که من حدود 11 سال پیش از طریق همین کدهای جاوا علاقه پیدا کردم به طراحی قالب و برنامه نویسی و آموزشهایی دست و پا شکسته در مورد HTML پیدا کردم و توانستم به راحتی تغییراتی که دوست داشتم در قالب وبلاگم بدهم . این کار آنقدر واسم هیجان انگیز بود که بعد از فارغ التحصیلی از دانشگاه جزوات و تدریسهای اساتید و فایلهای آموزشی سایتهای دیگر را جمع آوری کردم و یک فایل آموزشی مناسب جهت افراد مبتدی ساختم که با مراجعه به لینک زیر می توانید آنرا به صورت رایگان دریافت کنید .


دانلود فایل تصویری آموزش HTML با حجم 300 مگابایت


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


آیا تنور طراحی وب در ایران داغ هست ؟


کافیه فقط یکبار عبارت استخدام طراح وب را در اینترنت جستجو کنید ، بیش از 600 هزار رکورد در ایران ثبت شده است .

با آموزش HTML شما ياد خواهيد گرفت چگونه از HTML در ساخت صفحات وب خودتان استفاده کنيد.
يادگيري HTML بسيار ساده است و شما از آن لذت خواهيد برد.

يک فايل HTML چيست؟

HTML مخفف زبان نشانه گذاري فرا متني است(hyper text markup language).
[تصویر:  1825913780-%5Bfarzad.id.ir%5D-htmlpicture.jpg]

آموزش HTML به زبان ساده و مختصر – مفيد

معرفي HTML

در اين سري از آموزش هاي سايت قصد داريم HTML را بررسي و معرفي کنيم و سعي ما بر اين است صرفاً نکات کليدي و اصلي HTML نوشته شوند و از آموزش حواشي و جزئياتي که بعضاً کارآمد نيستند ، چشم پوشي مي کنيم.

فرض را بر اين مي گذاريم که شما در حال حاضر با مفاهيم اوليه اي مثل مرورگر هاي اينترنتي و صفحات وب آشنايي سطحي داريد و بدون هيچ مقدمه اي به سراغ معرفي HTML مي رويم.


مقدمه :

مي توان HTML را يک زبان بسيار ساده و قابل فهم براي مرورگر هاي وب جهت نشانه گذاري محتواي وب دانست که اجزاي هر وب سايتي را تشکيل مي دهد .

HTML مخفف Hyper Text Mark-up Language مي باشد ، به معناي “زبان کد گذاري ابر متن” مي باشد.

HTML شامل تگ هايي است که شما براي تک تک اجزاي وب سايت مورد نظر خودتان مي توانيد از آن تگ ها استفاده کنيد. که به مرور با آنها آشنا خواهيم شد.

HTML5 چيست ؟

اچ تي ام ال 5 ، آخرين ورژن از کدنويسي HTML مي باشد که در اين سري آموزش ها به آن نيز خواهيم پرداخت. در حال حاضر فعلاً تگ هاي اصلي HTML را به شما معرفي مي کنيم ، سپس به سراغ HTML5 خواهيم رفت. ورژني که در اين سري آموزش ها ياد مي گيريد ترکيبي از HTML4 و 5 مي باشد .

براي نوشتن HTML به چه چيزي نيازمنديم ؟

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

- نرم افزار Notepad :

اين نرم افزار بصورت پيشفرض روي تمامي ويندوز ها نصب شده و شما نياز به نصب هيچ چيزي نداريد، فقط کافيست يک سند جديد نوت پد در ويندوز خود باز کنيد و فايل مورد نظر رو با پسوند html يا htm ذخيره کنيد.

- نرم افزار ++Notepad :


اين نرم افزار رايگان، شناسايي کد هاي برنامه نويسي به اکثر زبان هاي مورد استفاده برنامه نويسان از جمله HTML و … را براي شما آسان مي کند. اين نرم افزار را مي توان ورژن تکميل شده ي Notepad براي کد نويسان و برنامه نويسان دانست . ويژگي خاص اين نرم افزار سبک بودن نرم افزار و پشتيباني از انواع زبان ها مي باشد.

- نرم افزار DreamWeaver :



نرم افزار دريم ويور از مجموعه نرم افزار هاي شرکت adobe بوده و امکانات بسيار کامل تري در اختيار کدنويسان قرار مي دهد. از جمله امکانات اين نرم افزار مي توان به حالت کد نويسي بصورت زنده اشاره کرد که کد نويسي را براي شما در بعضي موارد شيرين تر مي کند. ولي اين نرم افزار به کار تازه کاران نمي آيد و به نظر مي رسد امکانات اضافي زيادي دارد، همچنين اين نرم افزار رايگان نيست و حجم نسبتاً زيادي از Hard و Ram سيستم شما را اشغال مي کند .

- نرم افزار Sublime Text :



اين نرم افزار مي تواند يک انتخاب مناسب براي افرادي باشد که مي خواهند نرم افزار در کد نويسي به آنها کمک کند و از کد نويسي لذت ببرند. اين نرم افزار مي تواند خيلي هاي کار هايي که کد نويسان بصورت دستي انجام مي دهند را براي شما بصورت اتوماتيک انجام دهد و سرعت کد نويسي شما را بسيار بالا ببرد.

- پيشنهاد ما :

شما جهت شروع کد نويسي ، مي توانيد حتي با Notepad معمولي ويندوز هم شروع به کار کنيد ، ولي اگر ميخواهيد کدها را در قالب هاي زيباتري ببينيد مي توانيد با نرم افزار ++Notepad يا Sublime که در مطلب بالا ذکر شد ، آغاز به کار کنيد.

اصولي ترين و ابتدايي ترين مبحث براي شروع کار آموزش طراحي سايت، آموزش html است. در اين صفحه فهرست فيلم هاي آموزشي جامع html را مي توانيد مشاهده بفرماييد. ترتيب اين فيلم هاي آموزشي را به گونه اي در فهرست زير تقديم مي کنيم تا به ترتيب از پايه تا پيشرفته باشند و فهرسي مناسب براي کساني باشد که مي خواهند اقدام به يادگيري html از پايه بنمايند.



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



دانلود فایل تصویری آموزش HTML با حجم 300 مگابایت

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


  • فيلم آموزشي اچ تي ام ال (HTML) چيست؟
  • فيلم آموزشي معرفي مفاهيم مقدماتي تگ هاي HTML
  • فيلم آموزش ايجاد عنوان (title) براي صفحات وب
  • فيلم آموزشي معرفي ليست ها در HTML
  • فيلم آموزشي لينک ها در HTML
  • فيلم آموزش ايجاد لينک براي ارسال ايميل در صفحات وب
  • فيلم آموزش کار با عکس ها در HTML
  • فيلم آموزشي بررسي گزينه ي inspect element براي کدهاي HTML در فايرفاکس
  • فيلم آموزشي آشنايي با عناصر inline level و block level در HTML
  • فيلم آموزشي آشنايي با تگ هاي div-span و صفات id-class در HTML
  • فيلم آموزش ايجاد کاراکترهاي ويژه در صفحات وب
  • فيلم آموزش کار با فرم ها (form) در HTML
  • فيلم آموزشي آشنايي با توضيحات (comment) در HTML
  • فيلم آموزشي معرفي textarea,radio,checkbox,select-option در فرم هاي HTML
  • فيلم آموزش نکات کاربردي فرم ها در HTML
  • فيلم آموزش ايجاد نقل قول در HTML
  • فيلم آموزشي آشنايي با تگ هاي abbr, hr, cite, acronym در html
  • فيلم آموزشي آشنايي با ساختار اصلي صفحات وب (تگ هاي html, body, head)
  • فيلم آموزش قراردادن فيوآيکن (favicon) در صفحات وب
  • فيلم آموزش فارسي نويسي در طراحي صفحات وب html
  • فيلم آموزشي فريم ها در html
  • فيلم آموزش ساختن لينک (anchor) به نقاط مختلف يک صفحه وب
  • فيلم آموزشي آشنايي با تگ هاي heading (سرتيتر) در HTML
  • فيلم آموزش آدرس دهي در طراحي صفحات وب
  • فيلم آموزش انتقال کاربران به يک صفحه وب ديگر (html redirect)
  • فيلم آموزش روش هاي استفاده از css (سي اس اس) در صفحات html
  • فيلم آموزش نحوه استفاده از جي کوئري و جاوا اسکريپت (jQuery-JavaScript) در HTML
  • فيلم آموزش ايجاد متون و عکس هاي متحرک در HTML
  • فيلم آموزش نحوه نوشتن توضيحات شرطي براي ie در HTML
  • فيلم آموزش ايجاد تورفتگي (indent) در بين کدها
  • فيلم آموزش کار با جدول (table) در html
  • فيلم آموزش نکات کاربردي جداول در html
  • فيلم آموزشي آشنايي با تگ هاي قالب بندي متن pre و code
  • فيلم آموزش ساخت نقشه (map) در html
  • فيلم آموزشي معرفي سرويس validator (اعتبارسنج) کنسرسيوم وب (W3C)
  • فيلم آموزشي معرفي افزونه کاربردي ColorZilla براي طراحان وب
  • فيلم آموزش استفاده از افزونه firebug در مرورگر فايرفاکس براي طراحان وب
  • فيلم آموزش استفاده از افزونه پرکاربرد Web Developer در فايرفاکس
  • فيلم آموزشي آشنايي با تگ noscript در HTML
  • فيلم آموزشي آشنايي با تگ object در HTML
  • فيلم آموزش قواعد و نکات اصولي در کدنويسي HTML

جهت خريد اين مجموعه آموزشي بر روي گزينه پرداخت کليک کنيد .


کاربر مهمان نمی‌تواند مطالب قیمت‌گذاری شده را خریداری کند. برای خرید مطالب قیمت‌گذاری شده، وارد شوید یا ثبت نام کنید .

پاسخ
 سپاس شده توسطشماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۵۲:۰۶ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۱۴:۱۱ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۱۵:۰۰ عصر)


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان