موضوعاتی که درقبل به عنوان آموزش بوده است و به صورت یا حالت عنوان قرار می دهیم تا بدانیم به چه چیزهایی رسیده ایم:
به مسئله سه نوع طراحی رسیدیم:کاربرد محور،پروژه محور،بخش بندی بر مبنای اموزش
به این مسئله رسیدیم که دراین قسمت از طراحی از چه چیزی استفاده کنیم که زیاد از تگ خط جدید مثل این قسمت استفاده نکنیم
به مسئله فرمول که چطور درموتورجستجوی گوگل از ان استفاده کنیم وموضوع ان در کدام قسمت از مباحث علمی می باشد وچطور جستجو و تحقیق درباره ان کنیم وچطوربه این فرمول رسیدیم
به مسائل مربوط به یک وب سایت مثل کل صفحات وب سایت،صفحات مربوط به جستجوی یک کلمه یا عبارت وب سایت که از طریق موتورجستجوی گوگل بدست اوردیم
که اولی شمارنده صفحه و دومی برای جستجو در وب سایت ها استفاده می شد pagination,site: قسمت ها یا کاربردهای موتورجستجوی گوگل مثل
تفاوت محتوای انگلیسی و فارسی در رابطه با بحث بروز بودن محتوا و نتیجه جستجو در موتورجستجوی گوگل
مسائلی که مربوط تگ ها بود که از کدام تگ ها برای طراحی استفاده کنیم بهتراست که همین مسائل باعث شد این فرمول به ذهنم برسد
مسائل مربوط به تگ ها که از کدام تگ ها استفاده کنیم که موتورهای جستجو صفحه ی وبی که طراحی می کنیم را بهتربشناسند
پیدا کردن رابطه ی بین آموزش های موضوع محوربا چیزی که در ذهنم است و پیاده سازی می کنم (Search by HTML code and page text)
اگر عنوان دیگری به نظرم رسید در این قسمت اضافه می کنم.
اگر بخواهم مسئله طراحی کاربرد محوررا درنظربگیرم براساس این طراحی یا نمونه اولیه یا نمایی از طراحی کل که اینجا نوشتم باید کل طراحی را تغییر بدهم که دوباره
مسئله هدروفوترش تغییر می کند یا مسئله ای که بخواهم برایش یک هدر با سکشن یا دایو بسازم تمام تغییر می کند اگر بخواهم بر مبنای کاربرد طراحی کنم به این شکل می شود در اصل طراحی به این
حالت یا صورت می شود اگر نخواهیم از طراحی کاربرد محور استفاده کنیم ولی قسمتی از متن بخش اخر یا هشتم را معنا دارکنیم از این طراحی استفاده می کنیم انهایی که کامنت می شوند
جزو طراحی نمی شوند
<!-- <div>--><!--شروع کاربرد اول-->
<div><!--شروع آموزش بخش پنجم-->
<!--</div>--><!--پایان کاربرد اول-->
<!-- <div>--><!--شروع کاربرد دوم-->
</div><!--پایان آموزش بخش پنجم-->
<div><!--شروع آموزش بخش هشتم-->
<!--</div>--><!--پایان کاربرد دوم-->
<div><!--شروع کاربرد سوم-->
</div><!--پایان کاربرد سوم-->
</div><!--پایان آموزش بخش هشتم-->
اما اگر بخواهیم از طراحی کاربرد محور استفاده کنیم به این حالت یا صورت می شود به این حالت که مشاهده می کنید بخش ها درون کاربردها قرار می گیرند
<div><!--شروع کاربرد اول-->
<div><!--شروع آموزش بخش پنجم-->
</div><!--پایان کاربرد اول-->
<div><!--شروع کاربرد دوم-->
</div><!--پایان آموزش بخش پنجم-->
<div><!--شروع آموزش بخش هشتم-->
</div><!--پایان کاربرد دوم-->
<div><!--شروع کاربرد سوم-->
</div><!--پایان آموزش بخش هشتم-->
</div><!--پایان کاربرد سوم-->
دراصل پایان کاربرد اول باید اینجا بسته شوددرون بخش پنجم است اما کجا بسته شده است درون اموزش بخش اول درون ارتیکل درون هدرارتیکل یا سکشن بسته شده است حالا نمایی از ان
<div><!--شروع آموزش بخش اول-->
<article>
<section>
<div><!--شروع کاربرد اول-->
</div><!--پایان کاربرد اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</section>
</article>
</div><!-- پایان آموزش بخش اول -->
<div><!--شروع آموزش بخش دوم-->
</div><!--پایان آموزش بخش دوم-->
<div><!--شروع آموزش بخش سوم-->
</div><!--پایان آموزش بخش سوم-->
<div><!--شروع آموزش بخش چهارم-->
</div><!--پایان آموزش بخش چهارم-->
<div><!--شروع آموزش بخش پنجم-->
اولا طراحی کاربرد محور در این قسمت بسته می شود دوما اگر هم در این قسمت بسته شود با طراحی بخش بندی درون هم قرار می گیرند طراحی به این شکل شده است در حالی که
باید کاربردها تمام بخش ها را در بر بگیرند و این که از کدام طراحی استفاده کنیم مهم است.کلا طراحی هایشان با همخوانی ندارد
من اینجا گفته ام که اموزش بخش هشتم درون سومین کاربرد قرار بگیرد در حالی که سومین کاربرد در اخرین قسمت یا تگ جداگانه درون بدنه قرار گرفته است
طراحی کاربرد محور اول شروع تگ اش می بینید که از درون طراحی پروژه محور در حال عبور است در اصل پایان کاربرد اول در این قسمت قرار گرفته است
<div><!--شروع آموزش بخش اول-->
<article>
<section>
<div><!--شروع کاربرد اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</div><!--پایان کاربرد اول-->
</section>
</article>
</div><!-- پایان آموزش بخش اول -->
در سورس کد انتهای کاربرد اول درون بخش اول نیست در طراحی مان هم درون بخش اول اول نیست اما در اجرا یا مرورگر درون بخش اول است
این چیزی است که مرورگر نشان می دهد
<div><!--شروع آموزش بخش اول-->
<article>
<section>
<div><!--شروع کاربرد اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</div><!--پایان کاربرد اول-->
</section>
</article>
</div><!-- پایان آموزش بخش اول -->
این چیزی است که در سورس کدمان است
<div><!--شروع آموزش بخش اول-->
<article>
<section>
<div><!--شروع کاربرد اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</section>
</article>
</div><!-- پایان آموزش بخش اول -->
پس در نهایت انتهای کاربرد اول درسورس کد
<div><!--شروع آموزش بخش اول-->
<article>
<section>
<div><!--شروع کاربرد اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</section>
</article>
</div><!-- پایان آموزش بخش اول -->
<div><!-- شروع آموزش بخش دوم -->
<div><!--شروع دومین پروژه-->
</div><!--پایان دومین پروژه-->
<div><!--شروع سومین پروژه-->
</div><!--پایان سومین پروژه-->
<div><!--شروع چهارمین پروژه-->
</div><!--پایان چهارمین پروژه-->
</div><!-- پایان آموزش بخش دوم -->
<div><!--شروع اموزش بخش سوم-->
</div><!--پایان اموزش بخش سوم-->
<div><!--شروع اموزش بخش چهارم-->
</div><!--پایان اموزش بخش چهارم-->
<div><!--شروع اموزش بخش پنجم-->
</div><!--پایان اولین کاربرد-->
پس به پایان کاربرد اول درون سورس کدمان رسیدیم که ابتدایش درون بخش اول و انتهایش درون بخش پنجم در اصل طراحی مان به این شکل باید باشد
<div><!--شروع کاربرد اول-->
<div><!--شروع آموزش بخش اول-->
<article>
<section>
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</section>
</article>
</div><!-- پایان آموزش بخش اول -->
<div><!-- شروع آموزش بخش دوم -->
<div><!--شروع دومین پروژه-->
</div><!--پایان دومین پروژه-->
<div><!--شروع سومین پروژه-->
</div><!--پایان سومین پروژه-->
<div><!--شروع چهارمین پروژه-->
</div><!--پایان چهارمین پروژه-->
</div><!-- پایان آموزش بخش دوم -->
<div><!--شروع اموزش بخش سوم-->
</div><!--پایان اموزش بخش سوم-->
<div><!--شروع اموزش بخش چهارم-->
</div><!--پایان اموزش بخش چهارم-->
<div><!--شروع اموزش بخش پنجم-->
<div><!--پایان اموزش بخش پنجم-->
</div><!--پایان اولین کاربرد-->
اما به این شکل شده است دوباره کپی نمی کنم یعنی کاربرد اول دربخش اول توسط چه چیزی بسته شده است؟
توسط بخش ها بسته نشده است یعنی انتهای کاربرد اول توسط بخش اول بسته نشده است
انتهای کاربرد اول توسط پروژه اول بسته شده است توسط پروژه اول هم بسته نشده است و شروع و پایانش
پس کاربرد اول چطور بسته شده است و درون بخش اول قرار گرفته است
نام دایو یا تگ پروژه اول
proj1
است و از این روش درون تگ ها یک کدها پیداش کردم و تگ کاربرد اول توسط پروژه اول بسته نشده است یعنی به این حالت نیست
<div><!--شروع کاربرد اول -->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
درسته برایش کامنت گذاشتیم و پایان اولین پروژه پایان کاربرد اول نیست ولی وقتی ترتیب تگ ها یا کدها بهم بخورد ربطی به کامنت گذاری ما ندارد پس پروژه اول درون
کاربرد اول قرار دارد از این قسمت هم می توانید مشاهده کنید بخش اول که درونش این تگ های قرار گرفته اند کاربرد اول که درونش پروژه اول قرار گرفته است این هم
روشی دیگری برای شناسایی تگ ها یا کدهای تو در تو پس از روش کامنت گذاری می توانید استفاده کنید از این روش ادرس یا تگ ها که پشت سرهم قرار گرفته اند هم
می توانید استفاده کنید برای پیدا کردن یک تگ یا کد درون تگ ها یا کد می توانید از این قسمت جستجو کنید مثلا من نام کلاس یا نام تگی که پروژه ی اول را درونش قرار داشت
را جستجو کردم کنترل اف را بزنید این قسمت درون محیط کدنویسی مرورگر سربرگ عناصر یا المنت ها یا تگ های ظاهر می شود
پس برویم بحث این که چطور تگ کاربرد اول بسته شده است رسیدیم به این مسئله که تگ پروژه اول درون کاربرد اول قرار گرفته است کاربرد اول درون بخش اول قرار گرفته است
اما در اصل یا در سورس کدمان این طور طراحی نکردیم
<div><!--شروع آموزش بخش اول-->
<article>
<section>
<div><!--شروع کاربرد اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</div><!--پایان کاربرد اول-->
</section>
</article>
</div><!-- پایان آموزش بخش اول -->
پس در سورس کد این طور طراحی کردیم(انتهای کاربرد اول درون بخش پنجم بود ) و
در اصل می خواهیم این طور طراحی کنیم (طراحی کاربرد محور) ولی در نتیجه به این رسیدیم
یا مرورگر این سورس کد یا کدهای اچ تی ام ال را به ما نشان داد (کاربرد اول درون بخش اول و پژوه اول درون کاربرد اول)
کل طراحی بر اساس سه موضوعی که در محتوا داشتیم (طراحی درون سورس کدمان)
طراحی سورس کدمان:
<div><!--شروع آموزش بخش اول-->
<div><!--شروع کاربرد اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</div><!-- پایان آموزش بخش اول -->
<div><!-- شروع آموزش بخش دوم -->
<div><!--شروع دومین پروژه-->
</div><!--پایان دومین پروژه-->
<div><!--شروع سومین پروژه-->
</div><!--پایان سومین پروژه-->
<div><!--شروع چهارمین پروژه-->
</div><!--پایان چهارمین پروژه-->
</div><!-- پایان آموزش بخش دوم -->
<div><!--شروع اموزش بخش سوم-->
</div><!--پایان اموزش بخش سوم-->
<div><!--شروع اموزش بخش چهارم-->
</div><!--پایان اموزش بخش چهارم-->
<div><!--شروع اموزش بخش پنجم-->
</div><!--پایان اولین کاربرد-->
<div><!--شروع دومین کاربرد-->
</div><!--پایان اموزش بخش پنجم-->
<div><!--شروع اموزش بخش ششم-->
<div><!--شروع پنجمین پروژه-->
</div><!--پایان پنجمین پروژ-->
<div><!--شروع ششمین پروژه-->
</div><!--پایان ششمین پروژه-->
<div><!--شروع هفتمین پروژه-->
</div><!--پایان هفتمین پروژه-->
</div><!--پایان اموزش بخش ششم-->
<div><!--شروع اموزش بخش هفتم-->
<div><!--شروع هشتمین پروژه-->
</div><!--پایان هشتمین پروژه-->
<div><!--شروع نهمین پروژه-->
</div><!--پایان نهمین پروژه-->
</div><!--پایان اموزش بخش هفتم-->
<div><!--شروع اموزش بخش هشتم-->
<div><!--شروع پروژه دهم-->
</div ><!--پایان پروژه دهم-->
</div><!--پایان دومین کاربرد-->
<div><!--شروع سومین کاربرد-->
</div><!--پایان اموزش بخش هشتم-->
</div><!--پایان سومین کاربرد-->
اگر از طراحی کاربرد محور استفاده کنیم به این شکل می شود
دراصل به این شکل می شود ولی مشاهده می کنید که طراحی کلی هم تغییر می کند در حالت معنایی به این شکل می شود
طراحی ها درون هم قرار گرفته اند شروع و پایان تگ ها هم درست نیست ولی از دید طراحی به ان نگاه می کنیم این طراحی یا سورس کد یا تگ های اچ تی ام الی است که داریم
و می خواهیم این را به یک طراحی برسانیم حالا از نظر کدنویسی اچ تی ام ال و طراحی می نویسیم
حالا کد زیر از لحاظ طراحی (کاربرد محور) و کدنویسی اچ تی ام ال مشکلی ندارد
بعد از این طراحی به این رسیدیم که پروژه ها درون بخش ها قرار گرفت و بخش ها درون کاربرد ها قرار گرفت
حالا همین طراحی را باید روی سورس کد اصلی مان همراه با متن یا محتوا پیاده سازی کنیم در این قسمت محتوا نداریم که بدانیم چه تاثیری روی نتیجه می گذارد .
طراحی که انتظار داریم:
<!-- شروع فیلم اول آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
<!--شروع فیلم دوم آموزشی(تقسیم بندی براساس فیلم آموزشی)-->
<div><!--شروع کاربرد اول-->
<div><!--شروع آموزش بخش اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</div><!-- پایان آموزش بخش اول -->
<div><!-- شروع آموزش بخش دوم -->
<!-- پایان فیلم دوم آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
<!-- شروع فیلم سوم آموزشی (تقسیم بندی براساس فیلم آموزشی) -->
<div><!--شروع دومین پروژه-->
</div><!--پایان دومین پروژه-->
<div><!--شروع سومین پروژه-->
</div><!--پایان سومین پروژه-->
<div><!--شروع چهارمین پروژه-->
</div><!--پایان چهارمین پروژه-->
</div><!-- پایان آموزش بخش دوم -->
<div><!--شروع اموزش بخش سوم-->
</div><!--پایان اموزش بخش سوم-->
<div><!--شروع اموزش بخش چهارم-->
</div><!--پایان اموزش بخش چهارم-->
<div><!--شروع اموزش بخش پنجم-->
</div><!--پایان اموزش بخش پنجم-->
</div><!--پایان اولین کاربرد-->
<div><!--شروع دومین کاربرد-->
<div><!--شروع اموزش بخش ششم-->
<!--پایان فیلم سوم آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
<!--شروع فیلم چهارم آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
<div><!--شروع پنجمین پروژه-->
</div><!--پایان پنجمین پروژ-->
<div><!--شروع ششمین پروژه-->
</div><!--پایان ششمین پروژه-->
<div><!--شروع هفتمین پروژه-->
</div><!--پایان هفتمین پروژه-->
</div><!--پایان اموزش بخش ششم-->
<div><!--شروع اموزش بخش هفتم-->
<!--پایان فیلم چهارم آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
<!--شروع فیلم پنجم آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
<div><!--شروع هشتمین پروژه-->
</div><!--پایان هشتمین پروژه-->
<div><!--شروع نهمین پروژه-->
</div><!--پایان نهمین پروژه-->
</div><!--پایان اموزش بخش هفتم-->
<div><!--شروع اموزش بخش هشتم-->
<div><!--شروع پروژه دهم-->
<!--پایان فیلم پنجم آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
<!--شروع فیلم ششم آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
</div ><!--پایان پروژه دهم-->
</div><!--پایان اموزش بخش هشتم-->
</div><!--پایان دومین کاربرد-->
<div><!--شروع سومین کاربرد-->
<!--پایان فیلم ششم آموزشی (تقسیم بندی براساس فیلم آموزشی)-->
</div><!--پایان سومین کاربرد-->
اما با همین طراحی مرورگر برای خودش یکسری مسائل را کامل کرده است
حالا برویم به این مسئله با این طراحی ما کرده ایم مرورگر چه کار کرده است
طراحی مرورگر:
<div><!--شروع آموزش بخش اول-->
<div><!--شروع کاربرد اول-->
<div><!--شروع اولین پروژه-->
</div><!--پایان اولین پروژه-->
</div><!--پایان اولین کاربرد-->
</div><!-- پایان آموزش بخش اول -->
<div><!-- شروع آموزش بخش دوم -->
<div><!--شروع دومین پروژه-->
</div><!--پایان دومین پروژه-->
<div><!--شروع سومین پروژه-->
</div><!--پایان سومین پروژه-->
<div><!--شروع چهارمین پروژه-->
</div><!--پایان چهارمین پروژه-->
</div><!-- پایان آموزش بخش دوم -->
<div><!--شروع اموزش بخش سوم-->
</div><!--پایان اموزش بخش سوم-->
<div><!--شروع اموزش بخش چهارم-->
</div><!--پایان اموزش بخش چهارم-->
<div><!--شروع اموزش بخش پنجم-->
</div><!--پایان اموزش بخش پنجم-->
<div><!--شروع دومین کاربرد-->
</div><!--پایان دومین کاربرد-->
<div><!--شروع اموزش بخش ششم-->
<div><!--شروع پنجمین پروژه-->
</div><!--پایان پنجمین پروژ-->
<div><!--شروع ششمین پروژه-->
</div><!--پایان ششمین پروژه-->
<div><!--شروع هفتمین پروژه-->
</div><!--پایان هفتمین پروژه-->
</div><!--پایان اموزش بخش ششم-->
<div><!--شروع اموزش بخش هفتم-->
<div><!--شروع هشتمین پروژه-->
</div><!--پایان هشتمین پروژه-->
<div><!--شروع نهمین پروژه-->
</div><!--پایان نهمین پروژه-->
</div><!--پایان اموزش بخش هفتم-->
<div><!--شروع اموزش بخش هشتم-->
<div><!--شروع پروژه دهم-->
</div ><!--پایان پروژه دهم-->
</div><!--پایان اموزش بخش هشتم-->
<div><!--شروع سومین کاربرد-->
</div><!--پایان سومین کاربرد-->
مثل همان که گفتیم در بعضی قسمت های کد یک بخشی را وارد یک بخش دیگرمی کنیم
از لحاظ کدنویسی اچ تی ام ال درست می شود برچه اساسی این کدهای اچ تی ام ال را جا به جا می کنیم یا کامل می کنیم براساس کامنت های یا توضیحاتی که نوشتیم که یکی از
روش های شناسایی تگ ها یا کدهای اچ تی ام ال می باشد و یکی دیگر از روش های ان استفاده از روش کلاس برای نام گذاری ان می باشد و از روی کامنت ها یا توضیحات
یا ازروش نام گذاری با کلاس ها تگ های شروع و پایان را پیدا می کنیم مثلا می خواهیم پروژه اول را پیدا کنیم فکرکردم قبلا توضیح دادم و ببینیم مرورگر درون چه تگی قرار داده است
اصلا چرا پروژه اول از کجا متوجه شدی باید دنبال این تگ بگردی از روی کامنت ها یا توضیحات متوجه شدم حالا درون مروگر کلیک راست می کنم وگزینه
inspect
را می زنم بعد محیط کدنویسی اچ تی ام ال برایم می اید می توانم به طور ساده به دنبال تگی بگردم که نام پروژه اول را دارد از دوروش مثل قبل که گفتم ازروی کامنت ها از روی کلاس ها
می توانیم تگ ها را باز و بسته کنیم تا به تگ یا کدی که می خواهیم برسیم که تگ یا کد اچ تی ام ال به نام پروژه اول را پیدا کردیم که درون تگ کاربرد اول قرار گرفته است ازکجا متوجه شدی
از این که تگ را می بندیم و باز می کنیم درون اش قرار می گیرد روش دیگری که راحت تر است می توانی از کنترل اف استفاده کنی تا محیط جستجو باز شود حال نام کلاسی
که برای تگ یا کد اچ تی ام ال است را درون این محیط جستجو وارد می کنیم و نام کلاس پروژه اول یا
proj1
است دراین قسمت می گوید هم نام کلاسی یا نامی که شما جستجو کرده اید دو تا پیدا کرد واز فلش های می توانیم استفاده کنیم و به تگی که می خواستیم می رسیم یا می توانیم روی این
قسمتی که تگ هایی ،این تگی که ما جستجو می کنیم درون انها قرار دارد کلیک کنیم تا به تگ یا کدی که می خواستیم برسیم پس این هم روش رسیدن به تگ یا کد اچ تی ام الی که می خواستیم
درون مرورگر. پس مروگر برای ما کاربرد اول را بسته است ولی در سورس کدمان در ان قسمت نبستیم
طراحی سورس کدمان طراحی مرورگر می رویم ادامه طراحی مرورگر را ببینیم پس تا اینجا شبیه هم هستند این دوبخش هم طراحی درونشان نیست که مشکلی داشته باشند
تگ دایو که مربوط به کاربرد دوم هست در بخش پنجم را چه کار کرده است مرورگر آن را بین بخش پنجم وششم قرار داده است و تگ جداگانه قرارداده است
طراحی سورس کدمان طراحی مرورگر وطراحی که انتظار داریم
هرجایی که تگی کم بوده است مرورگر یک تگ اضافه کرده است
اگر از لحاظ مفهوم طراحی کنیم پروژه ها زیرمجموعه کاربردها هستند
این مسئله را که مرورگر نمی داند ولی با کامل کردن تگ ها به این مسئله رسیده است
در طراحی که انتظار داریم به این حالت باشد هم این مسئله رعایت شده است یا این مسئله کامل شده است ولی محتوایی نداریم که بدانیم بقیه محتوا در کدام تگ قرار می گیرند
درطراحی سورس کد هم این مسئله رعایت شده است در کل طراحی پروژه محور چون در اخرین حالت ممکن قرار می گیرد زیر مجموعه هر کدام از طراحی های بخش محور یا کاربرد محورقرار می گیرد
کاربرد دوم وسوم بیرون از بخش بندی هستند و خودشان دو بخش جدا از هم تشکیل داده اند اما کاربرد اول درون بخش اول قرار دارد در کل کاربرد ها محتوای جد از بقیه محتواها
هستند وبرای خودشان بخش جدایی دارند یا نه محتوایی هستند که درون بخش ها قرار می گیرند دراین شکل طراحی به این معنی است که کاربرد دوم و کاربرد سوم محتوای جدایی از بقیه
بخش ها دارند درحالی که در طراحی که انتظار داریم داشته باشیم پروژه ها زیرمجموعه بخش ها و بخش ها زیر مجموعه کاربردها می باشند واین مسئله را مرورگرنمی فهمد
مرورگر فقط هرجایی که تگی کم باشد با معادل ان کامل می کند این فهم طراحی مرورگر می باشد مثلا اگر تگ دایو کم باشد
<div>
یک تگ دایو تمام کننده قرار می دهد
</div>
بقیه موارد را در بحث رابطه بین محتوا وطراحی را متوجه نمی شود .
فیلم آموزشی:
فایل های مورد نیاز:
ستاره) مسائل مربوط به این موضوع را به زبان انگلیسی در وب سایت هایی دیدم ولی نمی دانم دقیق در چه کتابی یا در چه منبعی بوده است که بخواهم به شما معرفی کنم یعنی چنین مطلبی به زبان انگلیسی آن هم خیلی نادر و کم وجود دارد و آن هم دارای تخصصی خاصی باشی می توانید پیدا کنید ولی دراینجا به زبان فارسی می باشد الان یادم نیست که چه موضوعاتی به زبان انگلیسی بوده است ولی ارتباط بین مرورگروزیرساخت مرورگروزبان برنامه نویسی اچ تی ام ال و نحوه ی اجرای زبان برنامه نویسی اچ تی ام ال توسط مرورگر بود این پست یا مطلب یا محتوا ازلحاظ معنایی در زمینه طراحی یک صفحه وب به وسیله ی یا ازطریق زبان های برنامه نویسی اچ تی ام ال و ایکس اچ تی ام ال و ایکس ام ال از اهمیت خاصی برخوردار است چنین مطلبی فکر نمی کنم به این شکل و به این فرم جایی باشد شاید جدا جدا یا دست وپا شکسته اینطرف و انطرف پیدا کنید ولی یک دفعه همه اش یکجا باشد را فکر نکنم جایی پیدا کنید اگر جایی دیدید مربوط به این مسئله حتما مثل قبل برای من بفرستید تا بدانم چه مطالبی به این مسئله مربوط می شود که من نمی دانم یا از ش خبری ندارم یا به ذهنم نیامده است که بدانم چه رابطه ای بین محتواها وجود دارد.
موفق باشید
به امید خدا