نمونه سوال از طراحی وب با html و css
سلام به کاربران انجمن برنامه نویسی درسمن


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


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


با این حال دو تا تمرین براتون تو ضمیمه ها میزارم که اونا رو طراحی کنید ، البته خیلی ساده هست تمرین ها.
سلام دوست عزیز، مقالات زیر میتواند در ابتدای کار، دید خوبی را به شما بدهد:
* |برنامه نویسی رو از کجا شروع کنم ؟::http://programming.itpro.ir/questions/3/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-%d8%b1%d9%88-%d8%a7%d8%b2-%da%a9%d8%ac%d8%a7-%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d9%86%d9%85-%d8%9f|
* | چطور میشه یک برنامه نویس خوب باشیم::http://programming.itpro.ir/articles/14604/%da%86%d8%b7%d9%88%d8%b1-%d9%85%db%8c%d8%b4%d9%87-%db%8c%da%a9-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3-%d8%ae%d9%88%d8%a8-%d8%a8%d8%a7%d8%b4%db%8c%d9%85|
* |تفاوت زبان برنامه نویسی c و ++c در چیست ؟ ::http://programming.itpro.ir/articles/15754/%d8%aa%d9%81%d8%a7%d9%88%d8%aa-%d8%b2%d8%a8%d8%a7%d9%86-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-c-%d9%88-%d8%a8%d8%b9%d9%84%d8%a7%d9%88%d9%87%d8%a8%d8%b9%d9%84%d8%a7%d9%88%d9%87c-%d8%af%d8%b1-%da%86%db%8c%d8%b3%d8%aa-%d8%9f|
* |کاملترین مقایسه بین زبان برنامه نویسی وب asp.net و php - قسمت اول ::http://web.itpro.ir/articles/3958/%da%a9%d8%a7%d9%85%d9%84%d8%aa%d8%b1%db%8c%d9%86-%d9%85%d9%82%d8%a7%db%8c%d8%b3%d9%87-%d8%a8%db%8c%d9%86-%d8%b2%d8%a8%d8%a7%d9%86-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-%d9%88%d8%a8-asp-net-%d9%88-php-%d9%82%d8%b3%d9%85%d8%aa-%d8%a7%d9%88%d9%84|
--
در ضمن موارد مشابهی قبلاً در سایت مطرح شده که به شرح زیر است:
* |یادگیری برنامه نویسی::http://programming.itpro.ir/questions/9854/%db%8c%d8%a7%d8%af%da%af%db%8c%d8%b1%db%8c-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c|
* |یادگیری یک زبان برنامه نویسی::http://programming.itpro.ir/questions/16520/%db%8c%d8%a7%d8%af%da%af%db%8c%d8%b1%db%8c-%db%8c%da%a9-%d8%b2%d8%a8%d8%a7%d9%86-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c|
* |کدام زبان برنامه نویسی رو یاد بگیرم؟::http://programming.itpro.ir/questions/20029/%da%a9%d8%af%d8%a7%d9%85-%d8%b2%d8%a8%d8%a7%d9%86-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-%d8%b1%d9%88-%db%8c%d8%a7%d8%af-%d8%a8%da%af%db%8c%d8%b1%d9%85%d8%9f|
* | برای برنامه نویسی از کجا شروع کنم ؟::http://programming.itpro.ir/questions/12154/%d8%a8%d8%b1%d8%a7%db%8c-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-%d8%a7%d8%b2-%da%a9%d8%ac%d8%a7-%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d9%86%d9%85-%d8%9f|
* |برنامه نویسی رو چه شکلی شروع کنم؟::http://programming.itpro.ir/questions/12111/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-%d8%b1%d9%88-%da%86%d9%87-%d8%b4%da%a9%d9%84%db%8c-%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d9%86%d9%85%d8%9f|
* |برای یاد گیری برنامه نویسی غیر از وب از کجا باید شروع کرد::http://programming.itpro.ir/questions/17542/%d8%a8%d8%b1%d8%a7%db%8c-%db%8c%d8%a7%d8%af-%da%af%db%8c%d8%b1%db%8c-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%db%8c%d8%b3%db%8c-%d8%ba%db%8c%d8%b1-%d8%a7%d8%b2-%d9%88%d8%a8-%d8%a7%d8%b2-%da%a9%d8%ac%d8%a7-%d8%a8%d8%a7%db%8c%d8%af-%d8%b4%d8%b1%d9%88%d8%b9-%da%a9%d8%b1%d8%af| کارای زیر رو ببین در ضمن یه پهنا واسه المانت در نظر بگیر
لینکای زیر رو ببین
w3schools
w3schools درود...
توی اینترنت سرچ کنید...
لینک :
https://colorlib.com/wp/free-news-website-templates/ سلام
این یه مثاله که میتونه کمکتون کنه:
&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;marker options example&lt;/title&gt;
 &lt;link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/&gt;
 &lt;script src = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"&gt;&lt;/script&gt;
 &lt;/head&gt;

 &lt;body&gt;
 &lt;div id = "map" style = "width:900px; h... میتونی آموزش sass راکت را ببین تو یکی از قسمت هاش توضیح داده ولی به نظر بنده برو همونsass را یاد بگیر چون خیلی راحت تر میتونی کد هاتو بنویسی و scss یه نوعی که تو کد نویسی سختی بیشتری داره سلام  

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

سایت w3scools به همراه مثال های بوت استرپی!  

<http://www.w3schools.com/bootstrap/>  

مثال برای جدول واکنش گرا با کمک همین ابزار:  

<http://www.w3schools.com/bootstrap/bootstrap_ref_css_tables.asp>  

سایت بوت استرپ برای دانلود فایل ها و نحوه استفاده + ابزار ها :  

<http://getbootstrap.com/> خیلی مطلبه جالبی هست اگر به عنوان یک مقاله در اینجا آورده بشه. 
البته در این رابطه ویدئو های فارسی و مطالب زیادی توی دیگر سایتا هم هست که با یک جستجو میتونین پیدا کنین.
مثلن این لینک یک ویدئوی آموزشی خوب هست:
http://dl.daneshjooyar.com/users/user1030/a.sh/regex/regex.mp4 سلام عكس سي تي اسكن بگيريد بفرستيد ببينم سلام دوست عزیز\n\nبه لینک زیر مراجعه بفرمائید\n\nhttp://bit.ly/2kffpev سلام
میتونید داخل فایل css فونتی رو که میخواید باهاش پروژه بزنید رو تعریف کنید بعد داخل همون پروژه استفاده کنید. برای آموزش این کار به این
link یه سر بزن:
تعریف فونت در وبسایت