دوره آموزش HTML

ضبط دوره کامل شده

اولین قدم برای ورود به دنیای طراحی وب با یادگیری HTML شروع میشه . بی شک تسلط بالا و درک عمیق از html برای هر طراح وبی ضروریه . برای توضیحات بیشتر قسمت اول دوره را مشاهده کنید

این دوره هیچ پیش نیازی ندارد
  • ۲۰ قسمت ۱ ساعت و ۵۰ دقیقه
  • ممکنه خیلی جا ها این عدد 5 رو در کنار html ببینیم . منظور از این عدد چیه ؟

    محمد سیدآقایی

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

    برای ایجاد گفتگو ابتدا وارد سایت شوید
    سینا عمادی ۲ تیر ۹۹

    سوال در مورد تگ id و فراخوانی آن در html

     

    با سلام و عرض خسته نباشید خدمت استاد گرامی

    استاد محترم اگر ممکنه به تکه کد زیر نگاه کنید و به سوال من جواب بدید

    یه کدی رو به شکل زیر نوشتم و یه آی دی ایجاد کردم در هدر و اومدم تو بادی فراخوانی کردمش

    حالا سوالم اینه که قسمتی که فراخوانی کردم اون h1رو تو هدر نمایش میده

    و پاراگراف هم که فراخوانی کردم باز تو هدر نشون میده

    سوالم اینه چکار کنیم که اون پاراگراف رو که داخلش تگ آی دی رو فراخوانی کردیم  تو خود بادی نمایش بده نه تو هدر؟؟؟؟؟مشکلش از کجاست که تو هدر نمایشش میده؟؟؟؟

     

    <!DOCTYPE html>
    <html dir="ltr">
    <head>

    <title>main page</title>

    <style>
    #firstheader {
    background-color:#34495e;
    color:#bdc3c7;
    padding:30px;
    text-align:center;
    }
    </style>


    </head>

    <body>

    <h1 id="firstheader"> my header </h1>
    <p id="firstheader" > my paragraph</P>


    </body>

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

    !DOCTYPE html>
    <html dir="ltr">
    <head>
    
    <title>main page</title>
    
    <style>
    #firstheader {
    background-color:#34495e;
    color:#bdc3c7;
    padding:30px;
    text-align:center;
    }
    </style>
    
    <style>
    #firstparagraph {
    background-color:#34495e;
    color:#bdc3c7;
    padding:30px;
    text-align:center;
    }
    </style>
    </head>
    
    <body>
    
    <h1 id="firstheader"> my header </h1>
    <p id="firstparagraph" > my paragraph</P>
    </body>
    </html> 

    عرض سلام مجدد خدمت استاد گرامی 

    استاد تو کد ارسالی آی دی رو تغییر دادم اما باز هم تگ پاراگراف رو داخل هدی میده خروجیش رو

    من میخوام این خروجی داخل خود بادی نمایش داده بشه

    ایراد کار کجاست و باید چیکار بکنم؟؟؟؟؟؟؟

    ممنون میشم راهنمایی بفرمایید

    سلام و درود بر شما . این کد شما هیچ مشکلی نداره و خروجی که باید نشون بده رو نشون میده . شما یک تگ هدینگ و یک تگ پاراگراف درون بادی خودتون تعریف کردید . در حال حاضر داره توی بادی نمایش داده میشه دیگه . بادی یعنی هر چیزی که توی مرورگرتون مشاهده میکنید .

    لینک دانلود

    سلام لینک دانلود ب صورت یکجا هم میشه قرار بدید

    سلام .از قصد همچین قابلیتی وجود نداره و وجود نخواهد داشت . هر قسمت رو ببینید و بعد به سراغ دریافت قسمت بعدی برید . به این صورت انگیزه بیشتری خواهید داشت  . دوره های رایگان هم رایگان میمونه از این بابت نگران نباشید 

    ی دنیا ممنون از سایت خوبتون🌹

    سینا عمادی ۱۰ تیر ۹۹

    سوال در مورد فونت

    <!DOCTYPE html>
    <html dir="rtl" lang="fa-IR">
    <head>
    <title>
    صفحه اصلی
    </title>
    
    <!--متا تگ های مربوط به داکیومنت من-->
    
    <meta name="keyword" content="HTML,Meta tags,Metadata">
    <meta  name="description" content="Learning Metadata">
    <meta name="revised" content="new1.html,30/6/2020">
    <meta name="author" content="Saeed Emadi khalaf">
    <meta http-equiv="refresh" content="10">
    <meta http-equiv="refresh" content="8" url="https://www.enbank.ir/">
    <meta http-equiv="cookie" content="user=sa;expires=friday;30/7/2020">
    <meta http-equiv="content-type" content="new1.html;charset-UTF-8">
    
    <!--استایل های مربوط به تگ ها،کلاس ها،و آی دی ها-->
    
    <Style>
    * {box-sizing: border-box;}
    body {
    margin: 0;
    font-family:B Yekan, Helvetica, sans-serif;
    }
    
    
    #firstheader{
    background-color:#303F9F;
    color:#F5F5F5;
    margin:10px;
    padding:20px;
    }
    
    
    
    #secondheader{
    background-color:#004D40;
    color:#FFD54F;
    padding:15px;
    margin:15px;
    text-align:left;
    }
    
    
    
    
    
    .secondparagraph{
    background-color:#4E342E;
    color:#80DEEA;
    padding:15px;
    margin:15px;
    text-align:left;
    }
    
    p{
    
    color:#2c3e50;
    
    }
    
    </style>
    
    </head>
    
    <body>
    
    <!--اولین هدر داکیومنت من-->
    
    <center><h3 id="firstheader" > به وب سایت شخصی سعید عمادی خوش آمدید</h3></center><br/>
    
    <u><h4>تعریف اقتصاد</h4></u>
    
    <p >
    
    فلسفه‌ی اقتصاد همچون علمِ تصمیم‌گیری، زندگی روز‌مره‌ی ما را اداه می‌کند.<br/>
    حتی اگر ما به این مسئله آگاه نباشیم. هنگامی که ما نرخ سود کارت اعتباری‌مان را اندازه می‌گیریم یا بررسی می‌کنیم که یک ماشین جدید بخریم،<br/>
    خانه‌ای را اجاره کنیم یا برای شام بیرون می‌رویم یا به تعطیلات می‌رویم، در همه‌ی این تصمیم‌گیری‌ها ما فکر‌ها و محاسبات اقتصادی می‌کنیم. ما در جهانی زندگی می‌کنیم
    
    
    </p>
    
    <hr/>
    <hr/>
    
    <h4 id="secondheader"> Financial development and poverty </h4>
    
    <!--
    دومین پاراگراف ایجاد شده 
    شامل تگ های متعددکه هرکدوم  کارایی خاصی دارند
    -->
    
    <p class="secondparagraph">
    
    <big><sup><b>According to economists</b></sup></big> like Schumpeter (1934) and Hicks (1985)<br/>
     developed financial systems are the driving force of economic development <strike>and growth at national</strike> level.<br/>
     <i>Through attenuating</i> the costs of supervision, transactions,<br/>
     and information, <del>such systems play a key role</del> in improvement of financial intermediary.
     
    </p>
    <hr/>
    <hr/>
     
     <!--جدول ایجاد شده حاوی اطلاعات حضور اساتید در موسسه-->
    
    <table border="1"  bgcolor="#00E676" align="center" cellspacing="5" cellpadding="5">
    <tr>
    
    <td>کلاس/روز</td>
    <td>دوشنبه</td>
    <td>سه شنبه</td>
    <td>پنج شنبه</td>
    
    </tr>
    <tr>
    
    <td>اقتصاد نظری</td>
    <td>ساعت 3 تا 5</td>
    <td>ساعت 7:30 تا 9:30</td>
    <td>ساعت 10 تا 12:30</td>
    
    </tr>
    
    <tr>
    
    <td>اقتصاد خرد</td>
    <td>ساعت 1 تا 3</td>
    <td>ساعت 5 تا 7</td>
    <td>ساعت 12:30تا 14:30</td>
    </tr>
    
    
    </table>
    <hr/>
    <hr/><br/>
    
    <!--لیست نامنظم-->
    
    <ul type="square">
    
    <li> اقتصاد کلان</li>
    <li> اقتصاد خرد</li>
    
    </ul>
    
    <!-- لیست منظم-->
    
    <ol type="1" start="3">
    <li>مدیریت</li>
    <li>اقتصاد</li>
    <li>حسابداری</li>
    <li>عمران</li>
    </ol>
    <hr/>
    <hr/><br/>
    
    <!--عکس اضافه شده به داکیومنت-->
    
    <img src="2.jpg" alt=" اقتصاد علم فردا" title=" عکسی در ارتباط با اقتصاد" width="650" height="450" align="right" border="5" >
    
    
    
    
    </body>
    
    
    </html>

    عرض سلام و ادب و احترام خدمت استاد گرامی

    استاد تو کد بالا میخوام داخل کدنویسی و خروجی که نشون میده اعداد به صورت فارسی نشون داده بشن 

    برای من فارسی نشون میده اما برای یه نفر دیگه که میفرستم کد رو فارسی نشون نمیده و انگلیسی هستن اعداد

    میخواستم ببینم میشه کاری کرد که اعداد برای هر کسی که خروجی کار رو میبینه فارسی نشون داده بشه؟

    چطوری؟

    سلام و درود بر شما . برای نوشتن اعداد فارسی از کیبورد استاندارد فارسی (persian standard keyboard) استفاده کنید . همچنین ابزار های آنلاین هم برای این کار موجوده مثل : 
    https://kitset.ir/numbers/translate

    سینا عمادی ۱۱ امرداد ۹۹

    سوال در مورد تگ ul

    با سلام و وقت بخیر خدمت استاد گرامی

    میخواستم ببینم تگ  های لیست مثل تگ یو ال  رو میشه با ویژگی الاین تو صفحه جابه جاکرد؟؟

    یعنی راست چین و وسط چین و اینا بکنیمشون؟؟

    معذرت میخوام که اسم ویژگی و تگ رو فارسی نوشتم آخه متن به هم میریخت

    ممنون میشمکه اگر میشه راهنمایی کنید که به چه شکل میشه این کار رو کرد.

    بعد از دیدن دوره css در این موارد به درک بیشتری خواهید رسید

    سینا عمادی ۱۲ امرداد ۹۹

    سوال در مورد رادیو باتن

    با عرض سلام و خسته نباشید خدمت استاد محترم

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

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

    این کدای منه 

    ممنون میشم راهنماییم کنید چطوری می تونم این حالت رو ایجاد کنم 

    با تشکر

    <!DOCTYPE html>
    
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <form>
            <label for="gender">جنسیت</label><br/>
            <input type="radio"name="female" value="on" />زن
            <input type="radio" name="male" value="on" />مرد
    
        </form>
    
    </body>
    </html>

     

    سلام و درود بر شما . اتریوت name برای هر دو input شما بایستی یکسان باشه 

    ۲۳ امرداد ۹۹

    سلام

    استاد اموزش ها تا چه زمانی رایگان میمونه؟

    سلام . اموزش های رایگان فعلی تا همیشه رایگان میمونه

    ۲ شهریور ۹۹

    how to...?

    سلام وقت بخیر

    چطور میشه وقتی type="password هست دکمه ای رو ایجاد کنیم که وقتی روش کلیک میکنیم پسوورد رو نشون بده؟

     

    سلام . همچین کاری با جاوااسکریپت امکان پذیر است 

    نمونه مثال انجام این کار

    MOHAMMAD0 ۱۰ آبان ۹۹

    در مورد لیست

    سلام ببخشید یه سوال در مورد لیست داشتم 

    چطوری لیست رو وسط نویس کنم؟

    behzad mohammadi ۲۹ آذر ۹۹

    چرا؟

    سلام خسته نباشید. این دوره ها کامل هستند؟ آخه مدت زمان ویدیو ها واقعا کمه :)

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

    ۱۳ دی ۹۹

    سوال

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

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

    سلام و درود . خییر . کیفیت فنی و محتوایی کاملا حفظ شده