کتاب آموزش HTML با زبان ساده – مبتدی تا پیشرفته

سه شنبه, ۲۳ام شهریور , ۱۳۸۹ | ۱۸۷ دیدگاه

با سلام.پس از اتمام آموزشهای HTML که در ده قسمت تقدیم شما دوستان گردید و پس از نظرات و پیشنهادات دلگرم کننده شما دوستان تصمیم به جمع آوری و ویرایش این آموزشها در قالب یک کتاب (eBook) گرفتیم. امیدواریم این مجموعه با ارزش مورد استفاده شما دوستان قرار گیرد . منتظر نظرات و پیشنهادات خوب و سازنده شما دوستان هستیم.

با تشکر – امیر سروری

فهرست

قسمت اول

تگ چیست / چه چیزی احتیاج دارید؟ / ساخت اولین صفحه وب / html. یا htm. / سرفصل و یا Head Line / پاراگراف / پیوندها و یا link ها / تصاویر / عناصر HTML / تگهای HTML تو در تو ( Nested ) / تگهای پایانی را فراموش نکنید / عناصر HTML خالی / حروف بزرگ یا کوچک؟

قسمت دوم

تواناییها و خصوصیات عناصر HTML / تگهای Head Line و یا سرفصلها / اهمیت تگهای Head Line / تگهای خط کشی و یا خط (line) / نوشتن توضیحات برای کدها HTML / چگونه کدهای HTML یک صفحه وب را ببینیم؟ / تگهای پاراگراف (Paragraph) / تگهای شکستن خط ( Line Breaks ) / تگهای نوع نمایش نوشته ها ( Text Formatting )

قسمت سوم

Style ها /Style چیست ؟ / تغیر رنگ / BackGround پس زمینه با استفاده از Style ها / تغییر Font نوشته ها با استفاده از Style ها / تغییر نوع چینش نوشته ها

قسمت چهارم

Hyper Link , Anchors , Link لینکها و یا پیوندها / لینکهای خارجی / لینکهای داخلی / نشانه ها

قسمت پنجم

وارد کردن تصاویر در صفحات HTML / Align چیست ؟ / Alt چیست ؟

قسمت ششم

Table ها / طول و عرض Table ها / خصوصیت Border /Align و یا چینش در سطرها و ستون ها / Table های تو در تو / Background color ( رنگ پس زمینه )

قسمت هفتم

رنگها / آیا میتوان از این تعداد رنگ در طراحی وب استفاده کرد؟ / لیست ها /

قسمت هشتم

آشنایی با ورژن های مختلف HTML / Document Type Definition (DTD) /
Cascading Style Sheet چیست / نحوه استفاده از آن چگونه است ؟ / آشنایی با تگ Head و خصوصیات آن / تگ head چیست ؟

قسمت نهم

تگ چیست و نحوه تنظیمات آن چگونه است ؟ / فواید تگ های و نحوه تنظیم آن چگونه است؟ / تفاوت مابین تگهای با خاصیت HTTP-EQUIV و NAME چیست ؟ / اما HTTP headers چیست ؟ / چگونگی استفاده از Script ها درصفحات وب

قسمت دهم

کرکترهای خاص / URL ( Uniform Resource Locators ) چیست ؟ / رمزگذاری URL ها / URL Encoding / XHTML چیست و چرا XHTML ؟

همکاری

تیم آی تی تی در نظر دارد تا نسبت به گردآوری و تهیه دیگر موارد مرتبط با , آموزش طراحی وب سایت , طراحی وب سایت , بهینه سازی وب سایت و گرافیک همچون فایل فوق مجموعه هایی ارزشمند را طراحی و تدوین نماید و در اختیار عموم علاقمندان و علم آموزان قرار دهد، لذا چنانچه توانایی انجام همکاری در زمینه های مرتبط با این قضیه را دارید با ما تماس حاصل نمایید تا بتوانیم دانشمان را با دیگر هموطنان عزیز به اشتراک بگذاریم. میتوانید از طریق آدرس ایمیل Info@ITTutorial.ir مراتب همکاری خود را اعلام نمایید.

چاپ و تکثیر

چنانچه شخص/ شرکت / سازمان و یا شما توانایی چاپ و انتشار چنین مجموعه ای را در قالب کتاب یا بسته های آموزشی مالتی مدیا داراست و خواهان همکاری با ما هستید، میتوانید با آدرس ایمیل Info@ITTutorial.ir مراتب همکاری خود را اعلام نمایید.

کپی رایت

انتشار این کتاب الکترونیکی در محیط اینترنت با ذکر منبع و لینک به وب سایت ما و برای مقاصد غیر تجاری بلا مانع است.

Be Sociable, Share!


۱۸۷ دیدگاه


  1. رضا
    ۲۳ شهریور ۱۳۸۹

    عالیه.
    خیلی ممنون




  2. سعید
    ۲۳ شهریور ۱۳۸۹

    فوق العاده!!!!!!!!!!!!!!!




  3. silvercover
    ۲۳ شهریور ۱۳۸۹

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




  4. مهدي
    ۲۳ شهریور ۱۳۸۹

    عالی بود.
    اگه میشه نکاتی هم از html5 بزارین.
    ممنون.




  5. mojtaba
    ۲۴ شهریور ۱۳۸۹

    کاش اینو دو سال پیش قرار میدادید که هیچی بلد نبودم .ولی باز دستتون درد نکنه




  6. Alex
    ۲۴ شهریور ۱۳۸۹

    کارتون عالیه. ممنون.
    موفق باشید.




  7. farhad
    ۲۴ شهریور ۱۳۸۹

    besir ali
    tashakor




  8. خادم الرضا (ع)
    ۲۴ شهریور ۱۳۸۹

    آقا مثل همیشه ۲۰




  9. علیرضا
    ۲۴ شهریور ۱۳۸۹

    با سپاس از کار بسیار زیباتون.

    صفحه ۳: اگر HyperText Markup Language رو به این صورت بنویسید مشخص‌تر خواهد بود که HTML مخفف کدوم عبارته.




  10. بهاره
    ۲۴ شهریور ۱۳۸۹

    خیلی ممنون بسیار عالی بود
    من تازه دارم با این برنامه آشنا میشم و خیلی علاقه مند هستم زودتر مطالب بیشتری رو یاد بگیرم از اونجایی که در ابتدا آموزش گفته بودید کد های html را در notpad بنویسیم من نتونستم اونو به فرمت html ذخیره کنم برای همین توی word این کارو کردم اگره میشه در این مورد منو راهنمایی کنید ممنون میشم




  11. امیر
    ۲۴ شهریور ۱۳۸۹

    بهار >> بعد از نوشت کد html گزینه save as رو بزنید و در قسمت پایین پنجره باز شده save as type رو به all file تغییر بدید. سپس نام و پسوند فایل خودتون رو که به طور مثال firstPage.html هست رو بنویسید و save کنید. فقط باید یادتون باشه که پسوند .html رو حتما بنویسید. بعد از این عملیات صفحه با پسوند html. ذخیره میشه..




  12. علیرضا
    ۲۴ شهریور ۱۳۸۹

    @ بهاره:
    توی همون notepad که نوشتی همون به صورت txt ذخیره کن بعد برو اونجایی که فایل رو ذخیره کردی روی فایل کلیک راست کن و گزینه Rename رو انتخاب کن بعد یه اسم به صورت مثلاً first.html وارد کن. بعد روش دو بار کلیک کن تا توی مرورگرت مثلاً Internet Explorer باز بشه.



  13. […] مندان برای دریافت کتاب می توانند به آدرس http://www.ittutorial.ir/?p=3506 مراجعه […]




  14. محمود
    ۲۴ شهریور ۱۳۸۹

    سلام دوست عزیز
    مرسی
    خیلی زحمت کشیدید
    عالی بود
    موفق باشید




  15. Saeid
    ۲۴ شهریور ۱۳۸۹

    Very Good




  16. SMAH1
    ۲۴ شهریور ۱۳۸۹

    سلام

    اول از همه باید بنویسم که این حرکتتون جای تقدیر و تشکر داره.با این حال چند نکته بود که حیفم اومد ننویسم (قبلش بگم که من طراح وب نیستم و این مقوله را در حد تفریح پی گیری می کنم):
    ۱) نوشته بودید که از مبتدی تا پیشرفته است ولی باید تاکید کنم که فقط در حد مبتدی است (حتی متوسط هم نیست).چون جای بحث های فنی زیادی خالیست از جمله خصوصیات مهم برخی تگ های HTML تا عدم اشاره مناسب به فرمت بندی و ..
    ۲) ای کاش بخش هایی رو هم به شکل مشخص به جاوا اسکریپت و CSS اختصاص بدید (تا خواننده با مفاهیم اصلی و اولیه این ها آشنا باشه و بدونه باید دنبال چی بگرده)
    ۳) عدم وجود منابع بیشتر یعنی آدرس سایتهایی که می تواند خواننده را در درک بهتر و بیشتر مفاهیم ارایه شده و نشده راهنمایی کند.توجه کنید که حرفه ای های این فن خودشان راه کار هایی را دارند (از جستجو تا لیست سایت ها) ولی یک مبتدی حتی به ذهنش جستجو در گوگل هم نمی رسد (چون مبتدیست).این خودش یک بخش مستقل می طلبد که روش کار را به دانشجو ارایه کنید
    ۴) بعد از خواندن کتاب به نظرم آمد، احتمالا ادامه دارد،آیا این طور است یا نه؟
    ۵) کمی هم در مورد Layout engine برای خوانندگان (به منظور اینکه بداننند چرا نمایش ها متفاوت است) و مرورگر های مربوطه به هر کدام بنویسید (که این مورد را خیلی از حرفه ای ها هم نمی دانند چه برسد مبتدی ای مثل من)
    ۶) ای کاش تصاویری از خروجی را در صفحات کتاب نمایش می دادید تا خواننده قبل از اجرا،ذهنیت تصویری نسبت به صفحه داشته باشد
    ۷) نثر بسیار روان، و در عین حال موجز بود و این خودش حسن کار است (به اصل مطلب پرداخته اید)

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

    موفق باشید




  17. programmer 1
    ۲۴ شهریور ۱۳۸۹

    کار ارزشمندی انجام دادید ،

    با تشکر فراوان /.




  18. بهاره
    ۲۵ شهریور ۱۳۸۹

    از راهنماییتون ممنونم.




  19. zahra
    ۲۵ شهریور ۱۳۸۹

    با سلام
    خوبه
    فقط کاش مثال های کتاب بیشتر می شد.




  20. مائده
    ۲۵ شهریور ۱۳۸۹

    thx a millooooooon 🙂




  21. احمد
    ۲۵ شهریور ۱۳۸۹

    سلام
    واقعا خسته نباشید

    من هیچی در مورد طزاحی وب نمیدونم و فعلا اطلاعات جمع میکنم و مطالعه میکنم : میخواستم بدونم شما PHP رو پیشنهاد میکنید یا ASP.Net؟ پایگاه داده MYSQL یا SQL Server یا …؟چه فریم ورکی برای Javascript و PHP ؟از چه سیستم مدیریت محتوی باید استفاده کرد؟ آیا از نظر امنیتی استفاده از نرم افزارهای دستکاری شده توسط هموطنان عاقلانه س؟

    اصولا بین تکنولوژیهایی که کار مشابهی انجام میدن چه معیارهایی برای انتخاب وجود داره؟

    نظرات یه حرفه ای راه رو کوتاه میکنه و استفاده از تجارب دیگران آدمو از سردرگمی نجات میده.

    ممنون میشم اگه یه پاسخ روشن بدین.




  22. سارینا وفا
    ۲۶ شهریور ۱۳۸۹

    سلام…اول جا داره ازتون بابت این آمووزش عالییییییییییییییی ۱ تشکر جانانه بکنم….من قبلا از روی کتاب اچ تی ام ال انتشارات ناقوس میخوندم ولی حجم زیادش انرژی زیادی ازم میگرفت و دیگه نرسیدم تموم کنمش ولی حالا خیلی خوشحالم که تونشتم برا خودم به سادگی سایت بسازم……
    من برای تمرین بیشتر دارم یک سایت رو ادیت میکنم و بعضی از قسمتاشو تغییر میدم ..ولی یک مشکلی پیش میاد وقتی میخام با فرمت .html ذخیره کنم یک پیغامی ظاهر میشه که میگه بعضی ازکاراکتراشو نمیتونه ذخیره کنه و وقتی اکی میزنم مطالب فارسی رو با علامت سوال نشون میده …من تو نوت پد ادیت میکنم….حالا نمیدونم باید چی کار کنم .ممنون میشم راهنماییم کنید

    با تشکر از زحماتتون




  23. احمد
    ۲۶ شهریور ۱۳۸۹

    یه سوال دیگه هم داشتم

    بعضی مطالب مثل برچسبها و یا URL ها که فارسی هستند در برخی سایتها به صورت فارسی در Address Bar یا Status Bar مرورگر مشاهده میشوند و در برخی دیگر از سایتها به صورت کدهای درصدی.
    در سایت مفید شما نیز هر دو گونه را در تگها مشاهده کردم.
    کدام شیوه آدرس دهی بهتر است؟(از منظر SEO یا …) و جهت آدرس دهی کدشده به چه صورت عمل میشود




  24. فرهاد
    ۲۶ شهریور ۱۳۸۹

    خیلی کار جالبی شده
    امیدوارم همیشه موفق باشید…




  25. Amilex
    ۲۶ شهریور ۱۳۸۹

    salam lotfan ye ketab khob bara yadgiriye php bezarin mamnon.




  26. مسعود
    ۲۸ شهریور ۱۳۸۹

    با تشکر از زحماتتان خوب و راه انداز بود



دیدگاه خود را بنویسید