حالا ازاین مسئله استفاده می کنیم چند نام/ مقدار به این شکل که مخفف نام انگلیسی / توضیح یا تعریف به زبان فارسی
جاهایی که از خط جدید استفاده می کردیم و می گفتیم چه تفاوتی بین استفاده از خط جدید و تگ های دیگر است در این قسمت مشخص می شود مثلا فرض کنید به جای استفاده از
تگ چند عنوان از خط جدید استفاده کنیم درسته طراحی یکسانی دارند ولی مفهومی متفاوتی دارند مثلا دراین قسمت اگراز مفهوم چند نام /مقدار استفاده کردیم
یعنی چند تا عنوان و یک توضیح یا دوواژه یک تعریف استفاده کردیم یا از مخفف نام انگلیسی /تعریف یا توضیح به زبان فارسی استفاده کردیم درطراحی اش
به این شکل می شود یا درحال اجرا نمایی از ان به این شکل می شود .حال اگر بیاییم برای طراحی صفحه وب مان در این قسمت از خط جدید استفاده کنیم
می بینید وقتی درون هیچ تگی نباشد وقتی بخواهیم به ان قسمت از متن یا محتوا برویم نمی توانیم برویم چون که به هیچ تگی ارجاع داده نمی شود .
داخل سورس کد درون مرورگر پیداش کنیم وببینم چرا ارجاع به آن قسمت از محتوا داده نمی شود.
به آن قسمت از متن یا محتوا یا سورس کدمان می رود ولی به آخرین تگ باز می رود که متن درون آن تگ قرار می گیرد.این از این مسئله.
حالا ازخط جدید استفاده کنیم همانطور که مشاهده می کنید طراحی شان یکی است اما چه مفهومی این قسمت از متن دارد .
برای چه کسی باید مفهوم داشته باشد؟
کدی که نوشته می شود یا می نویسم اولا برای کسانی که بعد از شما می خوانند باید مفهوم داشته باشد درسته طراحی یا خروجی یا نتیجه اش یکسان است ولی چه مفهومی دارد این قسمت
از متن .
برای موتورهای جستجواز چه طریقی باید متن یا محتوای یا شما را بشناسند از طریق تگ ها پس اگر بخواهیم این قسمت از متن یا محتوا رابشناسیم ازتگ
خط های جدید می توان متوجه شویم که قسمتی از متن هست که درون تگ لیست توضیحات هست و این قسمت قبل وبعدش خط جدید ایجاد کردیم و دوخط جدید در خط بعدی اش ایجاد کردیم
پس این مفاهیم بعد از طراحی خط جدید متوجه می شویم .پس علت استفاده از این طراحی را متوجه شدیم و اگر از طراحی دیگری استفاده کنیم باعث چه چیزی می شود.
پس می رویم همان حالت چند نام /مقدار دراین حالت نیازبه خط جدید برای جداسازی خط ها هم نیاز نیست .
چند نام/چند مقدارهم می توانیم بسازیم ساختاردرختی اش به این شکل می شود
<dl>
<dt></dt>
<dt></dt>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
حالا ازاین مسئله استفاده می کنیم چند نام/ مقدار به این شکل که مخفف نام انگلیسی / ترجمه به زبان فارسی
اول مشاهده کنیم به چه حالتی یا شکلی یا صورتی طراحی شده است بعد متوجه می شویم که چرا از این همه تگ برای پیاده سازی قسمت کوچکی از متن استفاده می کنیم .
در حالی که برای طراحی آن از سه خط جدید استفاده کردیم .
همانطور که مشاهده کردید از تگ های خیلی زیادی استفاده کردیم ولی تفاوتش در این است که به محتوا معنا بخشیدیم.
حالا دوتا لیست توضیحات داریم که هر دو یک مفهوم را توضیح می دهند می توانیم آن ها را یکی کنیم .
این قسمت جزو کدام تگ می باشددر اصل به این حالت می باشد که توضیح اش اول است و عنوان ها در بخش ها بعدی قرار گرفته اند به شکل نام/چند مقداراست
اما حالت برعکس دارد یعنی مقدار /چند نام شده است حالا دراین حالت باید چه کار کرد ؟
درهیچ قسمتی یا جایی از اموزش به این شکل وجود ندارد که اول مقدار بیاید بعد نام یا اول توضیح بیاید بعد عنوان ها اصلا از لحاظ طراحی هم چنین مسئله ای
معنی ندارد ولی اینجا مسئله عنوان/توضیحات نیست دراین قسمت توضیح یا ترجمه به فارسی آمده است بعد نام انگلیسی بعد نام فارسی که
ترجمه به فارسی یا توضیح به فارسی را نام و نام انگلیسی و ترجمه به فارسی را مقدار درنظر می گیریم و ربطی به طراحی عنوان وتوضیحات ندارد.
یک حالتی که به این تگ ها بسط اش داده ایم .اجرا می شود ولی معنی ندارد یک مفهومی جدایی از چیزی که طراحی کردیم را می دهد یعنی به این معنی می شود
طراحی که کردیم به این شکل می باشد
<dl>
...
<dd></dd>
<dt></dt>
<dt></dt>
...
</dl>
برعکس اموریا تگ های عادی می باشد اجرامی شود چون که تگ توضیحات
<dd>
جزو تگ های توضیحات قبلی قرار می گیرد و تگ های عنوان
<dt>
جزو تگ های بعدی قرار می گیرد به همین علت اجرا می شود و خطایی نداریم ولی از طراحی مان مشخص است که معنی ندارد مشاهده می کنیم که توضیحات که
خودش مستقل است جزویی از توضیحات قبلی قرار گرفته است وچهارتاعنوان برای یک توضیحات قرار گرفته است مسئله تعداد عنوان نیست مسئله این است که عنوان ها باید
برای توضیحات معنی داشته باشند .درسته مدل جزوی از الگوی ام وی تی است ولی توضیح اش فقط برای مدل می باشد .
می توانیم از مفهوم سوال/ جواب و نام انگلیسی /ترجمه استفاده کنیم .
می خواهی کلمه به کلمه به این شکل طراحی کنی ؟
یک از مسائل خیلی مهم این است که بدانیم آن ابزارچه کار می کند یا چه کارایی هایی دارد بعد به دنبال بقیه مسائل اش می رویم .درطراحی این
کامل مشخص است که این الگوی نرم افزار چه کارمی کند ونیاز نیست ساعت ها بخوانیم و هیچ چیزی نفهمیم و بعد ساعت کار کنیم بعد صحیح وخطا کنیم وبعد نتیجه را
به عمل تبدیل کنیم بعد تازه متوجه شویم به درد این کار نمی خورد اگر اولش بدانیم به چه کاری می آید خیلی چیزها راحل می کند یکی از روش ها فهمیدن یا فهماندن آن
چیزی است که می بینیم یا به زبان دیگری بگویم آن چیزی یا ساختاری که وارد ذهن می شود بعد شروع به خواندن می کنیم اولین چیزی که با آن ارتباط برقرار می کنیم
درفهمیدن خیلی مهم است اگر خوش مان بیاید به آن ادامه می دهیم ولی اگر نه از ان خارج نمی شویم یا ترکش نمی کنیم ولی اثرکمتری روی مان می گذارد.
ازطریق لیست توضیحات یک قسمتی از متن یا محتوا را توصیف کردیم و برای ماشین ها متن مان را معنا دارد کردیم .
بازهم این قسمت از متن که در ادامه متن قبلی هم همان مفهوم را دارد و از یک لیست توضیحات دیگری استفاده کردیم می توانیم از همان تگ لیست توضیحات استفاده کنیم .
مثلا در یک جایی این مفهوم را معرفی کرده بودیم داخل لیست توضیحات گذاشته بودیم بعد درجایی دیگر توضیحات یا بخش های مختلف اش راگفته بودیم داخل تگ لیست
توضیحات قرار دادیم بعد دوباره درجایی دیگر کاربردهایش را گفتیم داخل لیست توضیحات گذاشته ایم .به همین شکل هر مفهوم ای که در مورد این موضوع داشتیم
را داخل لیست توضیحات قرار دادیم حالا امدیم همه این را داخل یک لیست توضیحات قرار دادیم ولی با مفاهیم نام/مقدار متفاوت حالا ایا تفاوتی دارد این ساختاری که داریم
با ان ساختاری که برای هرقسمت از یک مفهوم یک لیست توضیحات قرار داده بودیم .این قسمت از محتوا اگر درون تگ پاراگراف باشد به این معنی است که جزوی از
محتوای قبلی نیست و جدا از ان است اگر داخل تگ های معادل ان قرار بگیرد یعنی جزوی از ان محتوامی باشد حالا جزویی از محتوا است یا نیست
تگ توضیحات توضیحات را داخل تگ پاراگراف قرار می دهیم که از هردو استفاده کنیم .
حالا این توضیحات شامل چه عنوانی می باشد که توضیحات اش این است .
دراین حالت که دو لیست توضیحات را ترکیب کردیم پاراگراف جزو لیست توضیحات قرار گرفت ولیست توضیحات بعدی درون لیست توضیحات قبلی گرفت .
پاراگراف به این معنی است که توضیح کلی درباره لیست توضیحاتی است که تعریف کرده ایم و این پاراگراف توضیحات تکمیلی از لیست توضیحات مان می باشد .
پس یکی ازروش هایی که چرا نباید زیاد از خط جدید استفاده کنیم را متوجه شدید.با این که
می توان با خط جدید و تگ های شبیه خط جدید می توان طراحی بدون خیلی زیاد فکرکرد.
فیلم آموزشی:
فایل های مورد نیاز:
موفق باشید
به امید خدا
