سلام ، آیا این بازدید اول شماست ؟ یا
تبلیغات در این انجمن
×
+
سفارش تبلیغات
نمایش نتایج: از شماره 1 تا 3 از مجموع 3

موضوع: آموزش HTMLنویسی

  1. #1
    عضو حرفه ای
    تاریخ عضویت
    Jun 2013
    ارسال ها
    764
    محل سکونت
    تهران
    سیستم عامل
    Windows XP 32Bit
    محصول امنیتی
    Kaspersky
    تشکر تشکر کرده 
    3,309
    تشکر تشکر شده 
    2,143
    اعتبار کاربر
    1

    پیش فرض آموزش HTMLنویسی

    به نامِـ نام آفرین هستی
    اول سلام که یکی از نام های خداست!
    بنده ی حقیر چندوقتی بود که به فکر قرار دادن آموزش html نویسی برای دوستان سافت گذری بودم || اما به دلیل مشغله این امر میسر نشد تا این که در معرض بی اینترنتی قرار گرفتم و مسلماً وقت آزاد بیشتری در اختیار گرفتم.سعی شد به صورت ساده آموزش داده شود.حداقل دوستانی که کمی دست به هرگونه زبان برنامه نویسی زده باشن می تونن کمی اطلاعات از آموزش های بنده بدست بیارن.
    آموزش ها سعی شده به صورت جلسه ایی قرار بگیره تا دوستان خسته ی امورات آموزشی نشن.
    سعی به عمل میاد تا در آخر هر آموزش فایل متنی و یا پی دی اف آموزش قرار بگیره.
    از مدیران گرامی تقاضا دارم که بروزرسانی پست اول فراموش نشه!
    درضمن سعی به عمل میاد تا در آخرین جلسه اپلیکیشن اندرویدی آموزشات نیز فراهم وبه نام سافت گذر منتشر شود.
    نیاز به ذکر نیست شایدهم هست/دوستان لطفا حقوق copy right رعایت شود.که شاید به صورت قانون دستم به جایی بند نباشه ولی از لحاظ شرعیت دنباله دارد.بازنشر آموزش به نام انجمن تخصصی سافت گذر و نام نویسنده هیچ گونه موردی ندارد.
    دوستان میتونید در همین تاپیک سوالات و نکات درمورد هر جلسه رو با نقل قول کردن همون جلسه مطرح کنید.
    سعی شده آموزشات به شکل رسا مطرح بشن.
    اگه بنده موفق به تکمیل آموزش بشم سعی می کنم کمی وارد مبحثcss هم بشم که به همکاری دوستان نیاز مندم.
    دوستان خوشحال میشم سوالاتتون ونکات رو مطرح کنید.دوستان پیشنهادات و انتقادات یادتون نره!
    سعی به عمل میاد تا جلسه ی اول تا ساعاتی دیگر آماده شود.
    درضمن در بین آموزش ها امکان به وجود آمدن فاصله تا چند روز وجود داردتا دوستان بتونن سوالاتشون رو بپرسن و یا کام از آموزش ها استفاده کنن.درضمن بدون این آموزش ها و فقط کمی ور رفتن با نمونه کد های اچ تی ام ال می تونید دست وپا شکسته با این کد نویسه آشنا شید.
    البته بگم سعی به عمل اومده تا بیشتر آموزش ها تحت نوشتن یک قالب برای وبلاگ و یا وبسایت صورت بگیره.
    بازهم باتشکر
    html1-2bk3qb4.jpg
    مادری فرزند خود را هدیه کرد
    تقدیم در راه پسر فاطمه کرد..


  2. کاربران : 7 تشکر کرده اند از شما a.abedzadeh313 برای ارسال این پست سودمند:


  3. #2
    عضو حرفه ای
    تاریخ عضویت
    Jun 2013
    ارسال ها
    764
    محل سکونت
    تهران
    سیستم عامل
    Windows XP 32Bit
    محصول امنیتی
    Kaspersky
    تشکر تشکر کرده 
    3,309
    تشکر تشکر شده 
    2,143
    اعتبار کاربر
    1

    پیش فرض

    *بسم الله الرحمن الرحیم*
    جلسه ی اول!
    سلام:

    مقدمه:
    زبان HTML مخفف شده ی Hyper Text Markup Language می باشد.
    این زبان فقط مختص به برنامه ها/وب سایت ها/وبلاگ های تحت وب نمی باشد و می توان کدهای آفلاین هم به وجود آورد.اما کاربرد بیشتر این زبان تحت وب می باشد.
    نکات اولیه:
    تمامی دستورات در زبانHTML بین تگ های<و> قرار دارند.
    شروع دستورات به طور مثال به شکل‌ : <HTML> می باشد.
    پایان دستورات به طور مثال به شکل: <HTML/> می باشد.
    یعنی برای پایان دادن به دستورات کافیست / به اول نویسه اضافه شود.
    به طور مثال:

    <HTML>
    کدنویسه ها
    </HTML>
    برای قالب بندی و ساخت سر صفحه از تگ HEAD استفاده می شود.

    <HEAD>
    <TITLE>
    </TITLE>
    </HEAD>
    لازم به ذکر است که در زبانHTML حساسیتی به کوچک ویا بزرگ بودن حروف نیست. بنابراین تگ<head>با تگ<HEAD>تفاوتی ندارد!
    می رسیم به مهم ترین نکته ||| تیتر و عنوان ,برای به وجود آوردن تیتر و یا موضوع کافیست از تگ<TITLE>و<TITLE/>استفاده شود. از اونجایی که تگHEAD سر صفحه استفاده شده است بهتر است که در بین این کد تگ تیتر به کار رود.
    مانند:

    <HEAD>
    <TITLE>
    </TITLE>
    </HEAD>
    مکمل تگHEAD کدBODYمی باشد.کد <BODY>خاتمه ی صفحه ویا بدنه ی صفحه مشخص شده است.
    به مثال زیرتوجه کنید:

    <HTML>
    <HEAD>
    <TITLE>
    آموزش اچ تی ام ال مخصوص کاربران گل سافت گذر
    </TITLE>
    </HEAD>
    <BODY>
    موفق باشید!
    </BODY>
    </HTML>
    همون طور که ملاحظه می کنید تیتر صفحه در بالای صفحه یا به عبارتی تب متن ما که نوشته شده:آموزش اچ تی ام ال مخصوص کاربران گل سافت گذر مشخص می باشد.
    وبعد کد BODY می تونیدرو مشاهده کنیدکه موفق باشید رو مشخصه کرده.

    نکته:
    برای امتحان نویسه ها می تونید در هر سیستم عاملی کدنویسه هارو در نوت پد ریخته و ...save as رو انتخاب کنید و بعد از نام گذاری فایل .htm ویا .html رو به آخر اسم فایل نوت پد اضافه کرده . سپس می توانید فایل رو با مرورگر سیستم عاملتون اجرا کنید و نتیجه رو ملاحظه فرمایید!
    نوش جان!یک نوع قالب ابتدایی و به عبارتی ناقص طراحی کنید/یادتون باشه:این قالب هنوز نمی تواند مورد استفاده واقع شود!


    پایان جلسه ی اول!
    Learning-HTML.jpg
    مادری فرزند خود را هدیه کرد
    تقدیم در راه پسر فاطمه کرد..


  4. کاربران : 9 تشکر کرده اند از شما a.abedzadeh313 برای ارسال این پست سودمند:


  5. #3
    عضو حرفه ای
    تاریخ عضویت
    Jun 2013
    ارسال ها
    764
    محل سکونت
    تهران
    سیستم عامل
    Windows XP 32Bit
    محصول امنیتی
    Kaspersky
    تشکر تشکر کرده 
    3,309
    تشکر تشکر شده 
    2,143
    اعتبار کاربر
    1

    پیش فرض

    هوالحق
    سلام!
    به نتیجه رسیدم که این آموزشات کاملا بی فایدست.
    سعی می کنم نکاتی رو بگم که شاید بدرد وبلاگ نویسان گرامی بخوره.
    نکات پیش پا افتاده و ساده هستن.
    تغییر هدر(تصویر بالای وبلاگ):
    عکس‌صفحه از 2014-09-14 11:48:46.jpg
    برای تغییر تصویر اول از همه باید آدرس تصویر اصلی که می خوایم عوضش کنیم رو داشته باشیم.(برای این کار میتونید اول از همه روی هدر فعلی کلیک راست کرده و نمایش تصویر رو بزنید/کپی کردن آدرس عکس هم گزینه داره.)
    حالا برای عوض کردنش آدرسش رو تو کلیپ بورد داشته باشین.
    عکس‌صفحه از 2014-09-14 11:51:46.jpg
    بین کد نویسه ها و کد قالب دکمه ی کنترل+اف رو بزنید. صفحه ی جست و جو باز میشه.
    حالا آدرس عکس فعلی رو جست و جو کنید.
    یافته رو پاک کنید و آدرس عکس جدید که قبلا جایی آپلودش کردین رو جایگزین کنید.
    عکس‌صفحه از 2014-09-14 11:52:59.jpg
    هدر عوض شد.فقط دکمه ی ثبت یادتون نره.
    بهتره از قالب قبلی بک آپ و رونوشت داشته باشین که مشکلی پیش نیاد.
    *گاهی جست و جوی هدر نتیجه ایی در بر نداره.پس کمی از آدرس تصویر رو از آخر پاک کنید.
    مادری فرزند خود را هدیه کرد
    تقدیم در راه پسر فاطمه کرد..


  6. کاربران : 4 تشکر کرده اند از شما a.abedzadeh313 برای ارسال این پست سودمند:


اطلاعات تاپیک

Users Browsing this Thread

در حال حاضر 1 در حال مشاهده این موضوع می باشد.. (0 کاربر و 1 مهمان در این انجمن حضور دارند)

برچسب برای این موضوع

بوک مارک ها

بوک مارک ها

مجوزهای ارسال و ویرایش

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