دوره مجازی طراحی وب (جلسه 1): مقدمه و مفاهیم پایه دنیای وب و html و css



visibility  
mode_comment   ۴۲۰

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

:: سرفصل های مطالب ارائه شده در این جلسه به شکل زیر هستند :

فصل اول: مباحث پایه و مقدماتی - آشنایی با دنیای وب و زبان های برنامه نویسی تحت وب

  • در مورد مدرس، محتوای این دوره آموزشی و ویژگی های آن
  • آیا این دوره نیاز به پیشنیاز خاصی دارد ؟
  • معرفی اولیه زبان HTML و CSS ، ورژن های مختلف آن و تفاوت آن ها
  • تشریح رابطه زبان های تحت وب، HTML – CSS – PHP – Javascript Ajax –
  • چرا باید HTML و CSS را یاد بگیرم ؟
  • مرور کلی مباحث تدریس شده در این دوره
  • مرورگرها و موتور های آنان
  • موتور های رندرینگ مرورگرها
  • ابزار بازرسی عناصر در مرورگرها (inspect element)
  • ادیتور ها و ویژگی های آنها
  • انکودینگ فایل ها و تنظیم آن
  • آشنایی با ویرایشگرهای نوتپد و نوتپد++ و در PhpStorm و قابلیت های آن ها
  • در مورد emmet و سرعت در کدنویسی
  • در مورد لایو ادیت و دیدن خروجی کدهای نوشته شده به صورت لحظه ای
info توجه

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

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

comment دیدگاه کاربران
محمد امین لعل شعبانی replyپاسخ

سلام توی این دوره اموزش داده اید که چطور قالب html5 رو روی وردپرس سوار کنیم با تشکر

وحید صالحی

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

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

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

لقمان آوند

سلام
نسخه کرک شده و یا خود کرک idm موجوده اگر بگردید می تونید فعالش کنید

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

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

لقمان آوند

سلام
حتما روی لینک کلیک کنید تا دانلود شه. آدرس رو کپی نکنید
با idm مشکلی نداره اگر درست فعال باشه رو مرورگرتون

hossein mehrabi replyپاسخ

سلام
برنامه phpstorm نصب نمیشه و ارور میده error launching installer
وابسته به نرم افزار دیگه هست یا نه چیکار باید کنم ؟؟؟
با تشکر

hossein mehrabi replyپاسخ

سلام
ناموسآ با وجود توضیح خوبتون توی تدریس و شیوه خوبتون در تدریس پشتیبانی و جواب دادن سوال رو خراب نکنین من شاید 4 5 روز پیش ازتون سوال پرسیدم که این برنامه رو چیجوری نصب کنم و ارور میده اما باز هم جواب ندادید در صورتی که من همون روز اول توی نت جوابمو پیدا کردم
پشتیبانی رو قوی تر کنید
ما انتظارمون یه چی دیگه بود واقعا !!!!!!!!! 😐 ❗

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

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

لقمان آوند

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

ehsan69 replyپاسخ

سلام آقای آوند، خسته نباشید
تو محیط phpStorm کلمات فارسی درست نشون داده نمیشه. دلیلش چیه؟
ممنون

وحید صالحی

ورژن 2016 به بعد رو نصب کنید این مشکل درش حل شده

ehsan69

به آخرین نسخه (8.0.4) آپدیت کردم ولی مشکل حل نشد.
http://s9.picofile.com/file/8289661384/prob.jpg

وحید صالحی

لینک زیر رو مشاهد کنید مشکلتون حل میشه
http://www.7learn.com/miscellaneous/solve-phpstorm-persian-character

ehsan69 replyپاسخ

ممنونم آقای صالحی، مشکل برطرف شد.

احسان replyپاسخ

با سلام خدمت شما آقای دکتر آوند و مجموعه زحمتکش 7learn .موردی که من در جلسه اول باهاش دچار مشکل شدم این هست که وقتی در بالا و سمت راست ادیتور phpstorm عکس براوزرها میان،وقتی من روی گوگل کروم کلیک میکنم این مرورگر کدهای من رو نشون نمیده و ارور 404 میده بهم.اصلا به مرحله live edit نرسیدم من و نمایش عادی رو هم انجام نمیده.با مرورگر IE هم همینطور هست.
عکس ذیل رو مشاهده بفرمایید متوجه منظورم خواهید شد
http://s8.picofile.com/file/8292646342/4_22_2017_10_54_41_PM.png
ممنون

لقمان آوند

سلام
احتمالا وبسرور داخلی phpStorm مشکلی داره. حیلی از بچه ها با liveEdit مشکل داشتند. ما پیشنهاد دادیم از افزونه کروم easy auto refresh استفاده کنند و فایل ها رو مستقیما خودشون باز کنن در مرورگر.

AmirMohammad Parand replyپاسخ

سلام دانلودنمیشه چکارکنم رولینک دانلودمیزنم میخهوام باadmدانلودکنم ولی میزنه این یک صفحه وب است

لقمان آوند

سلام
لطفا از طریق کامپیوتر دانلود کنید

AmirMohammad Parand replyپاسخ

سلام ازطریق کامپیترهم لاگین شدم ولی توکامپیوترلینک های دانلودرونمیاره

لقمان آوند

امروز به خاطر نصب گواهینامه امنیتی اختلال داشتیم. الان چک کنید مجدد …

AmirMohammad Parand replyپاسخ

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

لقمان آوند

مطمئن شید با همون ایمیلی که ثبت نام کردید وارد سایت شید.
من چک کردم مشکلی نداشت ..

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

سلام خسته نباشید لینک دانلود فایل خرابه البته من دارم سعی میکنم با adm pro اندروید دانلود کنم ولی نمیشه !!!!!
❗ ❗

لقمان آوند

سلام
لطفا با PC دانلود کنید . به خاطر بعضی مسائل با گوشی و تبلت امکان پذیر نیست فعلا.

Mohammad Reza Norouzi replyپاسخ

با سلام خدمت جناب آقای دکتر لقمان آوند
ممنون بابت تمامی زحمات
سوال من اینه که PHP Editor و یا Webstorm همان کاربرد PHPstorm رو دارد ؟
با تشکر
نوروزی

لقمان آوند

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

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

سلام خسته نباشید .
من وقتی فایل رو تو خود برنامه |php storm ، ران یا دیباگ میکنم درون مرورگر ارور :
404 not found
phpstorm2017.1.4
رو میده و فایل اجرا نمی شه ….
لطفا کمک کنید….
این مشکل بعد از نصب live edit در مرور گر پیش اومد

لقمان آوند

سلام
لایوادیت خیلی پایدار نیست. لطفا حذفش کنید و از افزونه easy auto refresh کروم استفاده کنید.

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

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

لقمان آوند

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

Naser Alimoradi replyپاسخ

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

لقمان آوند

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

alirahmanpoor replyپاسخ

سلام
php storm نسخه 2018.1.5 live edit کدام گزینست؟

لقمان آوند

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

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

سلام مجدّد؛ وقتی اکستنشن Easy Auto Refresh رو نصب می‌کنم بعد از چند بار استفاده کردن باید افزونه رو Repair کنم، این مشکل برای دیگر(اکثر) افزونه‌های کرومِ من هم وجود داره، استاد اگر امکان داره راهنمایی بفرمایید.

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

شدیدا پیشنهاد میکنم از محیط برنامه نویسی Adobe Dreamweaver CC استفاده کنید. محیطی کاملا گرافیکی داره و Live edit داخلی داره و کلی امکانات دیگه

mahdihosseini replyپاسخ

سلام
من لایو ادیت رو نصب کردم جت برنس هم دانلود کردم ولی وقتی Debug رو میزنم ولی فایلی که میخوام ادیت داشته باشم رو نمیاره …Edit configurations رو میاره مشکل از کجاس ؟؟

mmmmmmm replyپاسخ

آقا چیشد بلاخره جوابمون رو میدید یا نه !؟

yashar shahbazi replyپاسخ

سلام آقای آوند، من وقتی داخل نرم افزار phpstorm قسمت کدنویسی رو مرورگر کروم کلیک میکنم تا رو اون نشون بده… پیام 404 not found رو میاره … جدا از دیباگ کردن

محمد replyپاسخ

سلام چرا ران میکنم ارور 404 میده ؟

محمد

ای کاش در توضیحات مربوط به phpstorm راجع به نحوه پروژه ساختن و built in و … توضیح میدادید

nima afshar replyپاسخ

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

mohammad mhd replyپاسخ

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

متین نوروزی replyپاسخ

سلام من رم سیستمم 4 هست گرافیکم 1 3.00GHz CPU
پی اچ پی استورم رو سیستمم خیلی هنگه مشکل چیه ؟

Amin Zendedel replyپاسخ

سلام وقت بخیر
من php storm رو نصب کردم وقتی فایل کرک رو اضافه میکنم و آدرس محل قرار گیری فایل patch.jar رو میدم
وقتی برنامه رو باز میکنم ارور میده
eror lunching
eror code -1
if you alerady have a 64-bit jdk installed,define a java_home variable in
computer>system properties>system settings>environment variables
*jdk هم نصب کردم

مصطفی قدیمی

سلام وقت بخیر
برای اکتیو کردن برنامه از سایت زیر استفاده کنید https://jetbrains.tools/

Mohamadreza Niati replyپاسخ

پس چرا نه دانلود میشه نه پخش آنللاین ؟ ارور ۴۰۴ میده

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

مشکل حل شده و می تونید استفاده کنید.

علی سلطانی replyپاسخ

سلام فایل های جلسه اول دانلود نیمشه میشه error 404

علی صالحی replyپاسخ

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

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

سلام چه نسخه ای رو نصب کردید؟

فرشید براتی replyپاسخ

سلام وقت بخیر….میخوام بدونم phpStorm خیلی با Adobe Dreamweaver فرق میکنه؟!
و اینکه من هر کاری میکنم phpStorm به خوبی کرک نمیشه و بالا نمیاد….

مصطفی قدیمی

سلام وقت بخیر برای کزک phpstrorm میتونید به آدرس زیر مراجعه کنید و سرور جدید رو برای کرک ادد کنید
https://jetbrains.tools/

علی صالحی replyپاسخ

نسخه 2018.2

مصطفی قدیمی

شما با استفاده از این سایت سرور جدید رو اضافه کنید به phpstorm

https://jetbrains.tools/

علی صالحی replyپاسخ

سلام خدمت شما مشکل حل شد تشکر

Ali jaberi replyپاسخ

ببخشید چرا وقتی روی دانلود کلیک میکنم ویدئو رو پخش میکنه

مصطفی قدیمی

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

فاطمه سلیمانی replyپاسخ

با سلام و خدا قوت
بنده php storm را نصب کردم و از سایت https://jetbrains.tools نتونستم لایسنس سرور اجرای برنامه را پیدا کنم اگه میشه راهنمایی کنید
با تشکر و سپاس فراوان

Salar2r replyپاسخ

سلام
من فایل JetbrainsCrack.jar رو در مسیر نصب نرم افزار JetBrains PhpStorm کپی کردم. بقیه مراحل رو متوجه نشدم. Note: “-javaagent:C:\Program Files\…” این خط کد کجا باید اضافه بشه؟ تو پوشه bin فایل مورد نظر رو پیدا نکردم. لطفا راهنمایی کنید. ممنون

Salar2r replyپاسخ

سلام مشکل قبلیم برطرف شد.
الان موقع اجرا phpstorm به اررور http://localhost:63342/hello.html/?_ijt=pcbn2seb82jidnqgo4v32mcial برخوردم. چطور برطرف کنم؟

السا قنادان replyپاسخ

با سلام و خسته نباشید:مشکل من در قسمت live edit هست که من قسمت live edit رو تیک زدم و در مرورگر chrome هم jetbrains رو نصب کردم،وقتی در phpstorm به قسمت Run و debug میرم فایل HTML من رو نمیاره که debug کنم،می خواستم بدونم از کجا میتونم فایل HTML یا CSS ام رو در قسمت configuration اد کنم که بعد debug کنم ،با تشکر

لقمان آوند

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

bahareh akbari replyپاسخ

سلام خسته نباشید
بنده php storm نصب کردم ولی وقتی فایل کرک اضافه میکنم و آدرس محل قرار گیری فایل patch.jar رو میدم
برنامه رو باز میکنم ارور میده
eror lunching
eror code -1
if you alerady have a 64-bit jdk installed,define a java_home variable in
computer>system properties>system settings>environment variables
https://jetbrains.tools این سایت هم برام باز نمیشه

مسعود داودپور replyپاسخ

با عرض سلام خدمت مدیریت محترم سایت زیبای سون لرن جناب آقای دکتر آوند و همچنین همکاران محترم تان و تشکر از زحمات همه شما عزیزان برای جمع آوری این مجموعه و مجموعه های مختلف و پرکاربرد دیگر ، من بعد از اجرای نرم افزار Php Storm با Error زیر مواجه میشوم :
Failed to load JVM DLL \bin\server\jvm.dll
if you already have a 32-bit JDK installed ,define a JAVA_HOME variable in
Computer>System Properties>System Settings>Environment Variables.
لطفا من را راهنمایی بفرمایید.

مسعود داودپور

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

Seyed Reza Bazyar replyپاسخ

توی ابتدای جلسه اول قندشکن fg742p نظرم رو جلب کرد! حمایت از قندشکن ایرانی… 😀

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

سلام.چرا اموزش فعال سازی نرم افزار رو توی فایل قرار ندادین؟

لقمان آوند

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

Mohammadreza Razavi replyپاسخ

با سلام و خسته نباشید
چرا هم پلاگین Live Edit و هم پلاگین easy auto refresh برای مشاهده و ویرایش همزمان کد روی PhpStorm و مرورگر گوگل کروم کار نمیکنه؟؟؟
اگر جایگزینی برای این پلاگبن ها وجود دارد لطفا بفرمایید
با تشکر

Support Video replyپاسخ

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

لقمان آوند

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

ارسال نظرات

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

1 2 3 4