راس ميگن، لينك خرابهنقل قول:
يكي زحمتش رو بكشه
Printable View
راس ميگن، لينك خرابهنقل قول:
يكي زحمتش رو بكشه
دستت درد نكنه .
مي خواستم بدونم از front page هم میشه استفاده کرد یا نه ؟یا اصلا خوب است یا نه ؟اگه خوبه آموزش اونو هم میزارید یا نه؟
سلام. دارم ثبت نام میکنم تو آموزشگاه که طراحی وب یاد بگیرم. کار با اینترنت رو که خوب بلدم. برنامه نویسی مقدماتی هم بلدم. اما از طراحی وب چیزی نمیدونم.
ابتدا از دوره html شروع کردم و میخوام برم. میخواستم بپرسم کار درستی میکنم؟ (از ساده تر شروع میکنم)
یا اینکه نه از اول میشد رفت مثلا دوره ویژوآل استادیو؟ یا فلش؟..
سوال دیگه م اینه که سایتهایی که با فلش ساخته میشن استاتیک محسوب میشن یا داینامیک؟
---------- Post added at 01:30 PM ---------- Previous post was at 01:28 PM ----------
ضمنا این استاتیک و داینامیک را خیلی کوتاه و با مثال عینی توضیح دهید.
لینک pdf پست اول هم پیل . تر هست...
اقا این لینک رو درست میکنید ؟؟ ما هم استفاده کنیم؟
سلام
دوستان مثلا من یک صفحه با نام 1.php دارم
در این صفحه یک تیبل با 3 ستون دارم
1=بطور مثال من میخاهم این 3 ستون هر کدام 1/3 صفحه را بگیرد و با متن طولانی که از کاربر میگیرد از حد خود که 1/3 صفحه است تجاوز نکند حالا این متن از یک textfield گرفته میشود و با زدن دکمه سابمیت در همان ستون به نمایش در بیاید حالا اگر یک کاربری دستش را مثلا روی یک دکمه بکیرد و 200 بار ان کاراکتر را تایپ کند و اگر چه در این textfield خط میشکند و به سطر جدید منتقل میشود ولی وقتی دکمه سابمیت زده میشود در چاپ ان در همان ستون , ستون از حد خودکه همان 1/3 است تجاوز میکند اگه میشه دوستان یک راه حلی برای این مشکل بدهند
2=و دوم اینکه در فیس بوک در قسمت( در چه فکری ؟ ) از تکست فیلد استفاده شده ولی 1 تفاوتی در این تکست فیلد است این است که در گوشه پایین این تکست فیلد علامت مثلث برای بزرگ کردن وجود ندارد دوستان اکه میشه توضیح دهند ؟
3=و سوال سوم اینکه یاد کیری css در طراحی سایت و همین قالبها تاثیری دراد یا نه
ممنون اکه به سوالاتم جواب دهید
و کد تست من برای صفحه در سوال اول
[PHP].
<body>
<table width="100%" border="0">
<tr>
<td width="33%"> </td>
<td width="34%"> </td>
<td width="33%"> </td>
</tr>
<tr width="33%">
<td> </td>
<td><table width="100%" border="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td width="33%"><form action="1.php" method="get">
<textarea name="te" cols="10" rows="15"></textarea>
<input type="submit" name="submit" />
</form>
<?php
$te=$_GET['te'];
if ($_GET['submit'])
{
echo "$te";
}
?>
</td>
</tr>
<tr >
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
[/PHP] و ابن هم کد تکست فیلد فیس بوک (در چه فکری ؟)
[PHP]
<div class="innerWrap"><textarea class="DOMControl_placeholder uiTextareaAutogrow input mentionsTextarea textInput" title="در چه فکری؟" name="xhpc_message" placeholder="در چه فکری؟" onfocus="return wait_for_load(this, event, function() {if (!this._has_control) { new TextAreaControl(this).setAutogrow(true); this._has_control = true; } return wait_for_load(this, event, function() {JSCC.get('j4f096895bbb6c5b352821856').init(JSCC.g et('j4f096895bbb6c5b352821857'));;JSCC.get('j4f096 895bbb6c5b352821857').init(["buildBestAvailableNames","hoistFri ends"]);JSCC.get('j4f096895bbb6c5b352821854').init({&quo t;max":10}, null, JSCC.get('j4f096895bbb6c5b352821856'));;;});});" autocomplete="off">در چه فکری؟</textarea></div>
[/PHP]
خیلی ممنون که جوابم رو ندادید!نقل قول:
و خب حالا که این کار رو کردم مینویسم که دیگران هم اگر خواستن بخونن: آره کار درستی کردم :)
سلام دوستان
عزیزان من تو این مبحق کاملا تازه وارد و مبتدیم پس شرمنده اگر سوالاتم خیلی ابتدایی هستش!
دوستان میخواستم بدونم تفاوت نرم افزار FRONT PAGE و نرم افزارهایی مثل JOOMLA و WORDPRESS چیه؟
چون بعضی قالب ها رو دیدم که زده بود مثلا برای وورد پرس هست فقط یا جوملا! و از طرفی دوستان یکسری قالب معرفی کرده بودن برای FRONTPAGE! میخواستم بدونم تفاوتشون چیه دقیقا و هرکدوم چی کار میکنن!
ممنون
خوب شما یه اشتباه بزرگ کردید .
جوملا و وردپرس مشابه هستند در چی ....
در اینکه هردو یه سیستم مدیریت محتوی هستند و بله قالب های خاص خود را دارند اما frontpage که دیگه عمرش تموم شده یک نرم افزار برای سخت صفحات وب هست و منظور برای frontpage من احتمال میدم قالب html بیاشه که یه قالب استاتیک هست.
سلام
من می خوام یه سایت فلش جهت نمایش عکسهام و ارتباط مشتری ها با خودم داشته باشم . کارم عکاسیه .چند تا تمپلیت مناسب برای خودم پیدا کردم که فقط نیاز به کمی تغییر داره
1. آیا میشه این تغیرات رو روی این تمپلیت ها انجام داد؟ چند تا تب رو برداشت .. اسم تب ها رو عوض کرد ..
2.چند نمونه تمپلیت HTML5 هم پیدا کردم از اینها هم میتوانم استفاده کنم در حال حاضر به جای فلش ؟
3. چگونه میتوانم این تمپلیت رو در هاست خودم آپ کنم ؟
مرسی :)
سلام دوستان .
یه راهنمایی لطفا
برای پروژه پایانیم طراحی وب برداشتم . استادم اصرار داره میتونم یاد بگیرم درعرض 3-4 ماه و آموخته هامو پیاده کنم . در حال حاضر هیچ پیش زمینه ای درباره طراحی وب ندارم . برنامه نویسی بهه زبان سی بلدم اونم نه خیلی حرفه ای ...
به نظرتون به عنوان یه مبتدی بهتره چه زبانی برای طراحی وبسایت یاد بگیرم ؟
استادم دات نت رو پیشنهاد کرده . یکسری هم میگن html راحتره و بعضی م میگن c# ...
نظر شما چیه ؟ از کجا شروع کنم ؟
سلام
دات نت و سی شارپ با html هیچ ربطی به هم ندارن ... دوتای اول مربوط به برنامه نویسی و داینامیک سازی صفحات وب هستند ، html یه جورایی مربوط به ظاهر گرافیکی میشه و رابطی هستش بین زبان برنامه نویسی و ظاهر گرافیکی .
واسه شروع HTML یاد بگیر ... یادگیریش هم آسونه ، از همین انجمن ها شروع کن .
g.com/?s=
دوستان این علامت سوال که تو یو ار ال می بینید برای چی هست . میشه توضیح بدید که چرا اسم صفحه نداره . برای جلوگیری از کش شدن در سروره ؟
راهنمایی میفرمایید
سلام، دوستان لطفا کمی منو راهنمایی کنید. ما برای یه جایی باید یه سایت طراحی کنیم از زمان دانشجویی که پروژه می نوشتیم چندسال گذشته، ازتون ممنون میشم نکاتی که به نظرتون برای طراحی باید در نظر بگیرم رو گوشزد کنید. هرچی که به نظرتون اهمیت داره. یه سوال دیگه اینکه زاین برنامه نویسی asp.net هست اما ظاهر سایت رو با چی طراحی کنیم، چون دیدم که قالب سایت ها خیلی به هم میریزه، باید یه چیز تر تمیز ارائه بدیم.
ممنون از دوستان
سلام . راستش من از همون پایه هیچی بارم نیست ( منظورم طراحی سایته ) یعنی نه میدونم داینامیک چیه نه استاتیک یا ساختار وب سایت و.... / چجوری و ازکجا باید اینا رو یاد بگیرم و برم جلو ؟
منظورم اینه که کتاب خوبه یا دی وی دی اموزشی یا کلاس البته چند نفر رو دارم که اگر توی راه اموزش به مشکلاتی بر خوردم میتونم از اونا کمک بگیرم.:14:
تفاوت داینامیک با استاتیک در متغییر بودن مطالبه . در استاتیک صفحه ها رو میسازی و میذاری رو هاست. سایتت تغییر نمیکنه مگر اینکه خودت صفحه ها رو پاک کنی و صفحه هایی که تغییر دادی جایگزین کنی. اما در داینامیک مطالب متغیره. مطالب میتونن در قالب پستهایی ارسال بشن. یا امکاناتی نظیر عضوگیری و... دارن. از این رو html خیلی ساده هست (والبته مهم). css شیوه دهی به html است که مربوط به زیبایی و شیوه های درج مطالب و ... هست. دریمویور نرم افزاریست که با کمک اون میتونید این کارها رو راحت تر انجام بدید. جاوا اسکریپت هم به نوبه خودش جلوه هایی به سایت میده . ضمنا جاوااسکریپت و css میتونن جلوه های بصری داینامیک ایجاد کنن (مثلا ماوس میره رو لینک رنگ لینک عوض بشه) اما تفاوت تعیین کننده داینامیک و استاتیک همونیست که گفتم... باید از html شروع کنید (استاتیک) . اینکه کلاس برید یا کتاب بخونید بستگی به خودتون داره.. مهارتهایی که باید یاد بگیرید ایناست: html و dreamweaver و css و در آخر java script (البته اگه زرنگ باشی جاوااسکریپت رو مختصر یاد میگیری و بجاش رو jquery بیشتر کار میکنی که بیشتر بدرد میخوره)نقل قول:
بعد از تمرین کافی زمانی که استاتیک رو یاد گرفتید و خوب مسلط شدید میتونید مثلا به سمت php یا asp برید تا به وب نویسی داینامیک وارد شید... اینها مراحل اصولیش هست. وگرنه ممکنه افرادی هم باشن که بتونن یه سایت داینامیک راه بندازن اما طراحی بلد نیستن چون html و css و.. رو درست یاد نگرفتن
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ممنونم که وقت گذاشتی و کمکم کردی.:46:
سلام تشکر بابت مطالب
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
عبارت HTML مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.کامپایلر های زبان های برنامه نویسی سروری در نهایت کد های خود را برای نمایش به کد اچ تی ام ال تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود.HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .در مقاله ی [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] به این موصوع به طور مفصل پرداخته شده است.
در يک صفحه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و ... کدهای اچ تی ام ال مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد. هر یک از برچسب‌های اچ‌تی‌ام‌ال ، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند. مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] یا [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] در اچ‌تی‌ام‌ال تعریف شده‌اند.یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل میشود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آنها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) میکنند.اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] — به کار می‌رود. از سوی دیگر، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی اس اس ( Css ) است که در بخش [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] به طور کامل به آن خواهیم پرداخت. امیدواریم در این [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] به درک درستی از اچ تی ام رسیده و پایه ی طراحی سایت را که همان کد های Html می باشد را به طور درست فراگرفته و به کار ببرید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است .در طی این آموزش ها می توانید با نرم افزار Notepad ویندوز کدها را نوشته و سپس ذخیره نمایید.توجه 1 : فایل های تولید شده را با پسوند .htm و یا .html ذخیره نمایید . تفاوتی بین این پسوند ها نمی باشد .بعد از نوشتن کدها در Notepad و ذخیره ی آن با پسوند های ذکر شده ، برای اجرای کد نوشته شده فایل را در نرم افزار های مرورگر وب مانند Internet Explorer و یا Firefox و ... اجرا نمایید.
توجه 2 : نمایش کدها و شکل خروجی آنها بعضا در مرورگرهای مختلف یکسان نمی باشد و یکی از هنرهای برنامه نویسان وب ، نوشتن کدهایی با اجرای یکسان در مرورگر های مختلف است که در این سلسله آموزش ها این امر آموزش داده می شود. [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در اين قسمت خصوصيات استاندارد تگ های HTML معرفی شده اند . اين خصوصيات در اکثر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] مشترک بوده و دارای کاربرد يکسانی هستند .
اين خصوصيات به دليل مشترک بودن ، فقط در اين قسمت ذکر شده و از تکرار آنها در صفحات ديگر خودداری شده است .
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
نکته : اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .
نام خاصيت نوع خاصيت شرح class نام کلاس عنصر مشخص کننده کلاس تگ در کد نويسی برنامه است . اين کلاس در کدنويسی CSS و زبان های اسکريپتی کاربرد دارد . id id عنصر مشخص کننده يک شناسه منحصر به فرد برای تگ در درون سند HTML است . id هر تگ در کدنويسی CSS و زبان های اسکرپيتی کاربرد دارد . توسط id می توان به تگ مورد نظر دست يافت . style يک خاصيت چند مفدارِي است که خصوصيات قالب دهی و اعمال سبک ها ( CSS ) را برای تگ مورد نظر مشخص می کند . title text
متنمتنی است که به صورت tooltip در يک کادر زرد رنگ ، در هنگام قرار گرفتن موس بر روی عنصر نمايش داده می شود .
خصوصيات زبان
نکته : اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .
نام خاصيت نوع خاصيت شرح dir rtl
ltrتعيين کننده جهت قرار گرفتن نوشته را تعيين می کند ، که يکی از 2 حالت زير را می تواند داشته باشد :
ltr : چپ به راست
rtl : راست به چپlanguage نام زبان مشخص کننده زبان برنامه نويسی کد مربوط به تگ است .
خصوصيات صفحه کليد
نام خاصيت نوع خاصيت شرح accesskey کليد میانبر يک ميانبر صفحه کليد برای دستيابی به عنصر است . tabindex عدد
numberشماره ترتيبی قرار کرفتن فوکوس صفحه بر روی عنصر مورد نظر را در هنگام فشردن کليد tab مشخص می کند .
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
همانطور که در آموزش [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] گفته شد ، تگ ها میتوانند یک سری خصوصیات را در بر بگیرند که با استفاده از آنها از دیگر تگ های مشابه متمایز گردند.یکی از مهمترین خصوصیات تگ ها ، خصوصیت Style (استایل) می باشد. با استفاده از خصوصیت Style میتوان شکل ظاهری یک تگ را تعیین کرد.قاعده ی نوشتن خصوصیت Style از Css پیروی میکند . در آموزش Css در بخش [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] به طور مفصل این موضوع توضیح داده شده است.توجه : برای اطلاعات بیشتر در مورد Css و نحوه ی نوشتن دستورات Css به بخش [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] مراجعه شود.طریقه استفاده از تگ استیل در Html بصورت زیر می باشد :
<p style=" color:white; border:solid 1px red; width:100px; background-color:blue; font-size:10pt; text-align:center; "> متن پاراگراف </p>
با استفاده از این کد ما تگ p ای تعریف کردیم که این تگ و محتوای آن با استفاده از خصوصیت Style ای که نوشته ایم بصورت سفارشی در آورده شده. شکل خروجی این کد بدین صورت می باشد :
متن پاراگراف
توجه : این خاصیت از جمله خاصیت های تگ ها می باشد که در همه ی تگ ها به جز تگ های base , head , html , meta , param , style , title و script مشترک است.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این تگ مشخص کننده ی شروع و پایان یک سند Html به مرورگر وب است.
بدین ترتیب که با <html> شروع شده و باقی کدها را نوشته و در پایان با <html/> سند Html را به پایان می رسانیم. بصورت زیر :<html> .
.
.
</html>
تگ head یا معادل فارسی تگ سرانداز! اولین تگ در بدنه تگ html می باشد که حاوی یک سری اطلاعات برای مرورگر و نیز جستجوگر های وب می باشد.
اطلاعات این بخش در قسمت بدنه ی سند html ما نمایش داده نمی شود ولی اطلاعاتی همچون عنوان صفحه ، کلمات کلیدی ، استایل های خارجی و داخلی ، جاوا اسکریپت های خارجی و داخلی ، آیکون صفحه ، توضیحاتی راجع به سازنده و ... را تعریف میکند که برای مرورگر و نیز ایندکس کردن توسط جستجوگرهای وب مانند گوگل و یاهو بسیار مهم است.
تگ های مورد استفاده ی این بخش بصورت زیر است:
<title>, <meta>, <link>, <script>, <style>
در ادامه ی آموزش بصورت کامل این تگ ها را توضیح خواهیم داد.
نحوه ی نگارش آن بصورت زیر است:<html> <head>
.
.
.
</head>
.
.
.
</html>
متن و عکس و بطور کلی اطلاعاتی که قرار است در سند html ما به کاربران توسط مرورگرهای وب نمایش داده شود در این بخش نوشته خواهد شد.نکته ی مهم : یکی از مهمترین مسائلی که برنامه نویسان وب باید دقت کنند استفاده از تگ head و تعریف استایل ها و اسکریپت هایی است که به کم حجم کردن بدنه ی سند html ما در تگ body کمک میکند. بصورت مثال با تعریف یک استایل در تگ head و استفاده از آن در تگهای body از تعریف چند باره ی آن جلوگیری میگردد. در ادامه به این موضوع به طور مفصل می پردازیم .
این تگ بعد از تگ head قرار میگیرد و تمامی تگ های نمایشی در این بخش نوشته می شوند. روش نگارش و محل قرار گیری آن بصورت زیر می باشد :<html> <head>
.
.
.
</head>
<body>
.
.
.
</body>
</html>
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
یکی از مهمترین تگ ها هم برای کاربران و بازدید کننده های سایت و هم برای جستجوگرهای وب این تگ می باشد . متنی که داخل این تگ قرار میگیرد عنوان صفحه را مشخص میکند که در title bar مرورگر به کاربران نشان داده می شود.توجه داشته باشید متن داخل این تگ در صورت زیاد بودن ادامه ی آن توسط مرورگر حذف میشود پس از عناوین کوتاه استفاده کنید.در بخش آموزش سئو (seo) استفاده ی مناسب از این تگ و اینکه چه کلماتی استفاده شود بطور کامل توضیح داده شده است.نحوه ی استفاده از آن بصورت زیر می باشد :
<html> <head>
<title> متن عنوان صفحه </title>
.
.
</head>
<body>
.
.
.
</body>
</html>
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
متاتگ ها (Meta Tag) در واقع اطلاعاتی هستند که برای موتور های جستجوگر وب مانند گوگل و یاهو نوشته می شنود تا در هرچه بهتر ایندکس کردن صفحات استفاده شوند.استفاده ی درست از این متاتگ ها تاثیر بسیار زیادی بر ایندکسینگ و شناخت بهتر موتور های جستجو مثل گوگل و یاهو و ... از سایت ما دارد تا با این روش که در بخش آموزش سئو (Seo) و بهینه سازی سایت برای موتور های جستجو به طور کامل به ان پرداخته می شود ، سایت شما و صفحات شما در رتبه ی بالایی در گوگل و یاهو و ... قرار بگیرند.نکته ی مهم : بیش از 70 % بازدید کنندگان سایت ها به طور متوسط از طریق موتور های جستجو مثل گوگل و یاهو وارد سایت ها می شوند.شکل کلی آن و خصوصیات مشترک آنها بصورت زیر است :
<meta http-equiv="مقدار" name="مقدار" content="مقدار" />
در ادامه لیست کاملی از اصلی ترین متاتگ ها (Meta Tag) به همراه نحوه ی نگارش و دلیل استفاده ی آن ها را می آوریم : [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] برای تعیین نوع رمزنگاری صفحه یا encoding صفحه از این متاتگ استفاده میشود. در صورت استفاده ننمودن از این متاتگ و encoding utf-8 ، در بعضی از مرورگرها و یا سیستم های کاربرانی که encoding فارسی ندارند ، متن های فارسی به صورت علامت سوال (؟) نشان داده می شوند.بنابراین این متاتگ از جمله ی مهمترین متاتگ ها می باشد . طریقه ی استفاده از آن برای فارسی سازی صفحه Html از کد زیر استفاده نمایید :
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مهمترین متاتگ برای موتورهای جستجوگر این متاتگ می باشد. استفاده ی درست از آن در رتبه ی موتورجستجوگر گوگل و یاهو و ... بسیار تاثیر گزار است.نکات مهم در استفاده از کلمات کلیدی :1 - محتوای Content این متاتگ نباید در حالت حروف فارسی از 200 کاراکتر و در حالت حروف انگلیسی از 400 تجاوز کند .2 - توصیه می شود که حداکثر از 10 کلمه ی کلیدی مرتبط با متن که فکر میکنید کاربران بیشتر آنها را در موتورهای جستجوگر سرچ میکنند ، استفاده نمایید .برای بدست آوردن این کلمات کلیدی از سایت زیر میتوانید استفاده کنید :3 - کلمات کلیدی را با ویرگول انگلیسی (,) بدون هیچ فاصله ای (Space) از هم جدا نمایید.توضیحات ریز در مورد این متاتگ در بخش آموزش سئو (Seo) بیان شده است.طریقه ی استفاده از آن بصورت زیر است :
<meta name="keyword" content="کلمه1,کلمه2,کلمه3,..." >
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در صورتی که کاربران با استفاده از سرچ در موتورهای جستجوگر به لینک سایت شما در آنها بر بخورند ، توضیحی که در زیر لینک سایت شما به آنها نمایش داده می شود متنی است که شما در متاتگ توضیحات (Description) صفحه وارد نموده اید.با این توضیح باید متنی که در این بخش انتخاب میکنید توضیحی باشد در مورد صفحه.نکته ی مهم این است که در جملاتی که استفاده میکنید از کلمات موجود در کلمه های کلیدی (Keyword) صفحه ی خود استفاده نمایید.بهتر است تعداد کاراکتر در این بخش حداقل 150 و حداکثر 200 کاراکتر در حالت فارسی انتخاب شود.طریقه ی استفاده از آن بصورت زیر می باشد :
<meta name="description" content="این متن توضیحی در مورد صفحه ی جاری می باشد">
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این متاتگ ها صرفا برای آشنایی با سازنده ی صفحه ، نرم افزار سازنده و بروز کننده ی صفحه می باشد.طریقه ی تعریف آنها بصورت زیر است :
<meta http-equiv="Designer" content="نام نرم افزار سازنده">
<meta name="Generator" content="نام سازنده صفحه">
<meta name="Author" content="نام بروز کننده">
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این متاتگ صرفا برای دسته بندی زبانی برای موتورهای جستجوگر می باشد و توصیه می شود استفاده گردد .طریقه ی تعریف آن برای زبان فارسی بصورت زیر است :
<meta http-equiv="Content-Language" content="Fa">
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این متاتگ برای عدم ذخیره ی صفحه در کش مرورگر می باشد. متاتگ کنترل کش (cache-control) برای آن دسته صفحاتی مفید است که بطور دایم اطلاعات آن به روز می شود و باید اطلاعات بصورت مداوم از سرور فراخوانی گردد.طریقه ی استفاده از متاتگ کنترل کش (cache-control) برای عدم کش کردن و ذخیره در مرورگر بصورت زیر می باشد :
<meta http-equiv="cache-control" content="no-cache" />یا
<meta http-equiv="pragma" content="no-cache" />
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
متاتگ Robots برای کنترل ایندکس کردن صفحه توسط موتورهای جستجوگر می باشد.این متاتگ به 3 صورت استفاده میشود :1 - حالت پیش فرض : ایندکس کردن صفحه و لینک ها توسط موتورهای جستجوگر :
<meta NAME="ROBOTS "CONTENT="ALL" />
2 - با استفاده از متاتگ Robots زیر به موتورجستجوگر اعلام میکنیم که صفحه را ایندکس کند ولی لینک ها را دنبال نکند. این کد برای دسته صفحاتی که از محتوای موجود در لینک های موجود در آن مطمین نیستید استفاده می شود تا در صورت بی ربط بودن آنها با موضوع صفحه ی شما ، تاثیری در رتبه ی سئو شما نگذارد :
<meta NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW" />
3 - متاتگ Robots زیر برای صفحات مدیریت و یا صفحاتی که نمیخواهید در موتورهای جستجوگر ایندکس شوند استفاده میشود. بدین صورت که به Robots های جستجوگر میفهمانید که صفحه ایندکس نشود :
<meta NAME="ROBOTS" CONTENT="NONE" />یا
<meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW" />
نکته ی بسیار مهم : هرگز از متاتگ Refresh که برای انتقال صفحه به یک آدرس و یا بارگزاری مجدد صفحه است استفاده ننماید. در صورت استفاده از این متاتگ موتورهای جستجو سایت شما را تحریم میکنند و رتبه ی شما را کاهش می دهند .
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سلام نیما جان مرسی بابت تدریس خوب ولی نیما من الان میخوام یک بروزه
را شروع کنم البته تازه استخدام شدم اداره ازمن یک سیستم تحت وب می خواهن که بهش اطلاعات بدم در نهایت بتونم یک گزارش ازش بگیرم به حالتهای مختلف و یک چارت دربیارم الان دیتا بیس در اوردم توی اس کیوال حالا می خواهم فمرمها ش بکشم تو ی وب ایا وب فرم درست کنم دیکه توی یک فولدر خواستم ببینم درسته بعدش میخواهم یک مستر بیچ داشته باشم تمام فرمهام ان قالب داشته باشه نمی دونم ازکجا شروع کنم
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] (آموزش اچ تی ام ال) پایه و اساس [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و ایجاد وب سایت می باشد.آموزش Html اصلی ترین بخش آموزش طراحی سایت است.تقریباً همه کسانی که صاحب تجارتخانه های کوچک و بزرگ می باشندبایستی دارای [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] باشند.دانش عمومی [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] با یادگیری پایه ای [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] باعث می شود [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] خود را با آخرین تکنولوژیهای [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] بسازید.به طور مثال تمامی کدهای سروری که در [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] گفته می شود ، توسط مرورگر ها در نهایت به [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] تبدیل می گردد. از این رو هر چه در [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] تسلط بیشتری داشته باشیم ، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] بهتری خواهیم داشت. در [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] زیر میتوانید به سرعت در این امر پیشرفت داشته باشید. امیدواریم بخش [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ما برای شما مفید باشد.
سلام نیما من یه مشکلی دارم نمیدونم میتونی حلش کنی یا نه
من یه کد دارم که توی وبلاگم قرار دادم ولی درست کار نمیکنه کده مال سیستم تبادل لینک اتوماتکه وقتی که مثلا میخواد لینک ثبت بکنی لینک ثبت نمیشه
میخواستم ببینم مشکل از کجاست اگه میتونی خواهش میکنم کمکم کن
خواهش میکنم اگه بلدید به جیمیلم فایل اصلاح شدش رو بفرستید
اینم کده
-------------------------------------------------------------------------------------------------
+<RB:BlockLinksAuto><-BlogAutoMessage-><form
action="" method="post" target="Autoform">عنوان : <input
dir="rtl" type="text" name="<-BlogAutoLinkTitle->" /><br
/>آدرس : <input dir="ltr" type="text" value="http://"
name="<-BlogAutoLinkUrl->" /><br /><input value="
ثبت " type="submit" name="Send_Link" /><br
/></form></RB:BlockLinksAuto>
*************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>تبادل لینک هوشمند با ترفندستان</title>
<style type="text/css">
body, td, p {
direction : rtl;
background-color : #FFFFFF;
color : #000000;
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}
textarea {
color : #000000;
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}
input {
color : #000000;
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}
td.linkman, p.linkman {
background-color : #FFFFFF;
color : #000000;
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}
a.linkman {
color : blue;
font-size : 11px;
text-decoration : underline;
}
a.linkman:hover {
color : red;
text-decoration : none;
}
span.linkmanURL {
color : #6f6f6f;
}
</style>
<body> <p><a href="#addlink">وبلاگ و سایت خود را به ما پیوند بزنید ! کلیک کنید</a></p>
<p> <b>1</b> <a href="links.php?page=2">2</a> <a href="links.php?page=3">3</a> <a href="links.php?page=4">4</a> <a href="links.php?page=5">5</a> <a href="links.php?page=6">6</a> | <a href="links.php?page=2">بعدی ></a> | <a href="links.php?page=10">آخر >></a></p><p class="linkman"><b>لینک های ویژه</b></p><table border="0" cellspacing="1" cellpadding="1">
<tr>
<td valign="top" class="linkman"><img src=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " style="vertical-align: middle;" border="1" width="120" height="90" alt="Thumbnail"> </td>
<td valign="top" class="linkman" title="Google PageRank: 2/10"><img src="img/pr0.gif" width="40" height="5" alt="Google PageRank: 2/10" border="0" style="vertical-align: middle;"> </td>
<td valign="top" class="linkman"><p class="linkman"><a href="go.php?url=http%3A%2F% [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " target="_blank" class="linkman" ><b> ترفندستان</b></a> <span class="linkmanURL">- [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] </span><br>Tarfandestan|ترفندستان اولین و بزرگترین وبلاگ تخصصی ترفندهای کامپیوتر و اینترنت<br> </p></td>
</tr>
</tr>
</table><p class="linkman"><b>لینک های تبادلی</b></p><table border="0" cellspacing="1" cellpadding="1">
</table><p> <b>1</b> <a href="links.php?page=2">2</a> <a href="links.php?page=3">3</a> <a href="links.php?page=4">4</a> <a href="links.php?page=5">5</a> <a href="links.php?page=6">6</a> | <a href="links.php?page=2">بعدی ></a> | <a href="links.php?page=10">آخر >></a></p> <p class="linkman"><a name="addlink"></a> <br /><b>وب سایت تان را ثبت کنید</b></p>
<p><b>» گام اول: لینک ما را در وب سایت تان قرار دهید</b></p>
<table border="0">
<tr>
<td>آدرس وب سایت:</td>
<td><a href=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " target="_blank"> [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] </a></td>
</tr>
<tr>
<td>عنوان وب سایت:</td>
<td>ترفندستان</td>
</tr>
<tr>
<td>شرح وب سایت:</td>
<td>Tarfandestan|ترفندستان اولین و بزرگترین وبلاگ تخصصی ترفندهای کامپیوتر و اینترنت</td>
</tr>
</table>
<p><b>» گام دوم: لینک خودتان را ثبت کنید</b></p>
<p>همه فیلدها لازم هستند. لطفاً <b>گام اول</b> را قبل از ارسال این فرم انجام دهید. </p>
<form method="post" action="addlink.php">
<table border="0">
<tr>
<td><b>نام و نام خانوادگی:</b></td>
<td><input type="text" name="name" size="40" maxlength="50" /></td>
</tr>
<tr>
<td><b>آدرس ایمیل:</b></td>
<td><input type="text" name="email" size="40" maxlength="50" dir="ltr" /></td>
</tr>
<tr>
<td><b>عنوان وب سایت:</b></td>
<td><input type="text" name="title" size="40" maxlength="50" /></td>
</tr>
<tr>
<td><b>آدرس وب سایت:</b></td>
<td><input type="text" name="url" maxlength="255" value="http://" size="40" dir="ltr" /></td>
</tr>
<tr>
<td><b>صفحه حاوی لینک ما:</b></td>
<td><input type="text" name="recurl" maxlength="255" value="http://" size="40" dir="ltr" /></td>
</tr>
</table>
<p><b>شرح وب سایت:</b><br />
<input type="text" name="description" maxlength="200" size="63" /></p>
<p><input type="submit" value="ارسال لینک" /></p>
سلام به همگی
از ای پس میتونید تمام آموزش های مورد نیاز خود را در این سایت در زمینه طراحی وب پیدا کنید :کد:http://w3pars.ir/
این سایت رو با چه زبانی نوشتن؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
خیلی خوشم اومده
مطلب آموزشی در مورد php از کجا میشه پیدا کرد؟
سلام
من نتونستم اون فایل پی دی اف رو دانلود کنم
متاسفانه لینک پی دی اف خرابه میتونید از نوشته های خود انجمن استفاده کنیدنقل قول:
باسلام وخسته نباشید
من یه کاربر تازه وارد هستم وزیاد به html اشنایی ندارم فقط میخام ترفند لینک گذاشتن به طوری که بابردن نشانه گر ماوس روی لینک به حالت رنگی یا اندرلاین دربیاد . نحوه استفاده از تگها و استایلها در ادیتور تاپیک برای گذاشتن لینک اندلاین یا تغییر رنگ یا استایلهای دیگر به چه نحو می باشد؟..
لطفا دراین باره راهنمایی بفرمائید.
لیست تگ های vB ( تحت HTML ) و مثالهاش رو ازینجا میتونید ببینید کامل.نقل قول:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سلام و خسته نباشید و تشکر بابت به اشتراک گذاشتن اطلاعاتتون.ممنون
من میخوام طراحی سایت یاد بگیرم سوالم اینه که حتما باید زبان برنامه نویسی رو همبلد بود مثل html.c .
عایا میشه با نرم افزارهای مربوطه طراحی سایت انجام داد بدون دانستن Html یاد در کنار برنامه باید زبانش رو هم بدونیم.؟
اولا متن بالا 2 مشکل داره :نقل قول:
1- طراحی وبسایت جه ربطی به برنامه نویسی داره ؟
2- html مگه زبان برنامه نویسیه ؟ :n04:
شما حتما باید html رو خوب بلد باشید تا بتونید سئوی وبسایت رو درست کنید. توجه کنید که یادگیری css مخصوصا اخرین نسخه (3) هم در طراحی وب حتمی هست. برای ساختن سایت هایی با گرافیک بالا جیکوئری هم باید بلد باشید.
نه خیر شما نمیتونید با نرم افزار های طراحی وب یک وبسایت حرفه ای بسازید. یه وبسایت تحت web2 با گرافیک مناسب حتما برنامه نویسی دستی لازم داره. نرم افزار هایی مثله np++ , dw برای طراحی وب نیستن. بلکه برای ویرایش کد های تحت وب هستن و شما نمیتونید یک قالب گرافیکی رو با ابزار های این نرم افزار ها طراحی کنید. باید دستی خط به خط کد وارد کنید :n16:
موفق باشید
برنامه نویسی وب نیست مگه؟
خب در کل چه چیزایی لازمه که یاد بگیرم ؟ممنون میشم همشو بگید.
هست ولی شما طراحی ui میخواید انجام بدید. نه اینکه cms یا سایت رو از اول بنویسیدنقل قول:
مثلا یه قالب برای وردپرس درست می کنید که میشه طراحی وب. ولی وقتی تونستی یه چیز مثه وردپرس بنویسی میشه برنامه نویسی وب.
گفتم دیگه html + css + jquery
سخت نگیر از همون ورد پرس که آسونه شروع کن برا یه وبسایت معمولی جواب میده البته کنارش بهتره html بلد باشی که اگه سفت بشینی پاش 1 2 هفته ای یاد میگیری.
اما اگه میخوای طراحی یاد بگیری و از پایه و عمقی و از این حرفا
باید css,mysql,jquery همچنین یه زبون تحت سرور مثل asp یا php یاد بگیری :n09:
سلام من یه مشکل دارم کسی هست حلش کنه
وقتی فارسی مینویسم حروف به هم نمیچسبن بدونه فاصله کنار هم میان باید چی کار کنم