پس رسیدیم به این قسمت ومسئله ای را پیدا کردیم ویک بار به یک عدد رسیدیم برای محدودیت طول محتوا و یک بار دیگر هم به یک عدد رسیدیم . ومتوجه شدیم که
در وب سایتی که برای آموزش هست اشاره ای به این مسئله نشده است و از راه حل های مختلف برای حل این مسئله استفاده کردیم .
یک لیست که بعدا اضافه میکنیم جا افتاده بود اضافه کردیم. حالا باید بین دولیستی که ساختیم یکی را انتخاب کنیم لیست شماره دار یا لیست توضیح
هردو طراحی می بینیم بین این دوطراحی باید یکی را انتخاب کنیم هرکدام یک خوبی هایی داردلیست شماره دار را در یک فایلی نگه می داریم که بعدا از ش استفاده کنیم
کدهای اچ تی ام الی که قبلا نوشتیم را نگاه می کنیم ببینیم تغییریا بروزرسانی به نظرمان نمی رسد
تگ هایی که قبلا ازشان استفاده کردم و توضیح دادم فقط ازشان استفاده می کنم جستجو درون کادر جستجو بدون وارد کردن متن یا عبارتی می بینید که خود تگ
<a></a>
دارای تگ خط جدید نمی باشد وب سایت یوتیوب بازکردن اش نیاز به فیلترشکن دارد که فیلترشکن هم کار نمی کند
این لینک چون باز نمی شود قرارندادم ادرس کانال فری کد کمپ در یوتیوب را باید در اینجا بگذارم یک نگاهی به آموزش ما بیندازیم ببینیم طراحی یا فکری یا ایده ای یا تغییری
به ذهن مان نمی رسد این جا ظاهری از صفحه وب که اگر کدنویسی کنید به شما نشان می دهد که از یک الی دوتا تگ ها استفاده کردیم
این جایی است که گفتیم کدهای اچ تی ام ال می تواند تغییر کند یعنی چه ؟
اگر مشکلی در اموزش پیدا کنید و راه حلی بخواهید ارائه بدهید در این وب سایت مشکل وراه حل را ارسال می کنید
اگر مشکلی در برنامه نویسی اچ تی ام ال پیدا کردید و راه حل آن را در اینجا می فرستید اینقدربزرگ فکر کنیم چرا که نه
دقیقا این اموز ش از این وب سایت گرفته شده است ولی این وب سایت بهتر توضیح داده است گفته یک صفحه وب ساختار درختی دارد و هر زیر تگی در چه تگی قرار دارد
به این روش می گویند ببینیم داخل مرورگر می توانیم ساختار درختی کدمان را ببینیم اگر یک چیزی مربوط به خود گوگل جستجو کنم نیازی به بروزرسانی ندارم
خود مرورگر چنین چیزی را ندارد یک اکستنشن به آن اضافه کردم اجرا نمی شود یکسری از مفاهیم خیلی ساده است
چرا از تگ خط جدید استفاده میکنیم اینجا علتش را توضیح داده است
تگ درون خطی که قبلا زیاد ازش استفاده کردیم و یکی از آنها تگ لینک بود می گوید خط جدید استفاده نمی کند یک لیستی از تگ هایی که از خط جدید استفاده نمی کنند
تگ هایی که از خط جدید یا اینتر استفاد می کنند را در سطح بلوک می گویند.لیست تگ هایی که ازخط جدید یا اینتر استفاده می کنند
این هم یک مفهومی که قبلا ازش استفاده می کردیم ولی نمی دانستیم که اسم اش چی است وچرا از خط جدید استفاده می کنیم در تگ هایمان
تگ لینک و خط جدید
تگ پاراگراف و خودش خط جدید دارد
این هم چند تا مفهوم که تغییری در اموزش داده شود .
w3c,inline element,block element,extension
دراین قسمت می توانیم از تگ
<pre></pre>
مثل قبل استفاد کنیم یا می توانیم از تگ
<ul></ul>
<ol></ol>
استفاده کنیم ولی از تگ لیست
<dl></dl>
نمی توانیم استفاده کنیم چون مفهوم عنوان و توضیح ندارد و یا مثل قبل می توانید از تگ خط جدید برای ساختارسورس کد به مرورگر استفاد کنیم .
نیاز به شماره ندارد اگر شماره دار بود از تگ
<ol></ol>
استفاده می کردیم مسئله اولین خط اش نسبت خط های دیگر مشخص تر باشد در این مورد در این قسمت چیزی نداریم جستجو می کنیم از زبان های دیگر برای تغییر اولین ایتم لیست
استفاده کرده است در این راه حل می گوید از لیست های تودرتو استفاده کنید یعنی چه
این خط یک لیست می شود
During the certification ,you work on and complete these projects :
ا زاین خط به بعد هم یک لیست می شود و نکته ای که وجود دارد از این خط به بعد زیر لیست لیست قبلی می شود
Mean-Variance-Standard Deviation Calculator.
Demographic Data Analyzer.
Medical Data Visualizer.
Page View Times Series Visualizer.
Sea Level Predictor.
یک لیست که داریم لیستی با یک زیرلیست ساختیم حالا یک لیست دیگر می سازیم این هم یک روش جدید که پیاده سازی کردیم که قبلا ازاین راه حل استفاده نکرده بودیم
این راه حل ها به خاطر این است که فقط داریم از تگ های اچ تی ام ال استفاده می کنیم این وب سایت برای گوگل می باشد یعنی اموزش از این مرجع تر نداریم
اینجا دوز بان را توضیح داده است فعلا کاری با ان نداریم
می بینید که تگ پاراگراف نیازی به تگ خط جدید ندارد این هم تگی که دیدید جاهای که نوشته می توانید استفاده کنید چون مفهوم اش عوض شد دوباره توضیح دادم
فرض کنید در این قسمت می خواهیم یک تب وارد کنیم یا بزنیم از طریق فضای خالی تب ایجاد کردیم الان دوازده تا فضای خالی ایجاد کردیم
سی اس اس یک زبان دیگر تحت وب می باشد.
ما از زبان اچ تی ام ال استفاده می کنیم پس اکثرروش ها را توضیح دادیم
از روش لیست توضحیی هم می توانیم استفاده کنیم می خواهیم اندازه قلم بخش بعدی مان را تغییر بدهیم اول ببینیم شروع و پایان بخش بعدی مان کجا است از روی کامنت یا توضیحات مان
می توانیم متوجه شویم از روی کدنویسی هم می توانیم ببینیم اندازه قلم اش را شبیه قسمت قبل می کنیم اگر دوتگ قرار است یک ویژگی را داشته باشند چه نیازی است دوتگ تعریف کنیم
اگر دوتگ در تمام موارد یکسان (ویژگی ) پس یک تگ تعریف می کنیم این تگ شروع حذف می کنیم این تگ پایان را حذف می کنیم مشاهده می کنید در این روش
دوتگ را به یک تگ تبدیل کردیم بعد به یک تگ یک ویژگی اندازه قلم دادیم شروع تگ مان یک قسمت جایی است که دوبخش کرده بودیم این هم انتهای بخش دوم است
چون طول تگ مان خیلی زیاد می شود این تگ را دو قسمت می کنیم مشاهده می کنیم که دو قسمت اش کردیم یک ویژگی دیگری اضافه کنیم
نام فونت یا قلم شان را تغییر دادم تا تغییر مشخص شود . قسمت بندی یا بخش بندی یا تقسیم بندی کدمان مشخص است
فیلم آموزشی:
فایل های موردنیاز:
موفق باشید
به امید خدا
