واحد های اندازه گیری در css و آموزش استفاده از جاوا اسکریپت



visibility  
mode_comment   ۱۰۴

در این جلسه از دوره مجازی طراحی وب به مسائل و مفاهیم مهمی اشاره می کنیم و اسناد کمکی خوبی رو در اختیار شما قرار میدیم. در این جلسه روش های مختلف استفاده از کدهای CSS و Javascript در صفحات وب رو به شما توضیح میدیم و مزایا و معایب هر کدوم رو معرفی می کنیم.

مطالب مطرح شده در این جلسه عبارتند از :

  •  4 روش استفاده از CSS در صفحات وب و مزایا و معایب هر روش
  •  روش های استفاده از کدهای جاوااسکریپت در صفحات وب
  •  آدرسهای نسبی و کامل فایل ها
  •  پدر و فرزندی تگ ها و تشریح آن
  •  درخت تگ ها و رسم آن توسط یک ابزار آنلاین
  •  یاد گیری با بررسی سورس کد صفحات وب
  •  واحدهای اندازه در html و css
  • تشریح و توضیح در مورد بیش از 10 واحد اندازه موجود
  •  رنگ ها در html و css
  • نام رنگ ها ، رنگ های hex, RGB, RGBA, HSL و HSLA
info توجه

این مطلب یک جلسه از آموزش طراحی وب سایت با HTML , CSS می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش طراحی وب سایت با HTML , CSS

comment دیدگاه کاربران
Mahdi replyپاسخ

لطفا اگه میشه اسم و مشخصات ورژن برنامه ای که باهاش فیلم ها رو ضبط می کنید رو بگین چی هستش…

محمد اسفندیاری

دوست عزیز از آخرین نسخه Camtasia استفاده کنید
آقای آوند هم از این نسخه استفاده میکنن
یا علی

وحید صالحی

کمتازیا ورژن 8.0

Mahdi replyپاسخ

من از این نسخه استفاده میکنم اما متاسفانه صدا به صورت مطلوب ضبط نمیشه و خیلی نویز داره…

لقمان آوند

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

محمد اسفندیاری

شاید وسایلی که با اون صدا ضبط میکنین کم کیفیت و خراب باشن و شاید هم درست تنظیم نشده باشن

وحید صالحی

دوست عزیز یه تاپیک در انجمن بزنید تا راهنمایی تون کنم چون اینجا مربوط به پرسش و پاسخ دوره هاست…
ممنون

Hamed Noktedan replyپاسخ

سلام استاد
شما در جلسه اول گفته بودید که مستندات کار با پلاگین emmet رو ارائه می کنید ولی تو جلسه دوم خبری ازش نبود من هنوز این جلسه رو ندیدم نمیدونم این جلسه توضیح دادید یا نه
ممنون از شما

لقمان آوند

ممنون بابت یاداوری
به فایل های جلسه 2 اضافه شد. آدرس مرجع برای emmet و دو فایل pdf مربوط به سورتکات های phpStorm و Emmet اضافه شد .
مجددا دانلود کنید.

Hamed Noktedan

خیلی ممنون

Amir Th replyپاسخ

استاد اوند مثل همیشه عالی بود این قسمت هم. واقعا جای قدر دانی,داره از فرد بزرگواری مثل شما

لقمان آوند

خواهش می کنم
شما لطف دارید

محمدامین replyپاسخ

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

لقمان آوند

باید حداقل 7 گیگ فضای خالی در درایو C و جایی که می خواید نصب کنید داشته باشید .
اگر دارید و این مشکل رو باهاش مواجهید لطفا تیم ویور نصب کنید و آیدی پسورد بدید که شخصا براتون تست کنم .
اگر مشکل قابل رفع نبود مجدد براتون می فرستیم.

محمدامین

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

لقمان آوند

چشم
یه ایمیل بزنید درخواست ارسال مجدد DVD رو بکنید.
شنبه براتون ارسال خواهیم کرد.

محمدامین

ممنونم آقای آوند. ایمیل رو ارسال کردم. دریافت کردید؟

لقمان آوند

بله
شنبه براتون ارسال می کنیم.

zamanulla ibrahimi replyپاسخ

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

nader70 replyپاسخ

با سلام وخسته نباشید
یک پیشنهاد>>>>
به نظر من جلسه را با ساخت یک رابط شروع کنید و با توجه به نیاز ها در داخل رابط تگ ها و دستورات را آموزش دهید یعنی آموزش و تجربه همزمان فکر کنم بیشتر مفید باشه یعنی شروع یک پروژه با آموزش مطالب لازم و تکمیل پروژه در هر جلسه
با تشکر و قدر دانی از زحمات شما ❓ ❓ ❓

لقمان آوند

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

عماد نادری replyپاسخ

سلام
این دو دستور با هم فرقی هم داره @import و @import url

لقمان آوند

خیر یکی هستند و در جلو هر دو آدرس فایل css بری import شدن رو میدید.

Hamed Noktedan replyپاسخ

سلام استاد خسته نباشید
یه سری موارد هست که هم سوال هست هم دزخواست و هم انتقاد خدمتتون عرض میکنم:
1-ظاهرا این Live Edit یه مشکلی داره چون شما خودتون هم دز حین آموزش صفحه رو رفرش میکردید علتش چیه من خودم به شخصه نتونستم از Live Edit بهره ببرم و بازم مجبورم صفحه رو رفرش کنم لطفا یه برسی بکنید که چرا با وجود اینکه این افزونه نصب میشه بازم بعضی وقتها باید دستی صفحه رو رفرش کنیم
2-بحث کامنت های شرطی فقط بر روی مرورگر اینترنت اکسپلورر قابل انجام هست یا نه؟
3-لطف کنید قابلیت inspect element موجود در google crome رو به طور کامل آموزش بدید و تمام قسمت هاش رو تو یه جلسه آموزش بدید کلیه tab ها و همه فوت و فن هاش رو
4-اینکه چندین مدل برای انتخاب رنگ وجود داره آیا با همه این ها (rgb,rgba,hsl,…) همه رنگ ها رو میشه ایجاد کرد و یا نه یکسری رنگ های خاص رو مثلا با hsl باید تعیین کرد؟
5-تایم این جلسه خیلی زیاد شده بود مثل جلسه اول همش منتظر بودم جلسه کی تموم میشه پس 🙂
6-خیلی توضیح در باره تبدیل مبتا دادید که بحث ریاضی هست و به درد طراحی وب نمیخوره لطفا در این گونه موارد یه ویدیو جدا برای توضیحات بیشتر بدید و ارجاع بدید به اون ویدیو و یا داکیومنت که جلسات خلاصه و مفید باشن
7-در انتهای هر جلسه اگه یک فایل تهیه کنید و توی اون فایل بگید از دقیقه چند تا دقیقه چند ویدیو چه مطلبی توضیح داده شده میتونه برای ارجاعات بعدی به ویدیو و باز یادآوری برای ما خیلی مفید باشه و دیگه دنبال اون چیزی که هستیم زیاد نگردیم و یک راست بریم سراغ اون
ممنون از زحمات شما

لقمان آوند

سلام
1- گویا یه باگ مختصر داره و بعضی وقتا گیر می کنه و باید یه رفرش کرد تا دوباره راه بیفته.
2-بله، فقط برای IE هست.
3- ایشالله تو فصل 5 اینکار انجام میشه.
4- بله، با هر کدوم از اون مدل ها میشه همه رنگها رو ایجاد کرد. پیشنهاد ما hex colors هست چون مختصر تر هست . فقط رنگ های hex,rgb,hsl شفافیت رو نمی تونند تعین کنند.
5- باید یه جایی جلیه رو تموم کرد که منطقی باش. برای همین نیم ساعت اضافه تر شد. طول ویدیو رو که دارید. اگر دیدید زیاده دوبار ببینید.
6-چشم، ممنون
7- یکم اینکار زمانبر هست. اگر یکی از دانشجوهای دوره بتونند اینکارو کنن (سرفصل بر اساس زمان توضیح در ویدیو) ، حتما امتیاز خاصی به ایشون خواهیم داد.
موفق باشید

Hamed Noktedan replyپاسخ

یک سوال دیگه من خیلی جاها دیدم میگن از استایل دهی درون خطی به هیچ وجه استفاده نکنید و اون ها رو درون فایل css جدا قرار بدید چون مرورگر در هنگام لود صفحه فایل های css رو به طور جداگانه لود میکنه و اینجوری باعث افزایش سرعت لود صفحه میشه
لطفا در این خصوص هم رفع ابهام کنید

لقمان آوند

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

ebi.landan replyپاسخ

سلام آقای آوند استاد عزیز
الان دوره HTML & CSS درحال برگزاری است وبعدش دوره JAVA SCRIPT & JQUERY برگزار میشه
میخواستم بدونم با محبوبیت برنامه اندروید وبازیهای اندروید آیا امکان دارد که یک دوره آموزشی هم برای
برنامه نویسی اندروید و IOS برگزار بکنید

لقمان آوند

سلام
این موارد رو بررسی می کنیم. من خودم جاواکار هستم. پس ممکنه سال بعد دوره اندروید داشته باشیم ولی سراغ iOS فعلا نمی ریم ;D

Mahdi replyپاسخ

امشب میتونیم شاهد قسمت چهارم باشیم؟؟؟

لقمان آوند

ایشالله آخر شب .

Mahdi replyپاسخ

😛 استاد پس کی فیلم رو میذارین.دیگه صبرمون لبریز شده… 🙄 🙄 🙄

لقمان آوند

عذر می خوام اقا مهدی.
امشب کلی درگیر راه اندازی دوره فتوشاپ شدیم.
ویدیو داره رندر میشه و بعدش هم آپلود میشه. راحت برو بخواب صبح میزاریم روسایت برا دانلود 😉
باز شرمنده شدیم …

علی یوسفی replyپاسخ

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

لقمان آوند

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

Mahdi replyپاسخ

❓ 😥 😥 😥 😕 😕 😕 ❓ عیبی نداره.پس تا فردا منتظر می مونم.
بدجور به آموزش هاتون علاقه(اعتیاد!) پیدا کردیم آخه!!!

علی یوسفی replyپاسخ

مثلا شاید چند نفر مثل من فقط بخوان گرافیک وب را صرفا یاد بگیرن به نظرم بهتر جدا بشه حتی اگر تدریسش به بعدها بیوفته چون ui سایت خودش یه دورس به نظرم لطفا تجدید نظر کنین

لقمان آوند

خود طراحی ui هم مباحث اولیه ی زیادی برای آموزش داره که خیلی هاش در فصل های اول این دوره تدریس میشه و هزنه مجموعش (مخصوصا الان که تو پیش ثبت نام هست) کاملا به صرفه هست.

سید محمد رضا صدیقی replyپاسخ

سلام من چند موضوع رو می خوام بیان کنم
1- چجوری ایمل پیش فرضم رو عوض کنم توی سایت؟

2- اگر امکانش هست یک اهنگ ملایمی چیزی پس زمینه بزارید فکر کنم جالب بشه

3- لطفا اگر می شه یک داکیومنت برای شورتکد های پر کاربرد پی اچ پی استورم در اختیار ما بزارید تا بتونیم راحت تر کد نویسی کنیم

4- در بخش معرفی ادرس های نسبی برخی موارد مثل ../ که پوشه قبل از اون فایل رو مشخص می کنه رو نگفتید 😉

لقمان آوند

سلام
1- درخواست تغیر ایمیل رو به ایمیل من ارسال کنید تا انجام بشه.
2- ممکنه باعث پرش تمرکز بشه ..
3- فایلهای جلسه 1 رو مجدد دانلود کنید . در اونجا قرارش دادیم.
4- ایشالله در طول دوره اشاره می کنیم.

Roya Kani replyپاسخ

سلام استاد سایت هایی مثل دیوار و شیپور چگونه کسب درامد میکنند؟

وحید صالحی

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

mohammad reza replyپاسخ

سلام
خیلی آموزش خوبی بود
فقط یه سوالی خدمتتون داشتم
من اموزش ها را تا سر معرفی رنگ ها نگاه کردم
کامنت های شرطی و توضیحاتی را که دادین هم یاد گرفتم
ولی امروز هیچی از کامنت های شرطی و کدهایی که تو داکیومنت ها داده بودین یادم نیست
میخواستم بدونم از مطالب که گفتین باز هم در طول دوره استفاده میشه یا دیگه آموزشش نمیدین
چون من وقتی میخوام کدها را اجرا کنم مشکل دارم و نمیتونم کدوم را کجا استفاده کنم
————————
سوال دیگه هم این بود که اگر فرضا من یک فایل file.html داشته باشم
و چند فایل css مثلا style1.css – style2.css
اگر بخوام همه ی استایل ها را در file.html فراخونی بکنم از کدوم روش استفاده کنم؟
روش اول : سه تا تگ لینک در هد استفاده کنم و هر استایل را جداگانه فراخونی بکنم؟
روش دوم : با کمک امپورت کردن همه ی استایل ها را داخل یک استایل فراخونی بکنم و فقط یک استایل را
داخل file.html درج کنم؟

لقمان آوند

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

elham rezaiy replyپاسخ

سلام اقای اوند خسته نباشید میخواستم ببینم دی وی دی ها کی دستم میرسه

لقمان آوند

پکیج ها شنبه و سه شنبه ها ارسال میشه. یکی از این دو روز که بعد سفارشتون ارسال میشه در هفته .

elham rezaiy replyپاسخ

مرسی از شما وسایت خوبتون

لقمان آوند

خواهش می کنم

محمد هادی جوشقانی replyپاسخ

sسلام و خسته نباشید به استاد گرامی از مطالب آموزشی شما بسیار متشکرم .و از صمیم قلب به شما و همکاران گرامیتان خسته نباشد می گویم. انشا الله در آموزش های بعدی هم مطالب به همین جامعیت و کاملی به دست ما برسد. م
متشکرم آقای آوند و آقای صالحی : : 😉

لقمان آوند

ممنونم

حسین روشنایی replyپاسخ

سلام
َمن داشتم کد سایت ها رو چک می کردم مهم ترین مشکل من بیدا کردن css است
مثلا:
این بایین در لینک های ویژه مثلا همه شون تو view source


حالا من از کجا t2 رو رو بیدا کنم ببینم چیه؟

در این فایل های css کی لود کرده بودید هم نگاه کردم! 😉 متشکرم

لقمان آوند

روی لینک یا بخش مورد نظر راست کلیک کرده و inspect element بزنید . کلاسای css مربوط به اون تگ در سمت راست نمایش داده میشه. توشون بگردید و پیدا کنید.

معین اکبری replyپاسخ

سلام استاد آوند عزیز.

ببخشید در بخش فهماندن فایل سی اس اس به اچ تی ام ال چهار روش گفتید.

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

لقمان آوند

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

iamreza replyپاسخ

سلام به همگی؛ آقای آوند سپاسگذارم ازتون. من بار اول که دوره رو شروع کردم توی امتحانات بود و وقت نشد اما الان که دوباره شروع کردم خدا رو شکر سه جلسه رو نگاه کردم و تمرین هم میکنم. این 3 جلسه رو قبلا هم دیدم ولی بازم برام تازگی داشت.
آیا استفاده از قوانین XHTML در HTML5 اشکالی داره ؟ بعنوان مثال تو همین تگ link اگه ما بیایم اینطوری بنویسیم خوبه ؟

“link href=”style.css” rel=”stylesheet – — (/>)

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

بنظر شما دانشجو هاتون ویدیو ها رو هر چند روز ببینن خوبه ؟ اینکه مثلا زمان تمرین خوبی داشته باشن و بتونن تمرین و تجزیه تحلیل کنن.
هر هفته 3 جلسه خوبه یا 4 جلسه. اگه میشه ترتیبش رو هم بگید که چه روز هایی باشه.

من با پیشنهاد آقای Hamed Noktedan موافقم؛ اینکه بیایم مشخص کنیم هر مبحث از دقیقه ی چند تا چند فیلمه. چون برای یادآوری خیلی بدرد میخوره.
اگه میخواید من میتونم این کارو بکنم، چون خودم خیلی نیاز دارم و مطمئنا برای بقیه هم خیلی میتونه مفید باشه. چند تا مثال بزنید که بدونم چطوری باید مبحث ها رو از هم تفکیک کنم. امیدوارم بخشی از محبت هاتون رو بتونم جبران کنم… . یا علی ❓ ❓ 🙂

لقمان آوند

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

iamreza

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

لقمان آوند

ممنون از لطفت
بالاخره زحمتی داری میکشی و ما قدردان محبت های شما خواهیم بود
موفق باشی ایشالله

iman_k26 replyپاسخ

استاد چندتا سوال از خدمتون داشتم که میپرسم:

1- توی آموزش یه جا گفتید که اگر ما مثلا 2تا کلاس برای یک تگ بخوایم تعریف کنیم بین نام کلاس ها یک Space میزنیم و نام بعدی رو مینویسیم. حالا میخواستم بدونم این محدودیت داره یا نه؟مثلا ما با همین روش میتونیم 5تا کلاس برای یک تگ تعریف کنیم یا روشش فرق میکنه؟برای id چطور؟

2- در مورد بستن آخر تگ ها یی مثل link و img و.. سوال داشتم که توی کامنت ها خوندم و بخشی از جوابم رو گرفتم که گفته بودید توی html5 تفاوتی نداره که ببندیم یا نبندیم و بستگی به خودمون داره اما استاد این کار روی بهینه بودن و از این قبیل تاثیر نداره؟

3-سوال بعدیمم در مورد link کردن فایلهای css بود که باز توی کامنت ها خوندم گفته بودید import کردن فایلهای css توی یک فایل css و سپس link کردن اون فایل مزیت بیشتری داره. باز این کار روی بهینگی و سرعت … تاثیری نداره؟ و اینکه شما اگر چندتا فایل css داشته باشید از کدوم روش استفاده می کنید؟

لقمان آوند

سلام
1- خیر محدودیتی نداره و می تنید تعداد زیادی کلاس تعین کنید برای یک تگ . برای آیدی امکانش نیست و فقط 1 نام میگیره که نباید در تگ های دیگه هم وجود داشته باشه و باید غیر تکراری باشه.
2- خیر. فقط سعی کنید یک روش رو استفاده کنید. یا همه رو نبندید یا همه رو ببندید که از یه استاندارد خاصی برای خودتون پیروی کرده باشید .
3- نه تاثیر چندانی نداره. بستگی به ماهیت و ساختار فایل های css داره. یه جا ممکنه اکثرا از import استفاده کنم یه جای دیگه همه رو مستقیما لود کنم!

iman_k26

استاد در مورد شماره 3 همین رو میخوام بدونم که کی از import استفاده کنم و کی از لینک کردن مستقیم. اگر در این مورد یه توضیحی بدید یا لینکی بدید برای مطالعه ممنون میشم.

لقمان آوند

ببینید یه وقتی ممکنه بخواید یه جور تقسیم بندی برای فایل های css خودتون داشته باشید. مثلا یه reset.css داشته باشید، استایل های فونتها رو بزارید تو fonts.css و … . در اینجور موارد ایمپورت کردن اینها در ابتدای استایل اصلی منطقی تره.
ولی وقتی چنین چیزی ندارید و استایل ها خیلی ربطی به هم ندارند بهتره مستقیم با تگ لینک لودشون کنید !
این یکی از ملاک های مهم برای انتخاب روش هست !

iman_k26 replyپاسخ

استاد من نمیدونم این دوستمون این کار خوبی رو که گفتن انجام دادن یا نه رو همین حساب گفتم بپرسم اگر انجام ندادن من که الان دارم آموزش هارو میبینم در کنارش این کار رو هم انجام بدم…
لطفا در مورد این قضیه اگر دوستمون انجام نداده بودن اطلاع بدید…

لقمان آوند

فعلا که چیزی برای بنده نفرستادن. هفته آینده یه ایمیل به من بزنید بهتون اطلاع میدم.
ممنون از لطفتون

Farhad Ashtari replyپاسخ

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

لقمان آوند

خیر تاثیر ظاهری در نمایش محتوای زبان های مختلف نداره .

Farhad Ashtari

پس یعنی فقط برای ایندکس گذاری موتور های جستجو هست؟

لقمان آوند

بله بیشتر برای این مورد استفاده میشه

ebrahim salari replyپاسخ

باسلام وخسته نباشید میشه بفرمایید اموزشی از این مقدماتی تر هم هست من که خیلی ضعیفم خیلی برام سخته فکر میکنم الکی پول دادم لطفا راهنماییم کنید

وحید صالحی

!!!دوست عزیز دیگه ساده تر از این که نیست مباحث خیلی ریز به ریز و بصورت کامل توضیح داده شده از سطح مقدماتی تا پیشرفته

yaser yousef panah replyپاسخ

با سلام
جناب مهندس اوند و گروه سون لرن واقعا خوشحالم که گروه شما رو به عنوان منبع اموزشی انتخاب کردم.

من ی سوال دارم خدمتتون
بعضی از کدها مثلا background color رو با “:” نشون میدن و بعضی هارو با “= ” کنجکاوم بدونم که این ها قواعد خاضی داره یا این که باید با کل کدها اشنا باشیم تا بدونیم هرکدوم با کدوم نماد بکار میره
واقعا متشکرم از وبسایت خوبتون

لقمان آوند

سلام
دقیقا متوجه سوالتون نشدم. ولی در زبان های مختلف فرق داره. توی کدهای css باید با “:” مقدار رو به ویژگی ها نسبت بدید ولی اگه بخواید همین ویژگی ها رو از طریق کدهای جاوااسکریپت مقدار دهی کنید از طریق عملگر انتساب یا همون “=” باید انجام بدید .

yaser yousef panah

تشکر بابت پشتیبانی خوبتون

Aria Banazadeh replyپاسخ

سلام اقای اوند گفتین هرکی ی فایل درس کنه که تایمای هر مبحثو زده باشه بهش ی دوررو مجانی مدیدن الانم میدین اگه درس کنم؟ 😛

لقمان آوند

اگر به شکل کامل و با دقت انجام بشه برای کل دوره بله …

حامد نجاری replyپاسخ

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

لقمان آوند

از لطفتون سپاسگزارم و براتون آرزوی موفقیت روزافزون دارم

barati replyپاسخ

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

نکته ی دوم درباره ی تمرین هست که فرمودید درباره ی hsl و hsla خودمان جستجو کنیم که نتیجه رو اینجا مینویسم :
HSL Color : رنگ های HSL در مرورگرهای IE9+, Firefox, Chrome, Safari, Opera 10+ پشتیبانی میشه . این رنگ زمانی بکار میره که شما بخواین با یک رنگ بازی کنید و اون رنگ رو کمرنگ و پرنگ کنید . قاعده نوشتن این کدها بصورت hsl(hue, saturation, lightness) هست.

HUE یک درجه رنگی روی چرخه ی رنگه که از ۰ تا ۳۶۰ قابل تنظیمه . عدد ۰ یا ۳۶۰ نشان دهنده رنگ قرمزه ، عدد ۱۲۰ نشان دهنده رنگ سبزه ، عدد ۲۴۰ هم نشان دهنده رنگ آبی هست .

Saturation بصورت درصدی تعیین میشه و هاله ای از رنگ خاکستری به رنگ اصلی اضافه می کنه . هرچه عدد این درصد کمتر باشه رنگ خاکستری بیشتری با رنگ اصلی ترکیب میشه و رنگ رو تیره تر و مایل به خاکستری میکنه .

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

#p1 {background-color:hsl(120,100%,50%);} / * green */
#p2 {background-color:hsl(120,100%,75%);} / * light green */
#p3 {background-color:hsl(120,100%,25%);} / * dark green */
#p4 {background-color:hsl(120,60%,70%);} / * pastel green */

HSLA Color : دقیقا شبیه به رنگ های HSL عمل می کنند با این تفاوت که میتونید میزان شفافیت رنگ هارو تنظیم کنید . این کد بصورت زیر نوشته میشه :

#p1 {background-color:hsla(120,100%,50%,0.3);} / * green with opacity */
#p2 {background-color:hsla(120,100%,75%,0.3);} / * light green with opacity */
#p3 {background-color:hsla(120,100%,25%,0.3);} / * dark green with opacity */
#p4 {background-color:hsla(120,60%,70%,0.3);} / * pastel green with opacity */

با آرزوی موفقیت برای شما و تمامی کاربران سایت

Amin Hooshmand replyپاسخ

سلام

در ویدیوی پارت 2 ده دقیقه آخرش مشکل وجود داشت و لود نمیشد

لقمان آوند

مشکل خاصی نداره.
دانلود کنید و ببینید …

علی صوفی replyپاسخ

سلام در مطلب جلسه قبل موضوعی درباره تگ hiden گفتید روش این کار چیه و میشه و متنی که hiden میشه قابل دیدن برای گوگل هست ؟ یعنی اگر hiden بشه کاربر نمیبینه ولیی گوگل میبینتش ؟
اصلا کاربرد این کار چیه ؟

لقمان آوند

سلام
در ادامه دوره با مواردی که می تونید یه داده رو در صفحه وب مخفی کنید اشنا میشید . در عین حال hidden یک مقدار برای ویژگی type تگ input هست که بعدا بهش میرسیم .
این جور موار معمولا صرفا از دید کاربر مخفی میشه ولی طبیعتا در سورس کد هست و بات ها میبیننش !

امیر replyپاسخ

سلام…قبلا زبان جاوا کار می کردم و کلا زبان به روف کوچک یا بزرگ حساس بود…خواستم ببینم html و css حساس نیستن…
بعد بعضی وقتا بعد از کدهای جاوا اسکریپت با وجود اینکه باید ; آورده شود من بعضی وقتا فراموش می کردم یا بیشتر از یک موردم نمی آوردم ولی در نمایش مشکلی به وجود نمی آورد…
ممنون

لقمان آوند

سلام
Html و css حساس نیستند
در جاوااسکریپت اگر هر کد رو در یک خط بنویسید لزوما نیازی به آوردن ; در انتهای دستور نیست

امیر

سپاس گذارم… 😀

محمد مسعود اشرف زاده replyپاسخ

سلام.خسته نباشید
یه سوال.چگونه به تگ button مسیر(دستور)بدم؟؟؟؟

لقمان آوند

برای این مورد باید از رویداد های جاوااسکریپت استفاده کنید. در دوره جاوااسکریپت در موردش صحبت کردیم. مثلا کد زیر برای چاپ صفحه هست :

اسماعیل توکلی پور replyپاسخ

سلام
live edit برای من فعال نیست(در این جلسه شما از منوی run به debug و بعد به فایل اجرایی مربوطه میرید) برای من پنجره ی debug باز میشه که داری سه منوی debugger ,console,script است؟نمی دونم باید از این پنجره چه بهره ای ببرم.
البته از extenstion ، برنامه jetbrains رو به chrome اضافه کردم باز همlive اجرا نشد مثل اینکه تنطیمات خاصی داره؟.

لقمان آوند

سلام
خیلی پایدار نیست
به جاش از افزونه easy auto refresh کروم استفاده کنید

علی صوفی replyپاسخ

سلام استاد
توی معرفیglobal attributها اتربیوتcontextmenuو معرفی کردین و با توجه به اینکه خودم سرچی زدم تو سایت متوجه یه اشتباه البته نظر بنده هستش شدم
تو سایت w3school تو معرفی این اتربیوت از تگ منو استفاده کرده با doctype 5مگه منسوخ شده نیس با تشکر خیلی برام مبهمه ممنون میشم جواب بدید

لقمان آوند

سلام
تو html401 منسوخ شده ولی در html5 مجدا تعریف شد ولی استفاده ازش نادر هست و مرورگرها هم پشتیبانی ندارند ازش. خیلی مهم نیست.

علی صوفی replyپاسخ

و سوال بعدی ایا بعد تمام شدن دوره قادر به نوشتن یه قالب با امکاناتوداری داشبورد برای اعضا و مدیریت و توانایی ساخت ثالب فروشگاهی خواهیم بود یا نیاز به دوره های دیگه هستیم با تشکر

وحید صالحی

قالبش رو یا این دوره می تونید طراحی کنید اما بخش داینامیکش مثل مدیریت اعضا و کنترل پنل رو باید زبان سمت سرور مثل php رو یاد بگیرید

محمد عمادی replyپاسخ

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

وحید صالحی

خوشحابیم که مورد توجهتون قرار گرفته
پایدار باشید

بهار دولتعلی زاده replyپاسخ

سلام وقتتون بخیر
فایل جلسه سوم برای من کامل لود نمیشه و کامل ذخیره هم نمیشه تا زمان 1:07 دقیقه بیشتر نمایش نمیده میخواستم ببینم برنامه مشکل داره یا سیستم من ؟

لقمان آوند

مشکلی نداره
مجددا دانلود کنید

سیده حدیقه هاشمی زاده کلوری replyپاسخ

سلام
جهت رویت جلسه اول و دوم دچار مشکل شدم پیام 404 Not Found می ده لطفا موضوع رو پیگیری می کنید؟

لقمان آوند

مشکل برطرف شد

mmmmmmm replyپاسخ

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

یاسین عبّاسے replyپاسخ

وقتی کدِ زیر رو(با استفاده از کیبورد) استفاده می‌کنم؛ کروم، صفحۀ من رو به عنوان پاپ آپ شناسایی می‌کنه، برای رفع این مشکل چه باید کرد؟

<a href="For Instance" accesskey="l">This is an example!</a>
جوادغیاثوند replyپاسخ

سلام وقت بخیر .درخصوص رنگها و انتخابشون برا قسمت های سایت و اینکه چطور بتونم از هارمونی های رنگی نزدیک.بهم برای سایت مورد نظرمون الگو برداری کنیم.ایا راهنما یا سایتی هست.؟؟

mststrange replyپاسخ

سلام… فایلها دانلود نمیشه و Error میده لطفا چک کنید…

ارسال نظرات

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