HTML..

تغییر فونت متن و متن فاقد فرمت در HTML

 

سلام  خدمت همراهان عزیز  یکشنبه ها با آموزش زبان برنامه نویسی (HTML) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .

Change the text font in HTML

تغییر فونت متن

با استفاده از دستورات (<FONT>) و (<FONT/>) می توان اندازه ، رنگ و فونت متن را تغییر داد.

البته با استفاده از شیوه های نگارش می توان عملکرد را ارائه کرد. سه صفت مهم این دستور عبارتند از (FACE)

(COLOR) و (SIZE) . صفت (FACE) نام فونت را تعیین می کند .

به عنوان مثال (FACE=”Helvetica”) فونت (Helvetica) را انتخاب می کند . صفت (COLOR) رنگ متنی را که با این فونت نوشته می شود تعیین می کند.

به عنوان مثال (COLOR=”RED”) رنگ قرمز را برای متن تعیین می کند. صفت (SIZE) اندازه فونت را تعیین می کند .

مقدار آن می تواند به صورت عددی یا نسبی تعیین شود . اگر به صورت عددی تعیین شود،

از 1تا 7 است که مقدار پیش فرض آن 3 است. + و – اندازه فونت رانسبت به اندازه فعلی افزایش یا کاهش می دهند

. مقدار را افزایش یا کاهش دربازه  1+ تا 6+ یا 1- تا 6-  است . به عنوان مثال ، (SIZE=”6″) اندازه فونت را 6 در نظر می گیرد . دستور زیر را ببینید:

FONT FACE =”Arial” SIZE = “4” COLOR= “red”> This is an example of font>

</FONT>

 

متن فاقد فرمت

گاهی فضای خالی ، tab و انتقال به سطر جدید ، آنقدر مهم است که رفتار پیش فرض HTML نسبت به آنها ،

منجر به بی نظمی در متن می شود .

به عنوان مثال ، اگر هنگام تایپ متنی ، بین کلمات بیش از یک فاصله وجود داشته باشد.

مرورگر ها تمام آن فاصله ها را به یک فاصله تبدیل می کنند . در واقع ، ممکن است عملا به آن چند فضای خالی

نیاز باشد.

فرض کنید کد منبع برنامه یا اشعاری باید در صفحات وب قرار گیرند. در این موارد ، فضای خالی ، انتقال به سطر

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

مورد استفاده قرار گیرند تا معنای آنها حفظ شود.

برای این منظور از دستورات <PRE>  و  <PRE/>  استفاده می شود . متنی که در بین <PRE>  و <PRE/>  قرار

می گیرد ، فضای خالی ، انتقال به سطر جدید و tab حفظ می کنند .

اگر طول متن از عرض صفحه ی مرور گر بیشتر باشد. نیاز به جابجایی سطر است . معمولا مرورگر ها این نوع متنها را با

فونت های خاصی مثل کوریر نمایش می دهند . فونت هایی مثل سیاه بودن حروف ، ایتالیک یا پیوند ها نیز می توانند در

<PRE>  مورد استفاده قرار گیرند .

مثال :

استفاده از دستور <PRE> برای تنظیم متنها در صفحات وب .

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

نتیجه اجرای این دستورات در شکل زیر   آمده است.

<“DOCTYPE HTML PUBLIC “-//W3C//DTD HTML4.0 Transitional// EN!>

<HTML>

<HEAD>

</TITLE> PER Example  <TITLE>

<HEAD/>

<BODY>

<PRE> <H4>

This is P  R  E  F  O  R  M  A   T  T  E  D

T

E

X

.T

SPACE          are ok!  So  are

!RETURNS

<PRE/>

<P>

This is NOT  P  R   E   F   O   R    M   A    T   T  E    D

T

E

X

.T

SPACE       AND

.RETURNS are lost

<P/>

<B> This text is bold . </B> <I> This text is ltalic .</I> <BR>

<BLINK>This text is a blinking text . </BLINK>

<“MARQUEE BEHAVIOR = “SCROLL” BGCOLOR = “BLUE>

<FONT FACE = “Helvetica” SIZE= “3”> This text is marquee .</FONT>

MARQUEE><PRE>This is a simple sample/>

.You can put in lots of text if you want to

In fact, you could keep on typing and

<Make up more sentences and continue on and on.<H4> </PRE

<BODY/>

<HTML/>

صفحه متناضر با مثال

برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید.

آدرس ایمیل:  [email protected]

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kia

تماس با ما:     https://arazpardazesh.com/contact

آموزش HTML رسم خط افقی

آموزش HTML : رسم خط افقی، تعیین نوع حروف متن، متن متحرک

سلام  خدمت همراهان عزیز  یکشنبه ها با آموزش زبان برنامه نویسی (HTML) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .

رویداد ها

یکی از ویژگی های HTML جدید این است که می توان اسکریپت ها را به  فایل HTML  اضافه کرد .

تقریبا هر دستور HTML دارای رویداد هایی است . برای ایجاد وب پویا ، استفاده ازاین .رویداد الزامی است . اغلب این رویداد ها به عملکرد کاربر مربوط  می شوند . به عنوان مثال ، وقتی کاربر شیئی را کلیک می کند. به صفت رویداد (Onclick) مربوط می شود . بنابراین ، دستور زیر ، یک اسکریپت کوچک را به رویداد پاراگراف نسبت می دهد . که وقتی کاربر پاراگراف را کلیک کرد این رویداد اتفاق می افتد .

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

<P onclicK=”alert (‘Hi’)”> Press this paragraph. </P>

رسم خط افقی

برای رسم خط افقی در صفحه از دستور<HR> استفاده می شود . دستور <HR> خطی افقی را در موقعیت جاری صفحه  وب ترسیم می کند. دستور HR دارای صفحات ALIGN ، CLASS  ، STYLE  ، TITLE  ،NOSHADE ، COLOR و  WIDTH است. صفت SIZE ارتقاع خط افقی را برحسب پیکسل تعیین می کند . و صفت WIDTH پهنای خط را به صورت در صد یا پیکسل مشخص می کند .

COLOR رنگ خط را مشخص می کند که ممکن است با نام رنگ یا با فرمت مبنای 16 مشخص شود. صفت NOSHADE موجب می شود که خط افقی فاقد سایه باشد. دستورات زیر را ببینید:

 

<“HR ALIGN= “LEFT”NOSHADE SIZE = “1”WIDTH=”420>

<“HR ALGN= “CENTER”WIDTH= “100%”SIZE =”3″COLOR= “#000000>

دستور اول خطی رسم می کند که از سمت چپ سطر تنظیم می شود ، سایه دار نیست ، ارتفاع آن یک اینچ و پهنای آن 420 اینچ است. دستور دوم خطی در وسط سطر ، با پهنای 100 در صد ، ارتفاع 3 اینچ و با رنگ “#000000” رسم می کند.

مثال

تهیه عنوان ، ترسیم خط افقی و پاراگراف بندی در طراحی صفحه . برای انجام این مثال ، مراحل زیر را انجام دهید:

1. در محیط ویندوز ، ویراستار Notepad را اجرا کنید.

2. این دستورات زیر را در آن تایپ کرده ، در فایل 32.htm  ذخیره نمایید.

3. از Notepad خارج شوید.

<P onclic="alert Hi)"> Press this paragraph. </P>4 فایل 3-2.htm را به یک مرورگر مثل Internet Explorer  وارد کنید . اکنون صفحه  وب شما مانند ظاهر می شود.

دقت کنید که من همین مراحل را در کامپیوتر خودم انجام دادم و از برنامه Internet Explorer اگر اشکالی در دستورات HTML وجود داشته باشد . ممکن است این صفحه را به درستی مشاهده نکنید ، دستورات را مرور کرده در صورت وجود خطا آن را بر طرف کنید و ذخیره نمایید.

سپس دوباره آن را به مرورگر بیاورید.

CamScanner ۰۷-۱۷-۲۰۲۲ ۲۲.۲۵

همانطور که  در این شکل مشاهده می شود . فاصله سطر های متن در مرورگر زیاد است . برای نمایش فاصله سطرها می توان از دستورات </PRE><PRE> برای فرمت بندی متن استفاده کرد. این دستور را در ادامه خواهید دید.

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

تعیین نوع حروف متن :

برای تعیین نوع حروف متن از دستورات خاصی استفاده می شود. <B>  موجب می شود تا متن بعد از آن به صورت پررنگ نوشته شود. و </B>  انتهای آن را مشخص می کند . برای اینکه متن به صورت ایتالیک نوشته شود.

باید در بین (<I>) و (</I>) قرار گیرد. دستورات زیر را ببینید:

 This is bold text . </B><B>

<I> This is ltalic text.</I

دقت داشته باشید که این دستور نیز دارای صفات CLASS ، ID ، STYLE ، TITLE  است که همانند سایر دستورات مورد استفاده قرار می گیرند.

دستورات HTML می توانند به صورت تو در تومورد  استفاده قرار گیرند. به عنوان مثال ، اگر می خواهید متنی داشته باشید که سیاه و ایتالیک باشد . باید هردو دستور (<B>) و (<I>) را بروی آن اجرا کنید . دقت کنید که دستورات متداخل نباید یک دیگر را قطع کنند . دستور زیر را ببینید.

CamScanner ۰۷-۱۷-۲۰۲۲ ۲۲.۳۱

توضیحات در (HTML)

نوشتن توضیحات در فایل HTML از علامت <!– برای شروع و از علامت >– برای پایان توضیحات استفاده می شود:

<!—This is a simple  comment–>

متن چشمک زن

برای اینکه متنی در صفحه وب به صورت چشمک زن باشد آن را در بین <BLINK> و </BLINK> قرار دهید. دستور زیر ، متن مورد نظر را چشمک زن می کند . (توجه کنید که این دستور مربوط به مرور گر Netscape است)

<BLINK> this is a blinking text . </BLINK>

دستورات <BLINK> دارای صفات CLASS ، ID ، STYLE  است.

متن متحرک

با استفاده از دستورMARQUEE>  می توان متن متحرکی را ایجاد کرد. این دستور ابتدا توسط مایکروسافت ارائه شد ولی امروزه در Web TV نیز قابل استفاده است این دستور صفات متعددی دارد . که در ادامه بحث می شود.

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

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

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

BGCOLOR رنگ زمینه متن متحرک را مشخص می کند . صفت DIRECTION مشخص می کند. متن از چه جهتی حرکت کند . مقدار فرضی آن LEFT است مقادیر دیگر عبارتند ازDOWN  (پایین) RIGHT  (راست) و UP  (بالا) . مرورگر Web TV  مقادیر UP و DOWN را پشتیبانی نمی کند.

HEIGHT ارتفاع کادر حاوی متن را به پیکسل یا در صدی از پنجره ای که در آن نمایش داده می شود . مشخص می کند.

WIDTH عرض کادر حاوی متن را به پیکسل یا در صدی از پنجره ای که آن نمایش داده می شود. مشخص می کند.

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

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

LOOP مشخص می کند که متن چندبار حرکت کند. در حالت عادی ، بی نهایت بار حرکت می کند.

نکته:

مگر اینکه مقدار صفت BEHVIOR برار با SLIDE تعیین شود. اگر مقدار آن INFINITE باشد , متن بی نهایت بار حرکت می کند.

SCROLLAMOUNT مشخص می کند فاصله بین هر بار نمایش متن متحرک چند پیکسل باشد.

SCROLLDELAY مشخص می کند بین هر بار نمایش متن متحرک ، چند میلی ثانیه فاصله باشد.

دستورات زیر را ببینید:

CamScanner ۰۷-۱۷-۲۰۲۲ ۲۲.۳۱_2

نوشتن متن در چند سطر

اگر بخواهید متنهای مورد نظرتان را در چند سطر بنویسید از دستور <BR> استفاده کنید . متنی که پس از این دستور می آید.

در سطر بعدی قرار می گیرد . دستور زیر را ببینید:

This text split<BR>in two lines

اگر این دستور را در مرور گر اجرا کنید ، نتیجه زیر حاصل می شود.

This text splits

in two lines

یکی از صفات مهم این دستور ، CLEAR  است مقادیر این صفت عبارتند ازALL ، LEFT  ، NONE ، RIGHT البته این دستور صفات STYLE  و TITLE  نیز دارد .

که  همانند سایر دستورات است.

نکته:

صفت CLEAR  از درج فضای خالی عمودی جلوگیری می کند . به طوری که متن مورد نظر می تواند در مصاف با تصویر قرار گیرد . این مقدار LEFT این صفت ، متنی را که در اطراف تصویر تنظیم شده به چپ قرار دارد.

تا به حاشیه چپ حذف می کند. مقدار RIGHT متنی را که در اطراف تصویر تنظیم

شده به راست قرار دارد . تا به حاشیه راست حذف می کند .

مقدار ALL  متنها را آنقدر حذف می کند تا به حاشیه هر دو طرف برسد. مقدار پیش فرض

آن در مثالی را HTML4  برابر با NONE از مطالعه دستور IMG خواهید دید.

برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید:

آدرس ایمیل:  [email protected]

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kia

تماس با ما:     https://arazpardazesh.com/contact

what-is-html-3

آموزش HTML: تعیین عناوین و پاراگراف متن

سلام  خدمت همراهان عزیز  یکشنبه ها با آموزش زبان برنامه نویسی (HTML) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .

تعیین عناوین در متن

Web

عناوین متن ها در HTML به 6 دسته تقسیم می شوند:

دسته اول : با H1

دسته دوم با H2

سوم با H3

چهارم با H4

پنجم با H5

ششم با H6

آموزش HTML

حروف عنوان H1 از همه بزرگتر و حروف عنوان H6  از همه کوچکتر است. برای تعیین اندازه عنوان برای یک متن ، باید آن را در بین <Hn> و <Hn/> قرار دهید که n  یکی از مقادیر 1 تا 6 است. دستور زیر را ببینید:

<h1>   welcome to HTML      </h1>

این دستور موجب می شود تا متن   welcome to HTML با تیتر درشت ظاهر شود.

برای تعیین موقعیت عنوان در یک سطر ، از صفت align استفاده می شود:

align = center , left , right

دستور زیر را ببینید:

<h1 align= center>   welcome to HTML      </h1>

این دستور ، متن welcome to HTML را در وسط سطر با عنوان شماره ۱ چاپ می کند. برای تغییر شیوه نامه از صفت style  استفاده می شود. این صفت می تواند نوع فونت و اندازه آن را تعیین کند. دستور زیر را ببینید:

<h1 style =”font-family:Arial;font-size:18pt”>   welcome to HTML      </h1>

این دستور ، نوع فونت را arial و اندازه آن را 18pt تعریف می کند.

پاراگراف بندی متن

متن ها در HTML به همان صورتی که تایپ می شوند، ظاهر می شوند. برای تعیین شروع و پایان پاراگراف از دستورات <p> و <p/>  استفاده می گردد. <p> شروع پاراگراف و <p/> پایان پاراگراف را مشخص می کند. صفات align , title ,id, class,style نیز در این دستور قابل استفاده اند.

<p align= right  title=”introduction”>   this is the introduction      </p>

تشریح چهار صفت اصلی در دستور <p>

قبلا راجع به صفات title ,id, class,style بحث کردیم. اکنون  که چند دستور ساده HTML را شناختیم ، این صفات را با استفاده از دستور <p>  که یک دستور ساده است تشریح می کنیم. دستور زیر را ببینید :

<p id=”first”>   this is the first      </p>

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

صفت class  ، کلاس یا کلاس هایی را مشخص می کند که یک دستور به آنها تعلق دارد.

<p id=”first” class=”important”>   this is the first      </p>

صفت style  برای افزودن شیوه نامه به یک دستور به کار می رود. دستور زیر اندازه فونت پاراگراف را 18pt در نظر می گیرد.

<p style=”font-size:18pt”>   this is the first      </p>

صفت title  یک متن کمکی را برای یک دستور در نظر می گیرد. دستور زیر را ببینید:

<p title=”introduction”>   this is the first      </p>

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

برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  [email protected]

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

Programming language

آموزش HTML: صفات عمومی دستورات

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

(HTML) برای اطلاعات بیشتر به مقاله های هفته ی قبل مراجع فرمایید .

صفات عمومی دستورات  HTML

تعدادی از صفات هستند که تقریبا برای تمام دستوارت  HTML  کاربرد دارند .

برای اینکه توضحات آنها را برای هر دستور تکرار نکنیم . آنها را به طور توضیح می دهیم .

و کاربرد اختصاصی آنها را در هر دستوربیان خواهیم کرد.

این صفات عبارتند از : TITLE , STYLE, ID, CLASS

صفت CLASS

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

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

تاقواعد شیوه نامه را همزمان به چند دستور  HTML نسبت دهد .

به عنوان مثال ، ممکن است مطلبوب باشد . که کلاس خاصی به نام important برای دستواتی

اختصاص باید که باید با زمینه زرد کار کنند . مثالهای مربوط به CLASS را در هر دستور

خواهید دید.

صفت ID

و این صفت ، یک شناسه الفبای عددی منحصر بفرد را به دستور HTML نسبت می دهد.

نامگذاری دستور برای مراجعه بعدی بسیار مهم است ، زیرا می توان توسط زبانهای اسکریپتی ،

پیوند ها و شیوه های نگارش به آنها دست یافت اسامی موجود در یک سند باید منحصر بفرد

و معنادار باشند .

مثلا  ID= “XI” معنادار است ولی ID= “Paragraph 1”   بهتر است .

مقادیر صفت  ID باید با حروف A تا Z یا  a  تا z شروع شوند و بقیه حروف می توانند هر رقم

یا کاراکتری باشد.

صفت STYLE

یک سبک اختصاصی را تعرف می کند. که سبک کلی نگارش را تحت تاثیر قرار می دهد .

همانطور که گفته شد.

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

STYLE آن را تحت پوشش قرار می دهد.

صفت  TITLE

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

قرار گرفت. آن متن به عنوان توضیحات آن عنصر ظاهر می شود .

این کار برای مستند سازی صفحات مناسب است.

صفات دستور <BODY   >

همانطور که گفته شد دستورات <BODY  > و </BODY > برای تعریف بدنه صحفه وب به کار

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

صفت  BGCOLOR این صفت برای تعیین رنگ پس زمینه به کار می رود . رنگها قابل استفاده

در جدول 1 آمده است .

جدول 1

به عنوان مثال :

دستور زیر رنگ قرمز را برای زمینه انتخاب می کند :

<BODY BGCOLOR= “RED”>

این دستور معادل دستور زیر است:

< BODY BGCOLOR= “#FF0000”>

صفت TEXT

در این صفت از دستور <BODY> رنگ متن را در کل صحفه تعیین می کند . به عنوان مثال دستور

زیر رنگ زمینه را سفید و رنگ متن را سبز انتخاب می کند.

< BODY BGCOLOR= “white ” TEXT=”green”>

دقت کنید که با استفاده از دستور <FONT> وصفت ( COLOR ) می توان رنگ متن را

تحت تاثیر قرار داد.

علاوه بر رنگ متن بدنه ، می توان رنگهای پیوند ها را نیز تعیین کرد. برای این منظور

از صفات LINK  و ALINK    و  VLINK دستور < BODY>  استفاده می شود .

صفت LINK  رنگ پیوند هایی از صحفه را مشخص می کند.

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

برای رنگ پیوند یک رنگ روشن انتخاب کنید. صفت ALINK  رنگ پیوند ی را تعیین می کند.

که در حال کلیک شدن است صفت   VLINK   رنگ پیوند را پس از ملاقات شدن مشخص

می کند . اغلب طراحان صحفه وب علاقه دارند که مقدار صفت VLINK  را   red انتخاب کنند.

مثال1

استفاده از صفات <> برای انتخاب رنگ زمینه ، رنگ متن ،رنگ پیوند های ملاقات نشده،

در حال انتخاب و ملاقات شده

شکل 2

 صفت BACKG R OUND

علاوه بر تعییت رنگ زمینه ، با استفاده از صفت BACKGROUND دستور < BODY >  می توان

تصویری را به عنوان زیمنه صحفه وب در نظر گرفت .

مقدار این صفت ، URL فایل GIF یا JPEG  است.  به عنوان مثال ، اگر فایل تصویری به نام

test.gif داشته باشید ، دستور زیر آن را به عنوان زمینه صحفه وب انتخاب می کند:

< BODY BACKGROUND = “test.gif”>

 

برگرفته از :

کتاب راهنمای جامع

(HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  [email protected]

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

مقدمات اجرای دستورات و برنامه HTML

مقدمات اجرای دستورات و برنامه HTML

مقدمه:

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

صفر تا صد زبان برنامه نویسی HTML امیدوارم براتون مفید باشد. مارا با پیشنهاد های خود یاری فرمایید.

شکل کلی دستورات وبرنامه HTML

دستوراتHTML به مرور گر وب می گویند . که صحفه وب چگونه ظاهر شود . هر دستور HTML دارای

یک علامت شروع ویک علامت پایان است. و در داخل علامتهای کوچکتر و بزرگتر (<>) قرار می گیرند.

مثلا <B> بیان می کند که متنی که بعد از آن تایپ می شود. باید سیاه (bold) باشد. و <B/> پایان دستور <B>

را مشخص می کند .

بنابراین ، اگر دستور HTML  را tag  بنامیم ، شکل کلی هر دستور   HTML به صورت زیر خواهد بود:

Tag

Tag

اما دستورات دیگری از HTML وجود دارند. که علامت پایان ندارند. مثلا دستورات  <HR > که یک خط

افقی را رسم می کند .

(در ادامه شرح داده خواهد شد) علامت پایان ندارد. یعنی دستور <HR/>وجود ندارد.

همانطور که گفته شد، دستورات HTML ساختار رسمی دارند. و در نتیجهHTML یک زبان ساخت یافته است.

کمیته وب جهانی را (W3C)که در سایت   http://www.w3.org  قرار دارد ، اولین سازمانی است.

که سعی کرد.HTML را استاندارد کند.

برای این کار ،W3C  باید تمام جنبه های فناوری HTML دقیقا مشخص کند.

یعنی عناصر (دستورات)این زبان باید کاملا مشخص شوند. W3C زبان HTML را زبان علامت دار عمومی(SGML)

استاندارد تعریف کرد.

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

دانلود افزونه Essential Addons for Elementor Pro  نسخه 5.1.3

خلاصه اینکه ، SGML زبانی است که برای تعریف زبانهای دیگر به کار می رود .

برای این کار، ساختار اسناد رابه شکل تعریف نوع سند (DTD) بیان می کند . این سند نحوی را نشان می دهد.

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

ازیکDTD  یک قالب را می توان برای هر سند HTML به دست آورد .

نسخه های گوناگونی از HTML فعلا موجود است و مورد استفاده قرار می گیرد.

با استفاده از که DTD مشخص می کنید که از نسخه ای HTML از استفاده خواهید کرد.

برای مشخص کردن نسخه خاصی از قابل HTML از آن استفاده می کنید .

تمام فایلها باید از نشانگر <Doctype!> استفاده کنند .

اما متاسفانه این نشانگر توسط اغلب مولفین HTML درک نیست .اغلب مرورگر ها نیز به آن توجهی ندارند.

هر برنامه HTML با یک دستور<HTML > شروع و به یک دستور<HTML />  ختم می شود.

هر برنامه شروع  HTML شامل دو بخش است:

1 بخش عنوان

2 بخش بدنه

بخش عنوان شامل اطلاعات مکمل در مورد سند ختم HTML است .مثلا شامل عنوانی است که در نوار عنوان

مرور گر ظاهر می شود .

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

این بخش با <HEAD>و به سعی<HEAD/>  خاتمه می یابد. عنوان با دستورات<TITLE> شروع و به دستور<TITLE/>

می شود .

همواره کنید از این دستور برای درج عنوان در نوار عنوان مرور گر استفاده کنید.

اطلاعات موجود در بخش عنوان سند HTML،بسیار مهم است . زیرا محتوای این سند را توصیف می کند. بخش عنوان

یک سند HTML مثل صحفه اول یک کتاب است .

اطلاعات موجود در بین <HEAD/> و<HEAD> اطلاعاتی راجع به اطلاعات دیگر است که گاهی شبه اطلاعات

نامیده می شود .

برای مطالعه :

مقدمه ای بر آموزش Adobe photoshop

 

این ، یک جنبه مهم از اسناد HTML است. موتور های جستجو مثل Hot Bot Lycos  از شبه اطلاعات برای

شاخص بندی صفحات وب استفاده می کنند.

علاوه بر شبه اطلاعات ، عنصر <HEAD> می تواند حاوی اطلاعاتی راجع به طراح صحفه وب شیوه نامه

و توضیحات باشد.

بخش بدنه با <BODY>شروع و به <BODY/> ختم می شود . این بخش شامل تمام دستوراتی است.

که صفحه را تولید می کنند . بنابراین باتوضحاتی که ارائه شد. شکل کلی یک برنامه HTML مانند شکل 1 است.

شکل 1

صفات دستورات HTML

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

برای تعیین عناوین درHTML از دستورات <HI> تا<H6> استفاده می شود. صفات دستورات می توانند.

مشخص کنند. که عناوین در کجای سطر چاپ شوند:وسط، سمت راست یا سمت چپ سط . هر صفت دارای

نام و مقدار است.

مثلا صفتی که موقعیت عنوان را دریک سطر مشخص می کند ALIGNنام دارد که مقادیر آن می تواند.

LEFT (چپ) CENTER (وسط) و RIGHT(راست) باشد.

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

بررسی خواهیم کرد.

با این توضیحات ، مشخص شد که هر دستورHTML می تواند دارای صفاتی باشد.

برگرفته از :کتاب

(راهنمای جامع)HTML-DHTML-XML

دکتر عین الله جعفر نژاد قمی

 

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  [email protected]

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

مقدمه ای بر زبان برنامه نویسی HTML

مقدمه ای بر زبان برنامه نویسی HTML

مقدمه

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

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

 

مراحل طراحی صفحات وب

How-to-Become-a-Web-Designer-Your-Go-to-Guide-to-Kick-start-Your-Career-03-2

۱. توجه به مخاطب

۲. تعریف توابع و ساختارهای مورد نظر

۳. خلق یک طراحی تصویری

۴. تنظیم محتویات با توجه به عناصر تصویری

۵. طراحی و تست پوسته عملیاتی

۶. تعیین محتویات صفحه

۷. تست و ارزیابی صفحه

۸. انتشار صفحه وب در اینترنت

روش های طراحی صفحه وب

چگونه می توان صفحات وب را طراحی کرد؟ این یک سوال بزرگی است که تمامی افرادی که خواهان وب سایت برای خود هستند با آن درگیرند.

دو روش معمول برای طراحی وب سایت وجود دارد:

۱. استفاده از برنامه هایی مثل FrontPage

۲. استفاده از HTML و HTML پویا

html-

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

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

اما واقعیت این است که استفاده از HTML قابلیت های فراوانی را ارائه می کند. به دلیل سهولت استفاده از FrontPage ، ابتدا طراحی صفحات وب از طریق این برنامه مورد بررسی قرار خواهیم داد و سپس با شرح HTML چگونگی طراحی صفحات وب را مورد بحث قرار می دهیم.

معرفی زبان HTML

HTML زبان ایجاد صفحات وب است. HTML را زبان علامت دار ابر متن نیز می نامند. این زبان ، زبانی است که به مرور گر وب می گوید که صفحات وب را چگونه نمایش دهد.

HTML فیزیکی و منطقی

هیچ بحثی در HTML انجام نمی شود، مگر اینکه علامت گذاری فیزیکی و منطقی در HTML معرفی شود. منظور از HTML فیزیکی ، استفاده از HTML برای ساختن صفحات به روش خاص است. منظور از HTML منطقی ، استفاده از آن برای تعیین ساختار یک سند و استفاده از فناوری دیگری برای تعیین سیمای صفحه است.

اغلب مردم با طراحی سند فیزیکی آشنایی دارند. زیرا از ویراستار متن مثل word  مایکروسافت استفاده می کنند. وقتی کاربران ورد می خواهند متنی را پر رنگ ببینند، دکمه مناسبی را انتخاب می کنند.

در HTML نیز می توان با دستورات <B> و <B/> متنی را پر رنگ کرد.

بدین ترتیب مشخص می شود که HTML یک زبان قالب بندی است. ویراستار های WYSIWYG مربوط به HTML مثل FrontPage نیز این گفته را تایید می کند.

WYSIWYG

اما همانطور که طراحان صفحات وب تلاش می کنند از  HTML به این روش استفاده کنند. دیر یا زود با این حقیقت مواجه می شوند که HTML زبان توصیف صفحه فیزیکی نیست.

طراحان صفحه نمی توانند صفحه را دقیقا به همان شکلی که می خواهند طراحی کنند. برای موفقیت در طراحی صفحه نیاز به استفاده از جداول، تصاویر و تکنیک های پیشرفته در HTML است.

 

برگرفته از :

کتاب جامع HTML دکتر جعفرنژاد قمی

 

 

برای اطلاعات بیشتر با ما در ارتباط باشید.

آدرس ایمیل:  [email protected]

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kia

تماس با ما:     https://arazpardazesh.com/contact