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

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

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

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

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

طبقه بندی موضوعی
کلمات کلیدی

آموزش-Html5

آموزش-css3

آموزش-css

آموزش های html

چگونه-سایت-بسازیم

نرم-افزار-سایت-ساز

چگونه از وب پرینت بگیریم

پرینت از صفحات وب

نرم افزار پرینت از اینترنت

نرم افزار پرینت

دانلود نرم افزار پرینت از اینترنت

دانلود نرم افزار پرینت

آموزش پرینت از اینترنت

آموزش پرینت از web

آموزش اینترنت

how to print web page

کانال کنکور

کانال کلیپ و عکس

کانال کلش تلگرام

کانال های تلگرام

کانال موزیک تلگرام

کانال سرگرمی تلگرام

کانال سرگرمی برای تلگرام

کانال درسی

کانال دابسمش

کانال اخبار تلگرام

کانال أموزش زبان فرانسوی

کانال أموزش زبان انگلیسی

بهترین کانال تلگرام

هک جدید تلگرام

بایگانی
آخرین مطالب
پربیننده ترین مطالب
محبوب ترین مطالب
مطالب پربحث‌تر
پیوندها

۹ مطلب با موضوع «آموزش html» ثبت شده است

آموزش ویرایش فایل های HTML

 

 

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

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

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

ادامه مطلب...
  • علی حاتمی

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

با سلام خدمت دوستان عزیز و همه ی عزیزان علاقه مند به طراحی و برنامه نویسی سایت

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

وب سایت مورد نظر ما در این بخش : Sadjad.ac.ir

دانشگاه صنعتی سجا

 

 

 

 

 

 

 

 

 

 

 

ادامه مطلب...
  • علی حاتمی

آموزش قرار دادن عکس در 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 فایل css را فراخوانی کنیم ؟

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

 

html - بخش 4

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

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

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

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

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

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

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

  • علی حاتمی

آموزش ساخت صفحه html و قرار دادن متن در آن

html

html - بخش 3

با توجه به توضیحاتی که دررابطه با مطلب " توضیحاتی در مورد شروع کد نویسی html " ( لینک مطلب ) و آموزشی که در آن قرار دادم شما میتوانید یک صفحه ی ساده ی html بسازید
پس از تایپ بخش DOCTYPE شما میبایست بخش ها و قسمت های اصلی صفحه ی html خود را مشخص کنید که در اکثر موارد شامل بخش های زیر میباشد :
1 » html معرف شروع صفحه میباشد و پس از DOCTYPE قرار میگیرد و آخرین گزینه ای است که باید در پایان کد نویسی بسته شود ( بسته شدن تگ ها در html به صورت <html/> میباشد )
2 » head که در این بخش موضوعاتی چون : تایتل یا عنوان صفحه ی html , توضیحات نوع فایل مثلا utf-8 , فراخوانی استایل ( css ) , توضیحات سایت ( description ) , کلمات کلیدی ( keywords ) و ... قرار میگیرد . و پس از پایان اینها حتما میبایست تگ بسته شود !
3 » Body که متن و تصاویر و الباقی آنچه که لازمه ی قرار گیری و دیده شدن در صفحه ی html میباشد در آن قرار میگیرد . و قبل از تگ html بسته میشود .

ادامه مطلب...
  • علی حاتمی

توضیحاتی درمورد شروع کد نویسی html

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 کار میکنند و وب سایت های قدیمی از این یک خط کد استفاده نمیکنند ! { شاید نمیدانند ! :) }

  • علی حاتمی

html چیست ؟

پست ثابت !

html

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

  • HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
  • یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست
  • بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد
  • یک فایل HTML باید دارای پسوند htm. یا html. باشد
  • یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود
  • علی حاتمی

برای ایجاد یک فایل html به چه کدهای نیاز است ؟

html

html - بخش 1

نیازمندی های ایجاد کدهای اچ تی ام ال ( html ) که برپایه ی آن نیز برنامه ریزی شده دربردارنده چند کلمه ی مهم و کلیدی میباشد که با به خاطر سپردن آن هرکجا که نیاز به طراحی یک فایل html داشتید میبایست از آنها استفاده کنید . پس یادگیری آن الزامی است ! 

هر فایل html از چند بخش اصلی تشکیل میشود . که اعم از :

1 ) html - کد اصلی اچ تی ام ال در سر بالای کل کد ها قرار میگیرد به صورت » <html> میباشد .

2 ) head - کد هدر یا قسمت بالایی سایت که بعد از html قرار میگیرد  به صورت » <head> میباشد .

3 ) body - یا همان بدنه ی html میباشد که استایل بدنی فایل را تشکیل میدهد و پس از همه قرار میگیرد و به صورت » <body> میباشد .

  • علی حاتمی
ساخت وبلاگ در بلاگ بیان، رسانه متخصصان و اهل قلم