طراحی وب :: بهترین های آموزش با ♥کامپیوترگل♥آموزش طراحی وب و چتروم

۵۷ مطلب با موضوع «آموزش :: طراحی وب» ثبت شده است

طراحی وب-آموزش قرار دادن یک تصویر در زمینه صفحه
۱۱ مرداد ۹۴ ، ۱۱:۵۳ طراحی وب ۰ نظر
برای قرار دادن یک تصویر به عنوان زمینه صفحه باید از تگ BODY استفاده کرد.وقتی که تگ BODY را پیدا کردید ممکن است به صورت ساده باشد یا با فرمانهایی که به آن اضافه شده است. مانند زیر:

<body bgcolor="#66ccff" text="#000000">

کاری که شما باید انجام دهید، اضافه کردن یک شناسه به تگ BODY است. بنابراین یک فاصله بعد از آخرین فرمان بگذارید و سپس این فرمان را وارد کنید:

background=" "

اکنون تگ BODY شما باید به این صورت باشد (اگر فرمانهای دیگری به آن اضافه نکرده باشید):

<body background=" ">

حالا باید آدرس عکس را بین دو دابل کوت قرار دهیم. برای این کار دو راه وجود دارد:

برای این کار اگر صفحه و عکس در یک مسیر هستند می توانیم فقط نام کامل عکس با پسوند آنرا بنویسیم. مثلاً:

<body background="image.gif">

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

<body background="http://www.example.com/image.gif">

تصاویر برای زمینه باید با یکی از دو فرمت GIF یا JPG باشند. اگر عکس به این صورت نبود باید آن را با برنامه ای مثل Paint Shop Pro یا Photoshop به یکی از این فرمتها تبدیل کرد.

ادامه مطلب
۸۴۲ امیر اعلایی ۰ ۰ ادامه مطلب
طراحی وب -تغییر رنگ لینکهای صفحه در حالات مختلف

۱۱ مرداد ۹۴ ، ۱۱:۵۱ طراحی وب ۰ نظر

اگر بخواهید رنگ لینکها را در صفحه خود تغییر دهید مانند تغییر رنگ پیش فرض متن باید تگ BODY را پیدا کنید. در تگ BODY به دنبال شناسه link بگردید. مثلاً ممکن است تگ BODY به این صورت باشد:

<body link="blue">

در تگ BODY ممکن است شناسه های دیگری هم وجود داشته باشند، مثلاً شناسه های مربوط به رنگ متن و یا رنگ زمینه. در این صورت می توانید شناسه رنگ لینک را با یک فاصله خالی با آخرین فرمان موجود در تگ BODY به این تگ اضافه کنید.

حالا برای تغییر رنگ لینکها در صفحه نام رنگ مورد نظر خود را به عنوان مقدار شناسه link وارد کنید یا از معادل هگزادسیمال رنگ به جای نام رنگ استفاده کنید.

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

مثلاً برای تغییر رنگ لینکها به زرد می توانیم مانند زیر عمل کنیم:

ادامه مطلب

۱۰۳۷ امیر اعلایی ۰ ۰ ادامه مطلب
طراحی وب -تغییر رنگ پیش فرض متن در صفحه

۱۱ مرداد ۹۴ ، ۱۱:۵۰ طراحی وب ۱ نظر

برای تغییر رنگ پیش فرض متن در صفحه باید از تگ <BODY> استفاده کنید. شما باید دنبال " "=text بعد از تگ BODY بگردید. مانند این:

<BODY text="black">

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

<BODY text="#000000">

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

<BODY bgcolor="#66CCFF" text="black">

حالا اگر می خواهید رنگ متن را تغییر دهید می توانید نام انگلیسی رنگ مورد نظر خود را به جای black بنویسید. روش دیگری که برای این کار وجود دارد استفاده از معادل هگزادسیمال رنگها است که در این روش می توانید از بین رنگهای بیشتری رنگ خود را انتخاب کنید چون ما برای تمام رنگهای مورد استفاده نمی توانیم اسم واحدی را به کار ببریم.

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

برای مثال اگر می خواهید رنگ متن شما زرد باشد از دو طریق می توانید به این خواسته خود برسید:

ادامه مطلب

۸۷۷ امیر اعلایی ۰ ۰ ادامه مطلب
طراحی وب-شناسه های مورد استفاده در تگ body

۱۰ مرداد ۹۴ ، ۱۳:۳۴ طراحی وب ۰ نظر

وقتی که شما یک صفحه HTML می نویسید می توانید چیزهای زیادی را در آن با اضافه کردن شناسه هایی به تگ <BODY> تغییر داد. تگ زیر را در نظر بگیرید:

<body bgcolor="green" text="blue" link="yellow" alink="red" vlink="white" background="image.gif">

شما می توانید به هر تعداد از این شناسه ها که خواستید به این تگ اضافه کنید. اگر از شناسه ای استفاده نکنید این گزینه مطابق پیش فرض مرورگر تنظیم می شود. در زیر توضیحی برای هر کدام از شناسه های تگ BODY آورده شده است. البته در مورد هر کدام از آنها به طور کامل در درسهای بعد توضیح خواهیم داد:

"bgcolor="color

این شناسه رنگ زمینه صفحه شما را تغییر می دهد. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال به سر فصل این بحث بروید. گزینه پیش فرض این ویژگی معمولاً سفید یا خاکستری است.

"text="color

این شناسه رنگ متنی را که در پنجره مرورگر به نمایش در می آید تعیین می کند. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال اینجا را کلیک کنید. گزینه پیش فرض این ویژگی مشکی است.

"link="color

این شناسه رنگ تمام لینکهای باز نشده در صفحه را تغییر می دهد. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال اینجا را کلیک کنید. گزینه پیش فرض برای لینکهای باز نشده معمولاً آبی است.

"alink="color

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

"vlink="color

این شناسه رنگ لینکهای باز شده را در صفحه تعیین می کند. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال اینجا را کلیک کنید. گزینه پیش فرض این ویژگی بنفش است.

"background="image.gif

این شناسه یک عکس را به عنوان زمینه برای صفحه شما قرار می دهد. اگر شما از این شناسه استفاده کنید تصویر زمینه ای که انتخاب کرده اید جایگزین هر رنگی که به عنوان زمینه انتخاب کرده بودید می شود. اگر از این شناسه استفاده نکنید مرورگر از رنگی که به عنوان زمینه انتخاب کرده اید استفاده می کند و در صورت عدم انتخاب رنگ از رنگ پیش فرض خود استفاده می کند.

۸۸۸ امیر اعلایی ۱ ۰
طراحی وب -استفاده از لیست های HTML در صفحه
۱۰ مرداد ۹۴ ، ۱۳:۳۳ طراحی وب ۰ نظر
دو نمونه از پر استفاده ترین لیستها در HTML لیستهای مرتب و لیستهای نامرتب هستند. در لیستهای مرتب ترتیب بخشهای مختلف لیست مشخص می شود ولی در لیستهای نامرتب این ترتیب مشخص نمی شود.

لیستهای نامرتب

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

<ul>
<li>بخش اول لیست</li>
<li>بخش دوم لیست</li>
<li>بخش سوم لیست</li>
</ul>

مثال بالا یک لیست بولت دار با سه بخش را به ما می دهد:

بخش اول لیست

بخش دوم لیست

بخش سوم لیست

به این نکته هم توجه کنید که <li> نیازی به تگ پایانی ندارد ولی بهتر است از تگ پایانی آن یعنی <li/> استفاده شود.. فاصله متن لیست شده از ابتدای خط هم مقداری از بقیه متن بیشتر می شود. شما می توانید این فاصله را با افزودن تگ <ul> بیشتر کنید فقط به خاطر داشته باشید تگهایی را که باز کرده اید در آخر لیست ببندید.در زیر یک مثال برای این نمونه لیست آورده شده است:

<ul>
<ul>
<ul>
<li>خط اول لیست</li>
<li>خط دوم لیست</li>
<li>خط سوم لیست</li>
</ul>
</ul>
</ul>

نتیجه این فرمان به شکل زیر خواهد بود:

خط اول لیست

خط دوم لیست

خط سوم لیست

ادامه مطلب
۹۷۳ امیر اعلایی ۱ ۰ ادامه مطلب
طراحی وب -وارد کردن کامنت در متن اچ تی ام ال html

۱۰ مرداد ۹۴ ، ۱۳:۳۲ طراحی وب ۰ نظر

توضیحات ( کامنتها ) می توانند وقتی که در حال نوشتن صفحه خود هستید به شما کمک کنند. مرورگرها نمی توانند کامنتها را نشان دهند پس در صفحه نهایی آنها به بیننده نشان داده نمی شوند. تنها راه مشاهده کامنتها مشاهده صفحه Source code صفحه است که با زبان HTML نمایش داده شود. با استفاده از این خاصیت شما می توانید در هنگام نوشتن یک صفحه برای خود یادداشت بگذارید تا وقتی که بعداً به آن نگاه کردید بهتر آرا درک کنید.

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

برای نوشتن یک کامنت شما باید ابتدا این علامت > سپس علامت تعجب ! و بعد دو خط فاصله -- (دش) بگذارید. بعد از این علائم هر متنی که بنویسید توسط مرورگر نمایش داده نمی شود. تا وقتی که علامت پایان کامنت را در انتهای آن بگذارید.

علامت پایان کامنت به این صورت نوشته می شود: ابتدا دو خط فاصله -- سپس این علامت < . به مثال زیر توجه کنید:



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



۱۰۵۸ امیر اعلایی ۱ ۰
طراحی وب-تگهای مورد استفاده برای نمایش متن به صورتهای مختلف

۱۰ مرداد ۹۴ ، ۱۳:۳۱ طراحی وب ۰ نظر

تعدادی تگ وجود دارد که در هنگام کار با متن ها می توانید از آنها کمک بگیرید. تگهایی که در این قسمت مورد بحث قرار می گیرند اینها هستند: <SUB> , <SUP> , <PRE> , <NOBR , <WBR> , <BLINK>

1- <SUB> و <SUP>

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

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

استفاده از تگ <SUB> :

y<SUB>1</SUB>

نتیجه به این صورت دیده می شود.از این تگ می توان برای گذاشتن اندیس برای کلمات استفاده کرد.

y₁

استفاده از تگ <SUP> :

25<SUP>3</SUP>

از این روش می توانید برای گذاشتن توان برای اعداد استفاده کنید. نتیجه به این صورت خواهد بود:

25³

2- <PRE>

از این تگ زمانی استفاده می شود که شما بخواهید همان مقدار فضای خالی که در ویرایشگر متن خود در متن HTML دارید در صفحه نهایی خود نیز داشته باشید. مثلاً وقتی که متنی را در مورد برنامه نویسی در صفحه خود می نویسید.

ادامه مطلب

۹۲۵ امیر اعلایی ۱ ۰ ادامه مطلب
طراحی وب-وارد کردن تصاویر در صفحات HTML

۱۰ مرداد ۹۴ ، ۱۳:۳۰ طراحی وب ۰ نظر

آیا شما می خواهید یک عکس را به صفحه خود اضافه کنید؟ برای این کار باید از تگ زیر استفاده کنید:

<img src="image.gif">

در این تگ IMG نشانه قرار گرفتن تصویر در صفحه و SRC آدرس محل قرار گرفتن فایل عکس است. حتماً لازم نیست این عکس مربوط به سایت شما باشد یا در سرور شما قرار داشته باشد، شما می توانید هر عکسی که در اینترنت قابل دسترسی باشد استفاده کنید (اگر قصد دارید صفحه خود را در یک سایت اینترنتی قرار دهید) . شما می توانید فقط نام فایل را به جای آدرس کامل بنویسید اگر صفحه ای که عکس باید در آن قرار گیرد و خود عکس در یک پوشه قرار داشته باشند.
مثلاً اگر عکس شما در این آدرس قرار دارد http://www.example.com/images/image.gif و صفحه ای که در حال ویرایش آن هستید در پوشه ای غیر از این قرار دارد شما باید تگ زیر را برای اضافه کردن عکس به صفحه خود به کار ببرید:

<img src="http://www.example.com/images/image.gif">

اگر فایل html و عکس هر دو در یک پوشه باشند می توانید برای راحتی در تایپ کردن از این تگ استفاده کنید:

<img src="image.gif">

پسوند فایل حتماً نباید gif. باشد. یعنی شما می توانید از فرمتی مثل jpg. نیز استفاده کنید. این دو فرمت از بقیه پر استفاده تر هستند. اگر شما عکسی با فرمتی غیر از این دو فرمت دارید می توانید از برنامه های ویرایش عکس از قبیل فتوشاپ برای تبدیل کردن آنها استفاده کنید.

برای نمونه من می خواهم یک عکس را با نام learn_html.gif را که در پوشه همین صفحه قرار دارد را به این صفحه اضافه کنم. در اینجا از این تگ استفاده کرده ام:

<img src="learn_html.gif">

ادامه مطلب

۱۱۲۶ امیر اعلایی ۱ ۰ ادامه مطلب
طراحی وب-ایجاد پیوند به دیگر صفحات با HTML

۱۰ مرداد ۹۴ ، ۱۳:۲۹ طراحی وب ۰ نظر

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

برای ایجاد لینک از تگ زیر استفاده می کنیم:

<a href="url">متن لینک</a>

تگ <a> نشانه لینک است. شناسه href مشخص کننده آدرس لینک می باشد، <a/> نشانه بسته شدن تگ است. متنی که بین این دو تگ ابتدایی و پایانی نوشته می شود متنی است که در صفحه شما به عنوان یک لینک دیده می شود. مثلاً اگر می خواهید به یک صفحه وب مثلاً صفحه اصلی سایت ما با این آدرس: http://www.neopersia.org/html/index.html لینکی را در صفحه خود داشته باشید باید فرمان زیر را در قسمت body صفحه خود در جایی که می خواهید لینک به نمایش درآید قرار دهید:

<a href="http://www.neopersia.org/html/index.html">متن نمونه برای لینک</a>

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

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

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

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

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

در مثال زیر فرض بر این است که هر دو صفحه مبدأ و مقصد لینک در یک پوشه قرار دارند. برای نمونه سرفصل آموزش مقدماتی HTML در همان پوشه ای قرار دارد که این صفحه قرار دارد. نام این صفحه index.php است. برای ایجاد یک لینک در این صفحه می توانیم به اینگونه عمل کنیم:

<a href="index.php">متن نمونه برای لینک</a>

ادامه مطلب

۱۰۱۲ امیر اعلایی ۱ ۰ ادامه مطلب
طراحی وب-کاراکترهای ویژه، علامتهایی که نمی توان آنها را با صفحه کلید تایپ کرد

۱۰ مرداد ۹۴ ، ۱۳:۲۸ طراحی وب ۰ نظر

آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری وجود داشته باشد. یا بخواهید علامت کپی رایت را نشان دهید. این کاراکتر های ویژه با استفاده از کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند. برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp& استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر:

کلمه اول   کلمه دوم

نتیجه به این صورت خواهد بود:
کلمه اول کلمه دوم
فاصله اول بین کلمات با فشار دادن دکمه Space ایجاد می شود. مرورگر فاصله اول را تشخیص می دهد اما بعد از آن هر تعداد فاصله که باشد تفاوتی نمی کند و شما فقط یک فاصله را در مرورگر می بینید. افزودن کد ;nbsp& مرورگر را مجبور می کند تا بین دو کلمه فاصله اضافی بگذارد. شما با تکرار این کد می توانید به هر تعداد که بخواهید فاصله خالی ایجاد کنید.مانند زیر:

کلمه اول     کلمه دوم

ادامه مطلب

۷۱۲ امیر اعلایی ۰ ۰ ادامه مطلب
طراحی وب-نوشتن سر فصلها و پاراگراف در HTML

۱۰ مرداد ۹۴ ، ۱۳:۲۲ طراحی وب ۰ نظر

در این قسمت از درس به سراغ کار با فونتها و اندازه آنها می رویم.

اندازه فونت را می توان با دستور زیر تعیین کرد:

<font size="x">متنی که می خواهیم اندازه آنرا تعیین کنیم</font>

به جای «x» عددی با علامت منفی یا مثبت قرار می گیرد. وقتی که می خواهیم یک متن بزرگتر دیده شود از علامت مثبت و زمانی که می خواهیم متن کوچکتر شود از علامت منفی استفاده می کنیم. به مثال زیر توجه کنید:

<font size="+2">این متن بزرگتر دیده می شود</font>

این هم نتیجه تغییر سایز فونت:

این متن بزرگتر دیده می شود

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

<font size="-2">این متن کوچکتر دیده می شود</font>

این هم متن کوچک شده:

این متن کوچکتر دیده می شود

ادامه مطلب

۱۰۱۴ امیر اعلایی ۱ ۰ ادامه مطلب
طراحی وب-نوشتن سر فصلها و پاراگراف در HTML
۱۰ مرداد ۹۴ ، ۱۳:۲۰ طراحی وب ۰ نظر
از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود. به این مثالها توجه کنید:

<h1>سرفصل بزرگ</h1>

سرفصل بزرگ

<h2>سرفصل 2</h2>

سرفصل 2

<h3>سرفصل 3</h3>

سرفصل 3

<h4>در حال کوچک شدن</h4>

در حال کوچک شدن

<h5>کوچکتر</h5>

کوچکتر

<h6>بسیار کوچک</h6>

بسیار کوچک

ادامه مطلب
۱۰۰۹ امیر اعلایی ۱ ۰ ادامه مطلب
طراحی وب -نوشتن متن ها به صورت ضخیم، مورب، زیر خط دار و خط خورده

۱۰ مرداد ۹۴ ، ۱۳:۱۸ طراحی وب ۰ نظر

در این درس به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:

1-    <B> این تگ باعث می شود کلماتی که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold) دیده شوند. به مثال زیر توجه کنید:

<b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود</b>

مثال بالا به صورت زیر دیده می شود:

متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود

بیایید با تگهای دیگری ادامه دهیم:

2-    زیرخط (Underline):

<u>این متن با زیر خط مشاهده می شود</u>

این هم نتیجه:

این متن با زیر خط مشاهده می شود

3-    حروف کج (Italic):

<i>این متن به صورت مورب دیده می شود</i>

و نتیجه به این صورت است:

این متن به صورت مورب دیده می شود

4-    ~~حروف خط خورده:~~

<strike>این متن به صورت خط خورده دیده می شود</strike>

متن در مرورگر به این صورت دیده می شود:

~~این متن به صورت خط خورده دیده می شود~~

ادامه مطلب

۸۳۸ امیر اعلایی ۱ ۰ ادامه مطلب
آموزش ساخت دامنه رایگان

۲۱ فروردين ۹۴ ، ۰۹:۳۶ آموزش طراحی وب چتروم ۴۵ نظر

یکی از چیزهای مورد نیاز برای ساخت سایت و یا نیمه مستقل کردن وبلاگ داشتن دامنه اختصاصی می باشد. برای ثبت دامنه هایی مثل ir. یا com. و غیره باید سالیانه پول بدهید ولی در این پست از سایت دانلودانه می خواهیم آموزش کامل و تصویری ساخت دامنه رایگان tk. را آموزش بدهیم.

قبل از هر چیز باید ابتدا یک اکانت در سایت جیمیل به آدرس www.gmail.com و یا یک اکانت در سایت فیسبوک به آدرس www.facebook.com داشته باشید و اگر ندارید باید ایجاد کنید.

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

www.dot.tk

*برای بزرگ شدن تصاویر روی آن ها کلیک کنید*

تصویر آموزشی برای ثبت رایگان دامنه

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

توضیحات مربوط به تصویر بالا:

1-اگر می خواهید برای دامنه خود DNS بگذارید این تیک را علامت بزنید. (تیک اول دامین فورواردینگ می باشد یعنی یک آدرس به آن می دهید تا وقتی هر کس به دامنه شما آمد به آن دامنه منتقل شود)

2-وارد این قسمت شوید.

3-آدرس DNS هاست یا وبلاگ خود را وارد کنید. (برای گرفتن آدرس دی ان اس باید به هاست یا سرویس وبلاگ دهنده خود مراجعه کنید)

4-آدرس دوم DNS خود را وارد کنید.

5-روی 12 بگذارید.

6-کدی را که در تصویر می بینید را در کادر زیر آن وارد کنید.

7-برای ادامه روی این دکمه کلیک کنید.

وقتی روی دکمه پایانی کلیک می کنید تصویر زیر ظاهر می شود.

در صورتی که در سایت جیمیل اکانت دارید بر روی Sign In کلیک کنید تا پس از وارد شدن به حساب خود در جمیل به صورت خودکار وارد حساب کاربری خود در سایت dot.tk شوید و دامنه شما ثبت شود و از آن جا می توانید دامنه خود را ویرایش کنید و اگر در جیمیل حسابی ندارید ولی در فیسبوک دارید بر روی use another account کلیک کنید و وارد حساب خود در فیسبوک شوید.

نظرات را به صورت عمومی ارسال کنید تا جواب بدهیم خصوصی ارسال نکنید

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

نظرات را به صورت عمومی ارسال کنید تا جواب بدهیم خصوصی ارسال نکنید

همه دامنه هایی که میخواهید به صورت یکسال رایگان ثبت کنین +آموزش

دامنه .IRهم میشه به لینک بالا مراجعه نمایید

۱۳۷۱۷ امیر اعلایی ۱ ۰
ابزار و جاوااسکریبت سایت و وبلاگ

۲۷ آذر ۹۳ ، ۱۴:۵۵ آموزش طراحی وب ۰ نظر

برای دیدن همه به ادامه مطلب مراجعه نمایید منبع ابزار1

ابزار نمایش ساعت و تاریخ

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

ابزار امتیاز دهی

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

هدایت به بالای صفحه

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

ابزار گالری تصاویر

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

ابزار مترجم سایت

با بکارگیری این ابزار ، امکان ترجمه کل متون صفحه سایت یا وبلاگ را به کاربران خود بدهید. ابزار مترجم، قابلیت ترجمه سایت به 36 زبان زنده دنیا را داراست

ابزار نمایش بارگذاری صفحه

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

ابزار فرم تماس

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

ابزار اوقات شرعی

با استفاده از ابزار اوقات شرعی این اجازه را به کاربران خود می دهید تا اوقات شرعی شهرهای خود را با قابلیت های ویرایشی بالا انتخاب و مشاهده کنند

ابزار جستجوگر گوگل

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

چاپ محتویات صفحه

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

جلوگیری از راست کلیک

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

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

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

نمایش پیام هنگام ورود و خروج کاربران

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

باز شدن پنجره جدید

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

جلوگیری از کپی گرفتن متن

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

ادامه مطلب

۲۱۰۲ امیر اعلایی ۲ ۰ ادامه مطلب

درباره من

جدیدترین وبهترین دانستنیهای کامپیوتر _♥کامپیوترگل♥
بازی کلش اف کلنز
دانلود نرم افزار های جدید و کاربردی
نقد و بررسی و کدهای تقلبی بازی ها
فیلم های آموزش کامپیوتر رایانه
آموزش مبتدی تا پیشرفته
برنامه و گیم های موبایل(جاوا،اندروید،ویندوز موبایل،سیمبین)
آموزش و سورس و کامپوننت های ویژال بیسیک
آموزش برنامه نویسی
آموزش تصویری چت روم
پلاگین ها و آموزش های کل چت روم
قالب ها وپوسته ها و کد های جدیدوردپرس
طراحی سایت و وبلاگ و وبسایت
همه و همه درسایت کامپیوتر گل
کامپیـــــــــوتر گــــــــل
همیشه در کنــــــــــــــار شما ♥♥♥همیشه در خدمــــــــت شما