چه چیزی را یاد می گیرم؟
برای شروع طراحی سایت، اولین چیزی که نیاز داریم فرا گیرم HTML است، در واقع HTML اسکلت و بدنه سایت ما را می سازد.در این آموزش یاد میگیریم چگونه یک سایت را با HTML بسازیم، چگونه از تگ(tag) های آن استفاده کنیم. و چگونه آن را زیبا سازیم.
اهداف یادگیری
- ساخت اولین صفحه وب و نمایش آن
- استفاده از تگ های معروف html
- ارتباط برقرار کردن بین صفحات مختلف ایجاد شده
- طراحی اسکلت یک وبسایت کامل با html
- آشنایی با CSS
- استایل دهی سایت با CSS
- آشنایی با اصول اولیه طراحی سایت
- آشنایی با اصطلاحات بک اند(back end) و فرانت اند(front end)
- آشنایی اولیه با ساختار HTML
دانش قبلی
برای شروع طراحی سایت ، نیاز به هیچ تخصص بالقوه ای نیست، در واقع یادگیری زبان HTML بسیار ساده و از یادگیری آن لذت خواهید برد :). اصولی یاد گرفتن یک تخصص به شما کمک می کند تا برنامه نویسی حرفه ای شوید. و بتوانید کسب درآمد کنید.
اگر کیفیت صدای فیلم در آپارات خوب نیست، فیلم را دانلود کرده و با نرم افزارهایی مانند KmPlayer ببینید.
1. معرفی
آموزش HTML video
HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است.
HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .
فسمت دوم
طراحی مقدماتی سایت
ایجاد صفحات مختلف و لینک دادن به آن ها
صفحه Index.html
<html>
<head>
<title> صفحه نخست </title>
<meta charset="UTF-8">
</head>
<body>
<ul>
<a href="contact.html"><li> تماس با ما </li></a>
<li>وبلاگ</li>
<li>خدمات</li>
</ul>
<ol>
<li> تماس با ما </li>
<li>وبلاگ</li>
<li>خدمات</li>
</ol>
<pre>
این یک
قطعه شعر از
مولانا است.
<hr>
<b> this is a bold text</b>
<strong> this is important </strong>
<br>
<!-- در این قسمت آدرس عکس خودتون رو قرار بدین-->
<img src="Capture.jpg" >
<br><br>
<hr>
<img src="image-web/port05.jpg">
</body>
</html>صفحه contact.html
<html> <head> <title>تماس با ما</title> </head> <body> <a href="index.html"> صفحه اصلی</a> این صفحه تماس با ما است </body> </html>
دانلود فایل pdf
دانلود فایل pdf
تگ های پر کاربرد در html:
<a>
<abbr>
<acronym>
<b>
<bdo>
<big>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<tt>
<var>
قسمت سوم
ساخت صفحات و لینک دهی به آن ها
قسمت سوم
قسمت چهارم
کار با نرم افزار vscode
قسمت چهارم
قسمت پنجم
css خارجی
قسمت پنجم
قسمت ششم
ساخت منو
قسمت ششم
chat_bubble_outlineنقد و برسی
افزودن نقد و بررسی
قیمت رایگان!
مهندس قاسمی
programmerطراح و برنامه نویس وب
نمایش پروفایل کامل
ali mosavi
واقعا طراح بسیار خوب است.
من توصیه می کنم