آموزش کدنویسی از پایه (رایگان)
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش

خوب دوستان عزیز به صورت پایه ای بهتون آموزش میدم هیچ پولی نمیگیرم رایگان رایگان فقط حمایت کنید یعنی تشکر کنید

تشکر شده:

34 کاربر از nibo به خاطر اين مطلب مفيد تشکر کرده اند: ali52 / mr-dr / aliseydali / wae / alireza90 / asdfdsa / admin-mehrdad / sezar / sadeghdolati / asirgafas / saeed-ablis / daygraph / maedeh6666 / saeed-ablis3 / pop-star / reactor / saeid-virus / amirbarani76 / shayan-d / darkcreed / paliparsa / mazyar-virus / operana / dermeni / aryan / arash-majazi / vahidf / vesali / arian79 / neda14 / amintoujgi / amirrezagh573 / 78nbm78 / manotoweb /

پاسخ ها

بخش اول اچ تی ام ال مقدمه

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

طراحی قالب

کد های اچ تی ام ال

کد های سی اس اس

من از آموزش بعدی کدهای اچ تی ام ال رو به صورت خلاصه آموزش میدم

آنچه که قبل از یادگیری HTML لازم است بدانید:

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:

  1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
  2. نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
  3. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
  4. بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
  5. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
  6. برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.

تشکر شده:

18 کاربر از nibo به خاطر اين مطلب مفيد تشکر کرده اند: ali52 / aliseydali / xeneral / alizd11 / asdfdsa / admin-mehrdad / miladyas / sezar / maedeh6666 / moh3en / reactor / saeid-virus / arash-majazi / mahk92 / aryan / arian79 / neda14 / 78nbm78 /

بخش اول اچ تی ام ال آموزش اول عناصر ابتدایی صفحه

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

کد:
<html></html>

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

کد:
<head></head>

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

کد:
<body></body>

در آخر یک صفحه اچ تی ام ال به این صورت میشومد .

کد:
<html><head><!-- استایل ها --></head><body><!-- عناصر و دایو ها قالب --></body></html>

تشکر شده:

17 کاربر از nibo به خاطر اين مطلب مفيد تشکر کرده اند: mr-dr / xeneral / alizd11 / admin-mehrdad / miladyas / maedeh6666 / moh3en / reactor / saeid-virus / amirbarani76 / gerasika / dermeni / mahk92 / edvard / neda14 / amirrezagh573 / 78nbm78 /

ببخشید آپ میدما ولی ظهر ارسال کردم کسی نبود آپ کنم ببینید

تشکر شده:

12 کاربر از nibo به خاطر اين مطلب مفيد تشکر کرده اند: asdfdsa / miladyas / maedeh6666 / moh3en / reactor / saeid-virus / amirbarani76 / gerasika / dermeni / mahk92 / edvard / 78nbm78 /

ادامه بده

+تشکر

امضاي کاربر :



سیستم سایت ساز بیلاگ !
ارائه نامحدود فضا برای آپلود !
ارائه بینهایت وبلاگ و سایت رایگان !
قابلیت ساخت سایت ، فروشگاه ،انجمن، چتروم!
بدون تبلیغات و اسپم !
هم اکنون به بیلاگی ها بپیوندید👇
www.bilog.ir

تشکر شده:

5 کاربر از aliseydali به خاطر اين مطلب مفيد تشکر کرده اند: nibo / maedeh6666 / amirbarani76 / gerasika / 78nbm78 /

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

امضاي کاربر :
منتظر یک طلوع باشید...


!!! آینده برای کسانی است که زیبایی آرزوهایشان را باور دارند !!!

برمیگردم...

تشکر شده:

7 کاربر از miladyas به خاطر اين مطلب مفيد تشکر کرده اند: nibo / maedeh6666 / moh3en / amirbarani76 / gerasika / neda14 / 78nbm78 /

بخش اول اچ تی ام ال آموزش دوم گرافیک کلی صفحه (استایل ها)

خوب برای قرار دادن استایل در صفحه اچ تی ام ال دو راه وجود دارد .

اول استایل ها رو تو یه فایل بنویسید و با پسوند css سیو کنید مثل

Style.css

و آنرا آپلود کنید .

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

توجه این تگ باید در هد قالب قرار بگیرد .

کد:
<link href="آدرس شما" rel="stylesheet" type="text/css" />

خوب راه دوم استفاده از تگ استایل هست

کد:
<style></style>

خوب بین دو تگ بالا میتونید کلاس های سی اس اس رو تایین کنید

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

در هد قرار میگیرد

کد:
<title></title>

بین دو تگ بالا نام صفحه خود را وارد کنید

صفحه شما در آخر به این صورت است

کد:
<html><head><title></title><link href="آدرس شما" rel="stylesheet" type="text/css" /><style></style></head><body></body></html>

تشکر شده:

12 کاربر از nibo به خاطر اين مطلب مفيد تشکر کرده اند: asdfdsa / maedeh6666 / moh3en / saeed-ablis3 / reactor / saeid-virus / amirbarani76 / arash-majazi / mahk92 / neda14 / amirrezagh573 / 78nbm78 /

آپ میدم که همه ببینن چون ساعت 13:30 ارسال کردم کسی نبود

تشکر شده:

8 کاربر از nibo به خاطر اين مطلب مفيد تشکر کرده اند: miladyas / maedeh6666 / saeed-ablis3 / gerasika / dermeni / edvard / amirrezagh573 / 78nbm78 /

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

امضاي کاربر :
منتظر یک طلوع باشید...


!!! آینده برای کسانی است که زیبایی آرزوهایشان را باور دارند !!!

برمیگردم...

تشکر شده:

5 کاربر از miladyas به خاطر اين مطلب مفيد تشکر کرده اند: maedeh6666 / gerasika / dermeni / edvard / 78nbm78 /

بخش اول اچ تی ام ال آموزش سوم تگ فونت

با سلام - آموزش امروز تگ فونت هست قبل از آموزش اینو بگم من دارم زحمت میکشم تایپ میکنم اینارو میزارم رایگان پس یه حمایتی کنی (تشکر) به مهردادم پ.خ کنید این تاپیک رو بزاره تو "برترین پست های ارسال شده 3 روز گذشته انجمن قالب گراف"

خوب تگ فونت به این صورته :

کد:
<font></font>

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

مثال

کد:
<font color="Red">تست متن</font><font color="#ff0000">تست متن</font>

خوب تگ بعدی سایز هست که تااونجایی که من میدونم با px نمیشه تنظیمش کرد باید با اعداد +1 یا -1 تعیین کرد.

کد:
<font color="Red" size="+1">تست متن</font><font color="#ff0000" size="-1">تست متن</font>

تگ بعدی فیس هست که همان تنظیم کننده نوع فونت یا قلم هست "Face"

کد:
<font color="Red" size="+1" face="B yekan">تست متن</font><font color="#ff0000" size="-1" face="Times New Roman">تست متن</font>

البته امروزه این تگ زیاد استفاده نمیشه و با استفاده از سی اس اس فونت ها تنظیم میشه ولی بازم باید این تگ رو بلد باشید .

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

تا اموز بعدی بدرود

تشکر شده:

15 کاربر از nibo به خاطر اين مطلب مفيد تشکر کرده اند: asdfdsa / moh3en / saeed-ablis3 / reactor / saeid-virus / amirbarani76 / gerasika / operana / arash-majazi / mahk92 / vahidf / aliseydali / neda14 / amirrezagh573 / 78nbm78 /

اصلا اینقدر حمایت کردید تصمیم گرفتم دیگه آموزش رو قطع کنم

تشکر شده:

11 کاربر از nibo به خاطر اين مطلب مفيد تشکر کرده اند: asdfdsa / moh3en / saeed-ablis3 / saeid-virus / amirbarani76 / miladyas / gerasika / aryan / edvard / aliseydali / 78nbm78 /


براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !