تبلیغات
موفقیت از ما دور نیست

طراحی وب سایت مقدماتی (HTML):

جمعه 5 آبان 1391   01:05 ب.ظ   متینه علی محمدی

طراحی  وب سایت  مقدماتی  (HTML):

قدم اول:

برای ساختن یك وب سایت اول از همه باید این وب سایت را در درایو مربوطه ذخیره كنید.

به طور مثال در درایو D پوشه ای به نام NEW SIT ایجاد كنید

پوشه NEW SIT  را باز كنید ، كلیك راست ماوس خود را فشار دهید و از گزینه ‌NEW ، منوی TEXT DOCUMENT را انتخاب كنید.

حال شما یك فایل متنی در پوشه خود ساخته اید.

آدرس: 

Drive D / New folder/ Text document

نكات مهم:

*برای پشتیبانی از عبارت های فارسی به هنگام ذخیره متن گزینه Encoding  را باز كرده و گزینه utf-8 را انتخاب كرده كنید.

در غیر این صورت كلمات فارسی كه در وب سایت خود نوشته اید نشان داده نخواهد شو و به جای آن علامت سوال میاید : ؟؟؟

* برای دیدن كد صفحه سایت خود ، سایت  خودرا باز كرده روی صفحه كلیلك راست كرده و گزینه view- sours  را میزنید. (توجه داشته باشید كه اگر مرورگر شما INTERNET EXPLORER باشد میتوانید كد سایت خود را ویرایش كنید و اگر از مرورگرهای دیگر استفاده كنید فقط كد دیده میشود و قابل ویرایش نمیباشد.)

*برای ذخیره سایت خود حتما حتما حتما با پسوند HTML  ذخیره نمایید ، در غیر اینصورت سایت دیده نمیشود.

نام سایت.HTML

دستورات اولیه:

<HTML>    = اجباری ، حتما باید باشد

<HEAD> = سر وبسایت ، اجباری  

           <Title>          نام مورد نظر       </Title> = عنوان وبسایت ، اختیاری   

<body>  بدنه وبسایت =

                                 This is a website

</head>                         هر دستوری كه باز شود در انتها بسته میشود

</html>

دستورات مهم:

*ایجاد یك خط فاصله میان text 1  و text 2:

<html>

<head>

<body>

<br> salam

</br>

<br> khodahafez

 </br>

*دستور گذاشتن یك عكس در صفحه  وبسایت به عنوان زمینه (Back ground):

در پوشه ای كه سایت خود را ساخته اید ، عكس مورد نظر را در آنجا كپی كنید

نام عكس خود را بخاطر بسپارید

در قسمت كد نویسی  در دستور body :

<body       background= 1.jpg>

دستور بالایی كه میبینید 1 نام عكس است و بستگی دارد عكس شما چه نامی داشته باشد.

Jpg  هم پسوند عكس است كه حتما باید عكس مورد نظر شما پسوند داشته باشد.

*دستور گذاشتن رنگ در صفحه وب سایت = Backcolor)):

<body   bgcolor= "#00ffff">

در دستور بالا bgcolor  همان مخفف back ground  میباشد .

و شماره #00ffff  ، شماره رنگ مورد نظر است (دركتاب همه كده وجود دارد)

شما میتوانید نام رنگ مرد نظر خودرا نیز استفاده كنید ، به جای شماره رنگ ، نام رنگ را داخل "" میگذارید مثال:"pink"

 

*اگر بخواهیم مطلب در وسط صفحه ظاهر شود  از دستور زیر استفده میكنیم:

< p  align = "center">     جمله مورد نظر  </p>

 اگر بخواهیم مطلب در سمت راست صفحه ظاهر شود از دستور زیر استفاده میكنیم:*

< p  align = "right">    جمله مورد نظر   </p>

*اگر بخواهیم مطلب در سمت چپ صفحه ظاهر شود از دستور زیر استفده میكنیم:

<p   align= "left">    جمله موردنظر         </p>

*برای زیر خط دار كردن یك كلمه یا جمله از دستور<u> استفاده میكنیم

<u> computer </u>

*برای توپر كردن یك كلمه یا جمله از دستور  <b> استفاده میكینیم

<b> computer </b>

*برای كج كردن یك كلمه یا جمله از دستور <i>  استفاده میكنیم

<i> coputer </i>

 

 

*برای اینكه عبارت متنی را از سمت راست به چپ در یك كادر حركتی نمایش دهیم از دستور زیر استفاده میكنیم:

<marquee behavior ="slid"

<direction="left"

Width="800"

Bgcolor="red"

Loop="3"

-در دستورات بالا خط اول كد ثابت است و باید حتما باشد

-در خط دوم شما میتوانید جهت حركت متن را عوض كنید ؛ به جای چپ  ، راست را بنویسید

-در خط سوم ارتفاع كادر است كه بازم به سلیقه خودتان میتوانی آنرا عوض كنید.

-در خط چهارم رنگ كادر است كه  بازم به سلیقه خودتان میتوانید آنرا عوض كنید.

-خط آخر تعداد تكرار حركت است كه قابل تغییر است


»