::. کد نویس .::

آموزش طراحی سایت و برنامه نویسی تحت وب

::. کد نویس .::

آموزش طراحی سایت و برنامه نویسی تحت وب

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

۵ مطلب با کلمه‌ی کلیدی «آموزش-Html5» ثبت شده است

 

 

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

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

با ما همراه باشید

  • علی حاتمی

در آموزش بخش 3 یاد گرفتیم چگونه متنی را در یک صفحه ی html قرار دهیم .

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

ابتدا در بین کد های خود ( هرکجا که میخواهید عکس قرار بگیرد )

مثلا یک فایل متنی نوشتید :

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<p> This text is bold </p>
</body>
</html>

و دوست دارید بعد از تگ P یک عکس قرار دهید .

حال بعد از کد P کد زیر را میتوانید در آن قرار دهید

<img src="link axe morede nazar" alt="توضیحات عکس">

مثال را کامل میکنیم :

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<p> This text is bold </p>
<img src="link axe morede nazar" alt="توضیحات عکس">
</body>
</html>

به همین راحتی میتوانید عکس های خود را در یک صفحه html به نمایش در آورید - " کدنویس "

  • علی حاتمی

html - آموزش 5 ام

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

حال چگونه این کار را انجام دهیم ؟

  1. ابتدا یک صفحه ی html ایجاد کنید ( مثلا index.html )
  2. سپس بخش های آن ( html , header , body و... ) را مشخص کنید
  3. یک فایل css ایجاد کنید ( فایل های Css میبایست با فرمت css باشد مثل : style.css )
  4. سپس در بخش هدر ( header ) کد زیر را قرار دهید :
  5. <link type="text/css" rel="stylesheet" href="style.css" />

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

  • علی حاتمی

 

html - بخش 4

در کد نویسی html شاید به بخواهید بر فرض مثال یک پاراگراف یا یک لینک و ... در صفحه ی html خود قرار دهید .

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

نحوه ی قرار دادن پاراگراف : شما میتوانید با قرار دادن کد <p> که مخفف پاراگراف میباشد شروع یک پاراگراف را درآن قرار دهید و با <p/> به آن پایان دهید .

نحوه ی قرار دادن متن : شما میتوانید با استفاده از کد <span> یک متن , نوشته و هر چیزی که مربوط به فایل های متنی میباشد را در آن قرار داده و با <span/> به آن پایان دهید .

نحوه ی قرار دادن لینک در html : شما میبایست برا قراردادن لینک در یک صفحه ی html از کد زیر استفاده کنید :

<a href="link marbote"> matne neveshte </a>

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

  • علی حاتمی

header html

html - بخش 2

در تمامی فایل های نوشته شده html در سراسر وب فایل های متنی و کدهای موجود در source سایت ها دارای کلمه ی معرفی میباشد که از طریق خواندن این کلمات معرفی و مهم به مرورگر اطلاعات حاوی فایل html را ارسال میکند و مرورگر شما دقیقا متوجه میشود که فایل html از چه نوع اطلاعات داده ای میباشد مثلا : html4 , html1 , html5 و ...

به مثال زیر دقت کنید : 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 

متن DOCTYPE معرفی میکند فایل html شما را به مرورگر که در این مثال میگوید : صفحه ی html از نوعه html4.01 به صورت پابلیک ( عمومی ) به زبان انگلیسی و در آخر لینکی از سایت w3 میباشد که گیرنده ی یک سری اطلاعات میباشد .

ضمنا » برنامه نویسان تحت وب آماتور که فقط xhtml کار میکنند و وب سایت های قدیمی از این یک خط کد استفاده نمیکنند ! { شاید نمیدانند ! :) }

  • علی حاتمی