چه چیزی نیاز دارید.
در این سایت شما به هیچ ابزاری برای یاد گیری HTML نیاز ندارید.
- به هیچ ویرایشگر HTML ی نیاز ندارید.
- به هیچ سرویس دهنده وبی نیاز ندارید.
- به هیچ وب سایتی نیاز ندارید.
نگارش HTML
HTML می تواند توسط ویرایشگرهای مختلفی مثل Dreamweaver و Visual Studio نگارش و ویرایش شود.
اما در این خود آموز ما به ویرایشگر ساده متنی (مثل Notepad) برای نگارش HTML نیاز داریم. ما بر این عقیده ایم که استفاده از یک ویرایشگر ساده متنی بهترین راه برای یادگیری HTML است.
وب آزمایشی خود را ایجاد کنید.
اگر می خواهید صفحه ای آزمایشی را در رایانه خود ایجاد کنید، تنها باید سه فایل زیر را روی desktop خود کپی کنید.
روی هر یک از لینک های زیر راست کلیک نمایید و گزینه "save target as" یا "save link as" را انتخاب نمایید.
بعد از اینکه فایل های بالا را کپی کردید، می توانید با دابل کلیک روی فایل "mainpage.htm" نخستین صفحه وب خود را در عمل ببینید.
از وب آزمایشی خود برای آموزش استفاده کنید.
ما به شما پیشنهاد می کنیم که هر چه را که از این سایت آموختید با ویرایش فایل وب خود به وسیله یک ویرایشگر متن (مثل Notepad) تجربه کنید.
توجه: اگر وب آزمایشی شما حاوی تگ های HTML است که آنها را نیاموخته اید ناراحت نشوید. شما در فصل بعد همه چیز را در این مورد خواهید آموخت.
پسوند HTM یا HTML
هنگامی که یک فایل HTML را ذخیره می کنید، می توانید از پسوند html یا htm استفاده کنید. تفاوتی نمی کند، این بستگی به شما دارد.
آموزش تصویری مطلب بالا (فیلم آموزش HTML) |
---|
درس شماره 2 (شروع کار با HTML) زمان فیلم: 14:58 |
خرید و دانلود مستقیم فیلم آموزش HTML - حجم دانلود 766 مگابایت (کلیک کنید +) |
در HTML تگ متا چه کاربردی داره و مخفف چیست؟
تگ meta نوعاً برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شود. برای کسب اطلاعات بیشتر به لینک زیر مراجعه فرمایید:
beyamooz.com/html/138-advanced/355-%D8%B9%D9%86%D8%B5%D8%B1-head-%D8%AF%D8%B1-html
توی این درس با تمرینی که انجام داده ام و سه صفحه ایجاد کردم . در صفحه سوم که همانطور که در درس گفته شده من به صفحات اول و دوم لینک داده ام . یکی از این لینکها بعد از کلیک بر روی آن به صفحه مورد نظر من می رود . اما لینک دوم وقتی که روی آن کلیک می شود . صفحه page not found ظاهر می گردد . لطفاً راهنمایی فرمایید با تشکر
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="GENERATOR" content="MSHTML 8.00.7600.16444">
</head>
<body style="direction:rtl">
<h1>این اولین صفحه HTML من است.</h1>
<p>با استفاده از تگ p می توان پاراگراف ها را در صفحه وارد کرد</p>
<a href="/page1.htm">این یک لینک به صفحه شماره 1 است.</a><br/>
<a href="/page2.htm">این یک لینک به صفحه شماره 2 است.</a><br/>
</body>
</html>
1- اضافه کردن تگ meta: در قسمت head صفحه، یک تگ meta با ویژگی های زیر اضافه نمایید.
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
2- UTF-8: زمانی که می خواهید فایل HTML را در نات پد ذخیره کنید، گزینه encoding را با مقدار UTF-8 تنظیم نمایید.
style="direction:rtl"
فیلم ارائه شده در مطلب بالا فوق العاده بود. خواستم تشکر کنم.
من تازه شروع کردم و نمی دونم طراحی وب و کار با dream weaver چجوری هست .
ممنون میشم پاسخ بدید
HTML در واقع یک زبان نشانهگذاری جهت نمایش در مرورگرهای وب هست. سایتهایی که شما در اینترنت میبینید، در نهایت به صورت HTML نشانهگذاری میشوند و در مرورگرها قابل نمایش میشن.
این زبان از تگ درست میشه و شما میتونید با یک ادیتور ساده این تگها رو ایجاد کنید. برای کار به صورت حرفهای نیاز به نرمافزارهای بهتر جهت ویرایش هست که یکی از این نرمافزارها Dream Weaver هست.
دریم ویور یک نرم افزار برای طراحی سایت هست. گر چه امکان کدنویسی زبانهای سمت سرور رو هم به خوبی ساپورت میکنه، ولی بیشتر برای طراحی به کار میره تا برنامه نویسی.
برای این کار شما صرفا باید به زبانهای تحت وب مسلط باشید، نه خود نرم افزار. وقتی که به زبانهای طراحی سایت مثل HTML ، CSS و ... مسلط باشید، کار کردن با این نرم افزار خیلی سخت نیست.
سوالتون خیلی معنی نداره. میتونید با استفاده از iframe یه صفحه html رو در یک صفحه html دیگه لود کنید.
اگه از php استفاده کنید، میتونید از Include استفاده کنید.
کمی بیشتر توضیح بدید.
من قسمت"وب ازمایشی خود را ایجاد کنید"نفهمیدم الان این که برای من باز شده یک صفحه ای با ویژوال استودیو که پایینش حالت هایhtml,body,h1و....داره چیه؟با این باید چی کار کنیم؟اگر این وب هست پس اون چه ما تو notepadمینویسیمو با مرورگر باز میشه چیه؟
برای نوشتن کدهای html نرمافزار های مختلفی مانند notepad,notepad++,Dream Weaver و... است که ساده ترین آنها همان notepad است. هر چه نرم افزار پیشرفته تری را برای نوشتن کدها انتخاب کنیم امکاناتی که در اخیار ما قرار می گیرد بیشتر است.
در مورد سوالی که ذکر کردید برای رفع مشکل کافی است در هنگام ذخیره فایل مورد نظر در پنجره save گزینه Encoding را با UTF-8 تنظیم کنید.
فایلی که شما از قسمت بالا ذخیره می کنید یک نمونه ساده از یک صفحه وب است که میتوانید بعد از ذخیره کردن آن را با ویرایشگر notepad باز کرده و کد های موجود در ان را مشاهده و یا تغییر دهید.
چیزی که شما در notepad می نویسید نیز همان صفحه وب خودتان است. که در مراحل بعدی میتوانید آن را به یک صفحه کامل تبدیل کنید. فایل ذکر شده در اینجا فقط یک مثال برای درک بیشتر مطلب است.
بیشتر مطالب سایت بیاموز ترجمه مطالب سایت w3schools است.
تشکر همین طور مطالب رو زیاد کنین
من فایل هارو کپی کردم توی کامپیوترم اما هرچی کلیک میکنم باز نمیشه!
برای اجرای مثال های "خودتان امتحان کنید" در کامپیوتر شخصی تان، به صورت زیر عمل فرمایید:
1- ویرایشگر NotePad را اجرا نمایید.
2- محتوای مثال "خودتان امتحان کنید" را کپی و داخل ویرایشگر Past کنید.
3- منوی File -> Save را انتخاب نمایید.
4- در پنجره باز شده، در قسمت File Name نام دلخواه تان را وارد نمایید و پسوند آنرا به htm یا html تغییر دهید.
5- حالا به محل ذخیره فایل برید و روی آن دابل کلیک نمایید.
به همین راحتی، حالا فایل مورد نظر در مرورگرتان باز شده و شما خروجی مثال را مشاهده خواهید کرد.
میشه بگید که کدوم کدها رو کپی کردید؟ توی این مطلب که هیچ، خودتان امتحان کنیدی وجود نداره!
-----------------------------------
اگه بخواهم یه طور دیگه براتون توضیح بدهم باید بگویم که این صفحه، اولین صفحه ی اچ تی ام ال شما است که یک سرفصل و یک پاراگراف را به همراه دو عدد لینک به نمایش می گذارد.
کمک بزرگی به ما کردین
یا حق
www.beyamooz.com/product/web