قواعد نوشتاری و مفاهیم زبان های HTML و CSS



visibility  
mode_comment   ۱۴۲

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

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

فصل دوم: آشنایی با زبان های HTML و CSS و کاربرد آن ها در دنیای وب

  • Syntax و قواعد نوشتاری تگ های HTML
  • انواع ویژگی ها (Attributes) در تگ های html
  • ویژگی های اصلی و سراسری
  • رویدادها (events Attributes)
  • ویژگی های خاص تگ ها
  • Syntax و قواعد نوشتاری CSS 
  • تگ ها و ویژگی های منسوخ شده HTML و جایگزین آن ها
  • بدنه و ساختار کلی یک صفحه وبhtml و تشریح بخش های مختلف آن
  • کامنت ها در صفحات html
  • کامنت های شرطی
info توجه

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

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

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

خوشحالم که اولین کسی هستم که در این بخش کامنت میذارم. 😎
امیدوارم این بخش رو هم خوب یاد بگیرم… 🙂

Amir Taghati replyپاسخ

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

لقمان آوند

متشکرم
از رضایت شما خوشحالم

Amin Jafari replyپاسخ

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

شاد و سربلند باشید.

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

سلام استاد دمتون گرم
من فکر کنم که کوچکترین شاگردتونم چون 13 سالمه

Massud Tarekhi

منم 14 سالم هست ولی من از 12 سالگی برنامه نویسی سیستم شروع کردم

mansouri

بنده هم 13 سالمه البته چند ماه دیگه وارد 14 سالگی میشم . برنامه نویسی اصلا سن حالیش نیست و نباید به این چیزا فکر کنید . من همیشه تاسف میخورم که چرا زودتر شروع نکردم ! 😉

محمدصدرا نجاتی

البته بنده از 10 سالگی شروع کردم و به ده تا زبان برنامه نویسی دیگه هم مسلطم

محمدصدرا نجاتی

به من ایمیل بزنید با هم بیشتر آشنا بشیم
sadra@drnt.ir

کیان کیانی replyپاسخ

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

مرسی …….. من رفتم برای دانلود

لقمان آوند

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

Hamed Noktedan replyپاسخ

سلام و خسته نباشید 2 مورد رو میخوام عنوان کنم
1)آیا کامنت هایی که در صفخات html قرار میدیم در سمت کاربر با دیدن سورس کد صفحه نمایش داده میشه و تاثیر در حجم فایل دریافتی توسط کاربر میزاره یا نه؟
2)لطف کنید کل global attribute ها رو در یک قسمت نحوه استفاده اونها رو با یک مثال از هر کدوم عنوان کنید البته میشه کل اینها رو در یک مینی پروژه آموزش داد یعنی هر کدوم از این attribute ها رو ست کنید خروجی رو نشون بدین بعد اون قشمت هایی که مورد نیاز نیست رو از کد خذف کنید و بقیه پروژه رو انجام بدید البته این به عنوان یه پیشنهاد هست
ممنون از شما

لقمان آوند

سلام
1- بله، در سورس هست و طبیعتا جزئی از کد حساب میشه و حجمش هم همینطور …
2- ایشالله در طول دوره با اکثر attribute ها به صورت عملی آشنا خواهید شد …

amir7626 replyپاسخ

عالی استاد مرسی …

لقمان آوند

خواهش میکنم

Mahdi replyپاسخ

یه سوال دارم استاد.
آیا برای این برنامه پلاگین توابع وردپرس وجود دارد؟پلاگینی که مثلا وقتی کلمه اول یه تابع وردپرس رو نوشتیم بقیه تابع رو خودش بنویسه (مثل emmet).اگه برای این نرم افزار وجود نداره برای نرم افزارهای دیگه چطور؟؟؟

لقمان آوند

ورژه 8 ادیتور PHPStorm وردپرس رو ساپورت میکنه .
یه پروژه جدید که بسازید می تونید وردپرس رو انتخاب کنید و ادامه بدید …

Mahdi

ممنونم…

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

سلام

لطفاً دلیل قرار دادن این class رو در این کد توضیح بدید ممنون

لقمان آوند

کدتون نیست !

عماد نادری

سعی کردم بزارمش توی تگ html مثل اینکه نمیشه بعد از کد lang=”fa” یک class هم قرار دادره که این کدها داخلش قرار داره
m-js m-no-touch m-cssanimations m-csstransforms m-csstransforms3d m-csstransitions m-webkit

لقمان آوند

سلام
اگر از class استفاده کرده می خواد سلکتور های css تعریف شده تنظیماتشون روی تگ html اعمال بشه. برای استایل دهی اینکار انجام میشه و دلیل خاصی نداره .

Massud Tarekhi replyپاسخ

سلام استاد تو این دوره SVG و Canvas و آموزش ساخت اسلایدر فول css رو آموزش میدید؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

لقمان آوند

سلام
بله ایشالله در مورد هر دو در فصل مباحث پیشرفته html صحبت می کنیم.
پیشنهادتون در مورد ساخت اسلایدر فقط با css رو هم بررسی می کنیم.

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

سلام
اگر امکانش باشه و یک منبع کامل هم برای متاتگها معرفی بفرمایید خیلی ممنون میشم
بعضی از تگهای متا رو دقیقاً نمیدونم چه کاری انجام میدن
مثل
این تگ در بخش Facebook Preview قرار داشت
meta property=”og:locale

meta name=”signet:authors”
meta name=”signet:links

یا تگهای Twitter Card
meta name=”twitter:card”
و
meta name=”google” content=”notranslate”

لقمان آوند

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

Mahdi replyپاسخ

در قسمت سی اس اس لطفا css spriteرو هم اگه میشه توضیح بدین.ممنون

لقمان آوند

بله اینکارو انجام میدیم.

Mahdi replyپاسخ

انشالله امشب قسمت بعدی روی سایت قرار میگیره؟خیلی مشتاقم…

لقمان آوند

بله

nima karimi replyپاسخ

از دقیقه ی 43 به بعد ویدیو گیر می کنه ! هم با KMP هم با MPC امتحان کردم !!!!

لقمان آوند

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

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

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

لقمان آوند

متشکرم جناب صدیقی

افشین زندی replyپاسخ

ممنون استاد.خداییش خیلی عالی درس می دید
استاد فقط یه سوال دارم و ببخشید اینجا مطرح می کنم چون مربوط به سی اس اس هستش و هنوز جلساتش شروع نشده
استاد تو جلسات سی اس اس3 مبحث اون المنت که اینچوری تعریف می شند رو هم مطرح می کنید یا خیر
p:afterو P:befor که content رو برابر دو تا کوتیشن خالی می گذارن
من هر کد جالبی که دیدم با سی اس اس 3 نوشته شده یه اثری ازش بود

لقمان آوند

ممنون از لطف شما
بله صحبت می کنیم

mansouri replyپاسخ

سلام استاد .
در مورد DOCTYPE ها توضیح دادید سوالی با این اساس برامون پیش اومد !
آیا در xhtml هم doctype برای html5 وجود دارد ؟
جستوجو هر چقدر کردم به نتیجه ای برای امکان استفاده از html 5 در xhtml نرسیدم .

اگر بله در چه ورژنی و با چه doctype ی ؟

با تشکر از زحماتتون 😀

لقمان آوند

سلام
دلیلتو برای استفاده از xhtml چی هست؟
این دو، ورژن های مختلفی از html هستند و نمی تونید با هم استفاده کنید. البته هم پوشانی زیادی با هم دارند.
با توجه به امکانات و قابلیت های مجود حتما از html5 استفاده کنید.

mansouri

صرفا برای افزایش سرعت سایت گفتم .
آخه من یه نمونه قالب از وبسایت templatemo گرفتم و چند تا نمونه قالبم قبلا در وبسایت های معروفی مثل w3template دیدم که داکتایپ xhtml دارند ولی از تگ هایی مانند footer – header -video و … توشون استفاده شده که خصوصیت های جدید html5 هستند !

لقمان آوند

xhtml5 رو می تونید استفاده کنید که اکثر تگ های اضافه شده در html5 رو هم در خودش داره و موازی با html5 ایجاد شده .
اونا هم احتمالا از این doctype استفاده کردند …

سامان جعفری replyپاسخ

خداروشکر امتحانات تحصیلی تموم شد 😀 حالا میتونم رو یادگیری دوره متمرکز بشم 🙂

لقمان آوند

موفق باشی …

امین خلیلی replyپاسخ

سلام جناب اوند تو این دوره طراحی قالب وردپرس هم به صورت کامل اموزش میدید

لقمان آوند

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

سعید افرا replyپاسخ

با پایان این دوره و php میشه یک سایت خوب طراحی کنم
میشه بگید بعد از طراحی سایتم چطوری اونو باید قرار بدم تو وب ؟ باید Host بخرم درسته
چند تا Host خوب معرفی کنید

لقمان آوند

سلام
در انتهای دوره php یکی از پروژه ها رو منتقل کردیم به هاست که می تونید ببینید .
از پارسپک و xzn.ir می تونید هاست بگیرید . خدماتشون خوبه .

میوند replyپاسخ

سلام استاد
فایل Event Attributes ها را باید حتما همه اش را مطالعه کنیم یا در جلسه های بعدی تدریس میشه ؟

لقمان آوند

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

Mohsen replyپاسخ

استاد با عرض سلام ، من یه مشکلی با PHPStorm دارم ، هر وقت باز میکنم صفحه Quick Start میاد
و حتما باید یه پروژه ایجاد و یا Open کرد.
چی کار کنم که این صفحه رو نبینم ؟

لقمان آوند

برو به Settings | General | Reopen last project on startup و تیکش رو بزن .

Mohsen

ممنون استاد ، درست شد
اما در نسخه ای که من استفاده می کنم مسیرش اینطور بود:
Settings | Apperance & Behavior | System Setting | startup/shutdown

لقمان آوند

خوب خدارو شکر …

Mohsen

استاد شرمنده ، ولی حل نشد
باز هم اون پنجره کذایی میاد 😐

لقمان آوند

قبل از اینکه phpStorm رو ببندی پروژه ای که توش باز هست رو نبند و مستقیما خود phpStorm رو ببند. تا بعد که دوباره بازش می کنی آخرین پروژه باز بشه …

Amir Saleh replyپاسخ

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

اون شکل قفلی که اون پایین نرم افزار هست برای همین کار هست

لقمان آوند

مشکل با این مورد رفع میشه؟

Amir Saleh

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

لقمان آوند

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

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

سلام استاد خسته نباشین.فایل جلسه دوم دانلود نمیشه.راستی مشکل دانلود php storm حل شد ممنونم.

لقمان آوند

من بدون مشکل دانلود کردم. مجددا تلاش کنید
خدا رو شکر…

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

سلام استاد دانلود شد .مرسی

Morteza Solaty replyپاسخ

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

لقمان آوند

تست شد و بدون مشکل دانلود شدند …

Kian Gitigohar replyپاسخ

من موضوعیت این فایل ui رو درک نمیکنم. نحوۀ ساختش رو هم متاسفانه متوجه نمیشم.
کمی شلوغه و نمیتونم نظم بدم به کارها. 🙁

لقمان آوند

ببخشید کدوم فایل رو می گید ؟ متوجه نشدم منظورتون رو …
اگه منظورتون پوشه ui هست صرفا یه فولدر هست که کل فایل ها و کدهامون رو در جلسات آینده داخل اون میریزیم که نظم و ساختار بهتری داشته باشه …

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

سلام استاد
تا الان دوره فوق العاده بوده
این روبا تمام وجودم گفتم
امیدوارم همیشه موفق باشی
هزینه دوره هم نوش جانت
حلالا طیبا 😆

لقمان آوند

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

Morteza Solaty replyپاسخ

سلام.ویدیوهای جلسات اول و دوم را بسیار عالی تدریس کردید.ممنون از زحمات بیدریغ شما.سوالی که داشتم اینه که بعد از اتمام مدت 36 روزه vip امکان پرسش وجود داره یا نه؟

لقمان آوند

ممنون
بله محدودیتی برای پرسش سوالاتتون در سایت ندارید از لحاظ زمانی

iman_k26 replyپاسخ

سلام استاد
اول از همه تشکر میکنم بابت آموزش های جامع و کاملتون
توی این ویدئو چندتا سوال برام پیش اومد:

1- استاد کامنت های شرطی رو فقط برای IE قرار میدن؟یعنی مرورگرهای دیگه ورژن های قبلیشون تفاوتی با ورژن های جدید ندارن؟

2- از کجا باید متوجه بشیم که بر فرض مثال کدی که نوشته شده توی کدوم ورژن ها درست نمایش داده میشه و توی کدوم ورژن ها مشکل داره تا بتونیم براش یه کامنت شرطی بزاریم؟

3-استاد توی بحث کامنت شرطی شما یه فایل اسکریپت وارد کردید تا مشکلات HTML5 رو روی بعضی ورژن های IE حل کنید. حالا میخواستم بدونم اون فایل رو از کجا آوردید و اینکه در کل منبعی هست که بطور کامل این فایل ها رو داشته باشه یا نه؟

4- استاد برای ناسازگاری کدها در مرورگرهای مختلف باید در کل چیکار کرد؟

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

لقمان آوند

سلام
1- فقط برای IE هست و در IE معنی دارند. در بقیه مرورگرها مانند کامنت های ساده باهاشون برخورد میشه …
2- نرم افزارهایی برای تست وجود دارند . نمونش IE Tester هست که چند ورژن IE رو درون خودش داره که می تونید وبسایتتون رو درون ورژن های مختلف اون باز کنید و ببینید.
3- html5shiv رو سرچ کنید و در موردش بخونید.
4- در جلسات بعدی در موردش صحبت کردیم . جلوتر که برید نکات لازم رو برای رفع ناسازگاری ها گفتیم.

iman_k26

ممنون استاد از پاسختون

پس اینجوری که من از صحبتاتون برداشت کردم ما توی بقیه مرورگرها مشکلی از نظر تفاوت ورژن ها نداریم و کامنت های شرطی رو فقط برای IE بکار میبریم. به عبارتی ما اصلا کامنت شرطی برای مرورگرهای دیگه نداریم. درسته این جمله؟

لقمان آوند

بله برای مرورگرهای دیگه نداریم. اکثر ناسازگاری ها با ورژن های 9 به پایین IE هست و کامنت های شرطی هم فقط برای IE وجود داره .

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

سلام
خصوصیت href برای تگ a رو میشه توی یه فایل css گذاشت و به کلاس به تگ مربوطه نسبت داد؟
به بیان دیگه اگه توی چند تا صفحه مختلف بخواهیم به یک سایت بخصوص لینک قرار بدهیم میشه از یک فایل css استفاده کرد که اگر آدرس سایت تغببر کرد مجبور نباشیم تک تک صفحات رو ادیت کنیم و فقط فایل css تغییر کند؟
البه من امتحان کردم نشد میخوام بدونم راهی نداره؟

لقمان آوند

سلام
خیر نمیشه اینکارو کرد و باید آدرس رو حتما در مشخصه href بنویسید .

yaser yousef panah replyپاسخ

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

وحید صالحی

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

yaser yousef panah replyپاسخ

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

وحید صالحی

سلام خوب اگر یه جا مشغول کار شدید و نرم افزار php storm در دسترستون نبود چی ؟؟برای این مواقع ایشون گفتن که یاد بگیرید.

dariosh babaii replyپاسخ

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

لقمان آوند

کدهای php رو فقط در فایل های php می تونید استفاده کنید …

مصطفی جعفری replyپاسخ

سلام اقای اوند من برای کد نویسی از برنامه intell i jidea استفاده میکنم اما وقتی که میخوام یه عکس تو صفحه ی وبم قرار بدم بعد از نوشتن کد مربوطه تو صفحه وبم به جای عکس مورد نظر تصویر یه ایکن عکس شکسته میاد و عکس لود نمیشه .فرمت عکس و ابعاد اون رو هم تغییر دادم اما بازم درست نشد ممنون میشم کمکم کنید وقت بخیر

لقمان آوند

احتمالا آدرس تصویر اشتباهه. این مورد رو چک کنید.

مسعود replyپاسخ

ممنون لقمان عزیز بابت آموزش های خوب و کاملت .
من از خیلی قدیم یعنی سال های 85 86 میشناسمت و اگه اشتباه نکنم یه وبسایت داشتی به اسم IrLearn دقیق یادم نیست 😀 🙂 😳

لقمان آوند

ممنون
لطف داری.
آره یادش بخیر…

علیرضا عالی خانی replyپاسخ

سلام
چرا لینک فایل های جلسات از دسترس خارج شده

وحید صالحی

سلام در حال انتقال هاست دانلود هستیم

علیرضا عالی خانی

ممنون

itone shams replyپاسخ

استاد توی این درس به کامنت های شرطی اشاره کردید
سوالم اینهکه کامنت های شرطی فقط مال ie هست و ایا برای مرورگر های دیگه کامنت های شرطی وجود نداره اگه وجود داره میشه همه کامنتاشو بدید .

مثلا میخام وقتی مرورگر اپرا بود یه عکس اجرا بشه
ولی اگه مروورگر ie بود یه عکس دیگه بیاد اجرا بشه 😳

امید وارم که منظورمو درست رسانده باشم 😳

لقمان آوند

سلام
این مورد فقط برا ie هست

itone shams

ممنون از پاسختون

نوا ايراني replyپاسخ

سلام / در توضیح inspect element که در مورد دسترسی برای فایل css را دادید / آدرس فایل html را چگونه بفهمم/ که سورس کد html آن صفحه کدام فایل و در کدام مسیر است؟

لقمان آوند

خوب شما تو همون صفحه ای که inspect element می زنید کد html همون صفحه میاد! منظورتون از آدرسش چی هست ؟

نوا ايراني

مگر فایل html اون جدا نیست؟
من فایل csas رو مدیدمو آدرسش هم معلومه و تغییر هم انجام شد / ولی html اون کجاسن؟

لقمان آوند

آدرس فایل html که همونه که تو آدرس بار مرورگر هست.

امیر replyپاسخ

من یه سوال داشتم..
خشسته نباشید.
ببخشید تو این ویدیو درباره تگ های منسوخ شده درباره نوشتن کلمه در وسط و … صحبت می شد و قرار بود که بعد از ویژگی css سمی کلن (;) آورده شود اما استاد نیاوردند و باز مشکلی در نمایش وجود نداشت.
ممنون میشم راهنماییم کنید 😛 😛 😛

لقمان آوند

سلام
ممکنه یه جاهایی یادمون رفته باشه ولی باید این استانداردها رو رعایت کنید.
ویژگی های css حتما باید با ; جدا بشن. کجا اینکارو نکردیم ؟

Yagmur replyپاسخ

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

وحید صالحی

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

Yagmur

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

وحید صالحی

🙂 ناچارید عوض کنید کسانی که افرونه ها و پلاگین ها رو طراحی و بروز می کنن برای دل عده کمی که از ورژن ها بالاتر خوشش نمباد کار نمی کنن بلکه اونها با ورژن های جدید پیش میرن 😉 ورژن های جدید رو نصب کنید اگر به راحتی کار با اونها و امکاناتی که دارن پی ببرید کم کم و حتما خوشتون میاد در ضمن به فکر این هم باشید که اگر در یک شرکت مشغول به کار بشید اونجا هم از ویندور هلی جدیدتر مظمئنا استفاده می کنن و اگر نتونید با هاشون کار کنید کل تجربتون میره زیر سوال
موفق باشید

Yagmur

بله آقای صالحی عوض کردم متاسفانه : 😥

Alireza Sajedi replyپاسخ

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

وحید صالحی

ctrl+D

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

با سلام؛
استاد ابتدا جا داره از تدریس فوق العاده خوب شما تشکر کنم!
سوالی که داشتم ازتون:
شما در این جلسه event ها و zen code ها رو معرفی کردین، ایا این مطالب به طور جامع تدریس میشن در جلسات بعدی یا خودمون باید کار کنیم؟
با تشکر از پاسخگویی شما

لقمان آوند

سلام
event ها بیشتر مربوط به دوره جاوااسکریپت هستند و اونجا توضیح کامل داده شدند.
پلاگین emmet رو هم تجربی در طول دوره استفاده کردیم.
منابع خوبی برای یادگیری شورتکد هاش هست که می تونید ببینید.

سيدعرفان سعادتمند replyپاسخ

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

وحید صالحی

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

مهرداد حضرتی replyپاسخ

😥 برای دانلودش حتما باید فیلمو اجرا کنیم تا دانلود بشه و لطفا فقط لینکشو بذارید زود تر دانلود بشه-این جوری واقعا سخته

لقمان آوند

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

smsjz replyپاسخ

سلام.اقا این لینک ها مشکل داره میره تو یه صفحه تو سایت که دانلود هم توش نیست.اکانت vip چه فایده داره؟نمی تونم با اعتبار هدیه عوض کنم؟

لقمان آوند

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

smsjz

هیچ راهی نداره بتونم با موبایل دانلود کنم.من به زودی دسترسی به لپ تاب ندارم و قصد داشتم همه را با موبایل دانلود کنم نه رایانه.حداقل قبل از خرید تذکر می دادید.

وحید صالحی

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

بهمن افتخاری replyپاسخ

سرعت دانلود سایت تون افتضاحه(50kbs), حالا با این سرعت چجوری 17 گیگ فیلم اموزشی که از سایت تون خریدم دانلود کنم؟؟؟ هرچه سریعتر رسیدگی کنید لطفا

وحید صالحی

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

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

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

وحید صالحی

امکان دانلود تنها از طریق pc و لپ تاپ امکان پذیره

vary افتخاری نسب replyپاسخ

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

لقمان آوند

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

رضا منصوری replyپاسخ

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

لقمان آوند

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

Mahmood Padidar replyپاسخ

سلام و خسته نباشید خدمت شما
در مورد کامنت های شرطی برای من توی ie عمل نمی کنه به نظر شما مشکل از چی می تونه باشه
به طور مثال من کامنت
<!–[if IE]&gt;–>
this is IE

را در کد خودم قرار دادم ولی در اینترنت اکسپلورر من نمایش نداد، ورژنش هم 11 هست

کیوان علی محمدی

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

A page using Conditional Comments worked as intended in Windows Internet Explorer 9, but no longer works in Internet Explorer 10.

Mahmood Padidar

سلام ، ممنون از پاسختون
یعنی این که اینترنت اکسپلورر از نسخه 10 به بعد مثل سایر مرورگرها عمل می کنه و مشکلی توی نمایش کدها نداره ، درست متوجه شدم

کیوان علی محمدی

نه لزوما.شاید بعضی از موارد دیگه باشه که هنوز IE10 نمیتونه پشتیبانی کنه.بهتون سایت can i use رو پیشنهاد می کنم ببینید.

وحید صف آرا replyپاسخ

سلام استاد وقت بحیر
من پکیج شما رو خریداری کردم و جا داره از زحماتتون تشکر کنم.
یه سوال داشتم
من پلاگین ها رو نصب کردم ولی وقتی دیباگ رو میزنم ارور گوگل کروم باز میشه و ارور 404 Not Found میده
مشکل کجاست؟

وحید صالحی

آدرس url بعد از localhost اگر عدد و علامت : داره رو حذف کنید و دوباره رفرش کنید ببنید مشکل حل میشه

حامد اکبرپور replyپاسخ

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

کیوان علی محمدی

مشکل سرور دانلود بود که دیروز حل شد.

erfan23 replyپاسخ

من بعد چند وقت اومدم یکی از جلساتو دانلود کنم اما کاملا لینک خرابه

amir kamyabi replyپاسخ

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

مسیح replyپاسخ

درود
ببخشید یک سوال ذهنم را درگیر کرده بود!
شما طراحی ریسپانسیو با بوت استرپ را پیشنهاد می دهید یا با فلکس باکس و مدیاکوئری؟

فرقی ندارد برایم ! هر دو را کاملا مسلط هستم.ولی وقتی برای کارفرما توضیح می دهم متوجه نمی شود .شما پیشنهادتان چیست و اولویت بر کدوم هست؟
در ضمن سایت خودتان با فریمورک خاصی ( css ) در زمینه فرانت اند طراحی شده؟

مصطفی قدیمی

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

وحید صف آرا replyپاسخ

سلام
خواستم بپرسم اگه کامنت های خیلی زیادی رو توی سند html داشته باشیم آیا روی سئو تاثیر گذار هست؟
چون مسلما صفحه رو با حجم بالاتری لود میکنه از سمت سرور
تشکر از همه بچه های سون لرن

مصطفی قدیمی

سلام بله

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

danyal bani replyپاسخ

سلام دوستان یه سوال داشتم آیا میشه که از چند تا تگ meta با قابلیت charset استفاده کرد .آیا همه رو مرورگر اعمال میکند ؟برای مثال:

<meta charset="UTF-8">
<meta charset="utf-2">
صمد سپهری replyپاسخ

سلام.
از قسمت run-debug به صورت زنده نمیتونم استفاده کنم.
jetbrains ide supportرو هم فعال کردم ولی لایو اجرا نمیشه

mststrange replyپاسخ

سلام. چرا فایل های جلسه 2 دانلود نمیشه… لطفا چک کنید

mststrange replyپاسخ

فیلتر شکن زدم باز شد 🙂

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

سلام من امروز دوره رو خریدم
از نحوه توضیح دادن و آموزشتون خوشم اومد دستتون درد نکنه

Support Video replyپاسخ

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

حال سوال این است با توجه به تکه کد تعریف شده اگر به تنهایی تگ متا همراه با charset آورده شود که utf8 می باشد و کاملا به درستی کار می کند چه نیازی به استفاده از تگ های دیگر است که در داخل این تگ تعریف شده است به نام http-equiv=”Content-Type” content=”text/html لطفا راهنمایی نمایید تشکر.

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

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

4-در ترکیب کامنت گذاری که همراه با شرط if قرار دادید یک مورد برای من گنگ و نامفهوم بود و آن این بود در کامنت گذاری که به صورت متعارف از آن استفاده می شود تمام موارد مربوط به کامنت به صورت هایلایت در می آید ولی در کامنت گذاری که شما همراه با if قرار دادید کاملا شرط مورد نظر تعریف می شود و قابل استفاده است پس چه نیازی به استفاده از کامنت گذاری با ساختار if است یعنی واقعا کامنت که همراه با شرط if تعریف شده است قابل استفاده است در صورتی که کامنت گذاری که به صورت معمول است کاملا متفاوت تعریف شده است.
منتظر پاسخ های شما با تشکر.

ارسال نظرات

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