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





این وبلاگ در راستای آموزش و اطلاعات عمومی افراد ایجاد شد

اين سيستم ها كه امروزه در وب بنام CMS شناخته ميشوند، مخفف Content Management System ميباشند كه يك برنامه نرم افزاري روي سرور هستند و به مدير سايت اجازه ميدهند تا محتواي سايت را تغيير دهد بدون نياز به طراحي دوباره سايت .
 
در واقع طراح اوليه سايت يكبار سيستم CMS را طراحي ميكند و تعدادي قالب آماده براي صفحات طراحي كرده و آن را روي سايت شما نصب ميكند .و حال شما براحتي ميتوانيد صفحات ديگري را به آن كم يا اضافه يا ويرايش كنيد .
 
 
 
چرا شما يك CMS لازم داريد ؟
 
اگر سايت شما هر چند وقت يكبار (مثلا هر دو هفته) به روز ميشود ميتوانيد بجاي اينكه هر بار به يك شركت طراحي وب مراجعه كنيد ، خودتان با نصب يكي از اين برنامه هاي مديريت محتوا ، تغييراتتان را روي سايت اعمال كنيد .
 
اگر شما سايت خود را اصلا بروز نميكنيد ، بايد كم كم به فكر بيافتيد ، چون بيننده هاي شما وقتي هميشه با يك صفحه هميشگي روبرو شوند كم كم شما را فراموش ميكنند ، چون چيز جديدي براي عرضه نداريد .
 
 
 
يك CMS چه امكاناتي دارد ؟
 
طيف وسيعي از امكانات . اكثر CMS ها در ورژن هاي مختلف و با قابليت هاي مختلف به بازار عرضه ميشوند . البته قابليت بروز كردن اطلاعات در همه مشترك است اما قابليت هاي ويژه ديگري دارند كه با قيمت هاي مختلف بشما پيشنهاد ميدهند . از جمله :
 
1- مديريت اطلاعات فرستاده شده توسط كاربران و تاييد اطلاعات
 
2- چند زبانه بودن
 
3- ايجاد نقشه سايت دايناميك
 
4- امكان ايجاد تجارت الكترونيك يا فروشگاه مجازي
 
5- ايجاد فرم براي دريافت اطلاعات كاربران
 
6- بهينه سازي تصاوير آپلود شده
 
7- ايجاد و بروز كردن متا تگ ها
 
8- امكان جستجو در مطالب سايت
 
9- امنيت بيشتر
 
10- گزارش آمار بازديد از صفحات
 
11- و ....
 
 
 
CMS هاي اطلاعاتي :
 
اين سيستم ها معمولا كار طراحي صفحات سايت را انجام نميدهند . بلكه كارشان مديريت اطلاعات يك سايت است . امكاناتي كه اين سيستم ها دارند تقريبا بشرح زير است :
 
1- امكان فرستادن اطلاعات به سايت توسط چند كاربر
 
2- آرشيو بندي اتوماتيك اطلاعات بر اساس تاريخ و موضوع
 
3- ايجاد امكان جستجو در اطلاعات قبلي
 
4- ايجاد لينك دائم براي هر مطلب و متا تگ براي آن
 
5- و امكانات جانبي ديگر مثلا ايجاد يك صفحه بعنوان لينكستان و ...
 
 
 
CMS هاي اطلاعاتي معروف :
 
MovableType
 
PHPnuke
 
php bb
 
wordpress
 
…        


 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:56 AM | نظرات 0 | لینک مطلب

 

در برنامه نویسی ، syntax گرامر زبان یا همون لغاتی که در زبان برای نوشتن دستورات بکار میره) خیلی مهم نیست و اون چیزی که زبان ها رو از هم متفاوت میکنه، دستورات ترکیبی و کتابخانه هایی است که هر کدام برای دسترسی به منابع سیستم در خود دارند .
 
 
 
در اینجا تفاوت های asp.net رو با Php می نویسم تا خودتون بهتر بتونید تصمیم بگیرید
 
 

 

ASP.net یک محصول مایکروسافتی است که در مجموعه دات نت ارائه شده است. اما php یک زبان تحت وب اوپن سورس است .
برنامه های نوشته شده توسط asp.net روی سرور های ویندوز قابل اجرا هستند ، اما برنامه هایی که با php تولید میشوند تحت لینوکس اجرا میشوند. (البته تحت ویندوز هم میشه php نصب کرد، اما تحت لینوکس به صرفه تره . چون اجاره سرور لینوکس ارزان تره )
ASP.net قابلیت encode کردن کدهای نوشته شده سمت سرور را با تبدیل آنها به یک فایل DLL فراهم ساخته است (code-Behind) تا حتی کسی که به سرور شما دسترسی دارد هم سورس های شما رو نبیند. اما php گزینه کامپایل ندارد . البته یک رمزنگار بنام zend برای php نوشته شده که کاری مشابه encode کردن را بر روی کدهای php انجام میدهد .
قابلیت های شی گرایی در asp.net به دلیل قابلیت کامپایلی بودن آن و مجتمع شدن با سایر زبان های دات نت خیلی بهتر پیاده سازی شده است .
Asp.net برای برنامه نویسی های سریع بسیار مناسب است. زیرا تعداد بسیار زیادی کتابخانه دارد که کامپوننت های مخصوص هر کاری را بصورت آماده در اختیارتان قرار می دهد . اما در برنامه نویسی با php شما مجبورید اکثر بخش های برنامه نویسی را خودتان بنویسید و این وقت زیادی از شما می گیرد. البته در پروژه های بزرگ ، بخش کدینگ چون یکبار نوشته شده و چندین بار استفاده میشود، در میزان وقتی که در مقایسه با asp.net می گذارید چندان فرقی نمی کند. در ضمن در php گاهی دستان شما بازتر است .
IDE به محیطی برنامه نویسی زبان ها میگویند . ASP.net تحت Visual Studio نوشته میشود که در کشورهایی که ملزم به رعایت کپی رایت هستند 4000 دلار قیمت دارد. در حالی که IDE های موجود برای زبان PHP معمولا رایگان است. اما در ایران که خداروشکر این مورد با هزار تومن در درسترس است .
بانک اطلاعاتی مورد استفاده برای زبان های دات نت معمولا SQL Server است و بانک اطلاعاتی مرتبط با PHP معمولا MySQL است. تا این اواخر MySQL امکان نوشتن stored Procedure را نداشت که گویا در نسخه جدیدش اضافه شده. قیمت لایسنس SQL server معمولا از my sql بالاتره .
کدهای رایگان برای هر دو زبان در اینترنت به وفور یافت میشود و در این مورد نگرانی ندارید .
امکانات URL-Rewriting در زبان PHP ساده تر از زبان های دات نتی قابل پیاده سازی است. برای اینکار در ریشه سایتی که نوشته اید یک فایل htaccess میگذارید و تنظیمات مربوط به URL Rewriting  را داخل آن تنظیم میکنید. اما برای زبان های دات نتی شما باید این تنظیمات را روی سرور انجام دهید. به همین دلیل اگر پروژه ای نوشته باشید که بخواهید در آن از امکانات URL Rewriting استفاده کنید در حالت برنامه نویسی دات نتی، نیازمند اجاره کردن یک سرور هستید که اینکار برای پروژه های کوچک که با 20 مگابایت هاست کارشون راه میفته توجیه اقتصادی نداره .
 URL-Rewriting به ایجاد آدرس های مجازی روی سرور میگن. مثلا آدرس وبلاگ هایی که شما در یک سرویس مانند پرشین بلاگ میسازید مجازی هستند. چون هیچ دامنه ای امکان داشتن یک میلیون ساب دامین واقعی رو نداره. پس اینکار توسط شبیه سازی انجام میشه که بهش URL Rewriting میگن .
PHP با زبان خاص خودش نوشته میشود و چندان هم مشکل نیست. اما ASP.net با استفاده از زبان های دات نتی قابل نوشتن است. که معروف ترین آنها vb.net و سی شارپ است. کدنویسی با استفاده از VB.net برای تازه کارهای برنامه نویسی خیلی ساده تر است و کد نویسی C# برای دانشجویان رشته نرم افزار که با زبان C آشنایی دارند توصیه میشه. معمولا هر برنامه نویسی با یکی از این زبان ها کار میکند و روی آن زبان متمرکز میشود. قدرت هر 2 زبان سی شارپ و VB.net  در برنامه نویسی یکسان است و فقط سینتکس آنها متفاوت است .
 
 
 
خلاصه اینکه این دو زبان قدرت یکسانی دارند و فقط گاهی برای رسیدن به یک نتیجه خاص در پروژه تان ، با یکی ممکن است بیش از دیگری کد بنویسید و گاهی برعکس . اما در کل چیزی از هم کم ندارند و این پارامترهای تجاری است که تعیین میکند که در پروژه های بزرگ از کدام زبان استفاده شود .
 
البته من خودم با توجه به اینکه تو ایران هستم و با زبان های دات نتی بیشتر کار کردم ترجیح میدم با ASP.net کد بنویسیم. اما شاید اگر در موقعیت متفاوتی بودم زبان دیگری را انتخاب میکردم .

 



 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:53 AM | نظرات 0 | لینک مطلب

امنيت يکی از مسائل اصلی برای توسعه دهندگان و معماران برنامه های کاربردی است. همانطور که تعداد بيشماری از سايتهای وب با انواع امنيت ها مورد نياز است، توسعه دهندگان نيز بايد بدانند چگونه با مقوله امنيت کار کنند و چه مدل امنيتی مناسبی برای برنامه های کاربرديشان انتخاب کنند .
 
 
بعضی از سايتهای وب اطلاعات خاصی را از کاربر معمولی دريافت نمی کنند، اما اطلاعات موجود در خود را منتشر می کنند. همانند موتورهای جستجو در حاليکه سايتهای ديگری وجود دارند که نيازمند جمع آوری اطلاعات حساس از کاربرانشان هستند (برای مثال شماره کارت های اعتباری و ديگر اطلاعات شخصی). اين سايتهای وب به پياده سازی امنيت مستحکم تری برای جلوگيری از حمله احتمالی موجوديت های خارجی نيازمندند .
 
 
تفاوت جريان امنيتی ASP و ASP.NET
جريان امنيتی صفحات ASP.NET از جريان امنيتی ASP کلاسيک متفاوت است. در ASP ، بصورت پيش فرض IIS خود را به عنوان يک کاربر معتبر معرفی می نمايد در حاليکه در ASP.NET توسعه دهنده کنترل بيشتری بر روی تنظيم امنيت در سطوح مختلف را دارا می باشد .
 
 
 
عمليات اساسی امنيتی ASP.NET
 
 
Authentication: عبارت است از روند اعتباردهی هويت يک کاربر به پذيرفتن يا رد کردن يک درخواست، يعنی دريافت گواهی نامه ها (برای مثال نام کاربر و کلمه عبور) از کاربران و اعتبار دهی آن. بعد از اينکه هويت بررسی شد و معتبر تشخيص داده شد، کاربر بصورت قانونی مطرح می شود و درخواست های دسترسی به منابع انجام می شود. بصورت ايده آل درخواست های آتی همان کاربر تا هنگام خروج از سيستم مرتبط با روند Authentication نيست .
 
 
Authorization: عبارت است از روند تضمين نمودن اينکه کاربران با هويت های معتبر مجاز به دسترسی به منابع مشخصی هستند .
 
 
Impersonation: اين روند يک برنامه کاربردی را قادر می سازد تا به نوبت هويت کاربر و درخواستهای بعدی او برای ساير منابع را تضمين کند. دسترسی به منابع متناسب با هويت کاربری که جايگزين شده است (Impersonated) تاييد يا رد می گردد. به عبارت ديگر Impersonation يک پروسه سرويس دهنده (Server Process) را قادر می سازد تا با استفاده از امنيت گواهی نامه سرويس گيرنده ها (Client) اجرا شود .

 



 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:53 AM | نظرات 0 | لینک مطلب

امضاء دیجیتالی از دیدگاه کاربران
 
وقتی از یک کاوشگر با قابلیت Activex استفاده می کنید در واقع سطوح امنیتی مختلفی را در اختیار دارید ، که می توانید از آنها بسته به نیازتان استفاده کنید . این سطوح عبارتند از : ضعیف ، متوسط ، شدید . برای انتخاب سطح امنیتی دلخواه در کاوشگر Internet Explorer ، آیتم Internet Options را از منوی View انتخاب کرده و سپس به برگه Security بروید .
در قسمت پایین دیالوگ می توانید سایتهای هر منطقه را انتخاب کرده و سپس در قسمت پایین دیالوگ سطح امنیتی هر منطقه را تعیین کنید . سایتهای قابل اطمینان و شناخته شده را می توانید در منطقه مورد اعتماد ( Trusted ) قرار دهید . این منطقه دارای سطح امنیتی ضعیف است . سایتهای ناشناخته را در منطقه محدود ( Restricted ) که سطح امنیتی بالایی دارد ، قرار دهید .
سطوح امنیتی Internet Explorer عبارتند از :
• شدید ( High ) : برنامه های بالقوه خطرناک هرگز بار نمی شوند . هر اقدامی برای بار کردن محتویات فعال به شما اطلاع داده خواهد شد .
• متوسط ( Medium ) : هنگام بارکردن محتویات فعال به شما اخطار داده می شود ولی این امکان را خواهید داشت که ( بر اساس امضاء دیجیتالی ) آنرا بار کنید .
• ضعیف ( Low ) : تمام محتویات فعال بدون هیچ اخطاری بار خواهند شد .
• قابل تنظیم ( Custom ) : می توانید برای هر نوع محتویات فعال سطح امنیتی مناسب ( هرگز بار نشود ، با دادن اخطار بار شود ، همیشه بار شود ) را تعیین کنید . توصیه می شود تا زمانیکه با تمام انواع محتویات موجود در وب آشنا نشده اید از این گزینه استفاده نکنید .
روش کار این سیستم چنین است : وقتی به صفحه وبی می روید که می خواهد محتویات فعال خود را برای شما بفرستد ، کاوشگر ابتدا امضای دیجیتالی تمام آیتم های نرم افزاری آنرا چک می کند . اگر امضای دیجیتالی وجود نداشته باشد ، محتویات فقط در سطح امنیتی ضعیف اجازه بارشدن خواهند داشت . در غیر این صورت ، با توجه به اطلاعات موجود در امضای دیجیتالی ، سالم بودن آیتم ها ( عدم تغییر در محتویات آنها ) بررسی می شود . ضرورت این کار از آنجا ناشی می شود که افراد شرور می توانند برای یک نرم افزار بی ضرر امضای دیجیتالی و تائیدیه بگیرند و سپس آنرا تغییر داده و بصورت خرابکار و خطرناک در آورند .
در سطح امنیتی متوسط نام تولید کننده نرم افزار بایستی از منابع تایید شده از سوی شما مطابقت داده خواهد شد . اگر این نام در لیست مورد اعتماد شما نباشد ، دیالوگی موضوع را گوشزد کرده و اجازه بارکردن آنرا به شما خواهد داد . در همین دیالوگ می توانید تولید کننده مزبور را هم به لیست معتمدین خود اضافه کنید .
 
 
 
سایتها در Internet Explorer .


 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:52 AM | نظرات 0 | لینک مطلب

ابتدار فولدر مورد نظر را انتخاب ، سپس بر روي آن راست كليك كرده و گزينه ي Copy را از منوي باز شده انتخاب مي نماييم . سپس به محيط مقصد رفته و با راست كليك مجدد گزينه ي Paste را كليك مي كنيم .
 
2- انتخاب Folder ، سپس از منوي Edit گزينه ي Copy را كليك مي كنيم و بعد از آن به درايو مقصد رفته از منوي Edit گزينه ي Past را كليك مي كنيم .
 
3- مي توان از كليدهاي ميانبر استفاده كرد . به اين صورت كه ابتدا فولدر مورد نظر را انتخاب كرده سپس براي Copy كردن ، كليدهاي Ctrl + C و براي Past كردن كليدهاي Ctrl +V را همزمان فشار مي دهيم .
 
4- به وسيله ماوس يعني انتخاب Folder و كشيدن Folder مورد نظر به پنجره ي دلخواه ( Drag & Drop )
 
 
ايجاد كليد ميانبر براي Folder
 
روش هاي ايجاد Short cut
 
1- كليك راست روي فولدر مورد نظر و انتخاب گزينه ي Create shortcut
2- انتخاب كردن فولدر مورد نظر و سپس از منوي File گزينه ي New و در نهايت انتخاب زير منوي Short cut
 
در فضاي خارج از مكان فولدرهاي يك درايو راست كليك كرده و از منوي باز شده گزينه ي New و سپس زير منوي Shortcut را انتخاب كنيد پنجره اي با عنوان Create shortcut باز مي شود . در قسمت Brows نرم افزار مورد نظر را انتخاب كرده و Ok كنيد ، سپس كليد Next را فشار دهيد و در آخر نام مورد نظر را براي Shortcut وارد كرده و كليد Finish را فشار دهيد . قابل ذكر است كه اين آيكون ها داراي يك فلش كوچك در قسمت پايين و سمت چپ شكل فولدر مي باشد .
 
 
نكته : اگر قصد ايجاد Shortcut در محيط Desktop را داريد از فرمان Send to استفاده كنيد و يا Drag & Drop كنيد .
 
فرمان Send To :
 
همانطور كه در بالا قيد شد يكي از روشهاي Shortcut فرمان Send to مي باشد . براي اين كار نرم افزار يا فايل مورد نظر را Select كرده بر روي آن راست كليك كنيد سپس گزينه ي Send to و از زير منوي باز شده ، مقصد را انتخاب كنيد .


 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:49 AM | نظرات 0 | لینک مطلب

همانطور که می دانید سیستم رتبه بندی گوگل در دوره های زمانی خاصی مجدداً سایت های موجود را رتبه بندی می کند و سایت های زیادی در این میان با کاهش رتبه مواجه می شوند. اگر شما مایلید که رتبه فعلی سایت خود در گوگل را از دست نداده و حتی به رتبه های بالاتر صعود کنید به نکات زیر توجه کنید .
1- تنوع در لینک ورودی: یکی از بهترین مکان هایی که مشتریان می توانند سایت شما را پیدا کنند موتورهای جست وجو هستند اما شما نباید فقط به این مساله اکتفا کنید بلکه سعی کنید توسط دیگر وبلاگ ها یا وب سایت ها به شما لینک داده شود. اگر لینک شما یک سویه و ورودی باشد تنها دیگران به وبلاگتان لینک خواهند داد و رتبه شما افزایش می یابد. نرم افزار رتبه بندی چنین محاسبه می کند که هر چقدر بیشتر به یک صفحه اینترنتی لینک داده شده باشد پس از اهمیت خاصی برخوردار است .
2- استفاده از سایت های با رتبه بالا: نکته دیگر اینکه سعی کنید از سایت هایی که رتبه بالایی دارند برای اضافه کردن لینک استفاده کنید. فرستادن اخبار مربوط به سایت شما به همراه لینک سایت به سایت های خبری با رتبه بالا یا حتی ارائه مقالات سایت تان در سایت های با رتبه بالا می تواند تاثیر مناسبی در افزایش یا نگهداری رتبه سایت شما داشته باشد .
3- نام دامنه مناسب: تا حد امکان سعی کنید از نام دامنه کوتاه استفاده کنید. بسیاری از افراد در معرفی حضوری یک وب سایت، نام های کوتاه تر را به سادگی معرفی می کنند و شنوندگان هم آسان تر نام های کوتاه را به خاطر می سپارند .
4- استفاده از تبلیغات معمولی : سعی کنید نام سایت خودتان را روی خودکار یا اجناس تبلیغاتی دیگر منتشر کنید. به این ترتیب بازدیدکنندگان زیادی را به سایت خود اضافه خواهید کرد. این توصیه شاید به طور مستقیم باعث افزایش یا نگهداری رتبه سایت شما نشود اما به طور غیرمستقیم در معرفی سایت شما به موتورهای جست وجو موثر خواهد بود .
5- استفاده از محصولات با قابلیت توزیع: ارائه کتاب های الکترونیکی یا مقالات مفید یا حتی ارائه محصولات نرم افزاری رایگان در سایت شما کمک زیادی به افزایش بازدیدکنندگان و همچنین معرفی سایت شما در دیگر سایت ها و در نتیجه افزایش رتبه شما خواهد داشت .
6- بررسی وضعیت لینک های سایت:همیشه در معرفی سایت های دیگران در سایت تان مراقب باشید. بسیاری از این نوع سایت ها بعد از مدتی لینکشان را عوض می کنند یا اینکه به دلیل مشکلات فنی درست کار نمی کنند. سعی کنید مجموعه لینک های سایت خودتان را مرتب بررسی کنید و لینک های نادرست را حذف یا تصحیح کنید. تعداد بیشتر لینک های بدون استفاده در یک سایت باعث کاهش بیشتر رتبه سایت در موتورهای جست وجو خواهد شد .
7- استفاده از کلمات کلیدی: هیچ گاه از استفاده صحیح از کلمات کلید غافل نشوید. مرتب کلمات کلید سایت خود را بررسی کرده و در صورت نیاز کلمات آن را تصحیح کنید. به خاطر داشته باشید که این تغییرات به صورت افزایشی باشد. تغییر یک باره کل کلمات کلید سایت می تواند تاثیر بسیار مخربی روی رتبه سایت شما در موتورهای جست وجو داشته باشد .

 



 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:48 AM | نظرات 0 | لینک مطلب

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

مثالها

ایجاد فراپیوند
این مثال نشان می دهد که چگونه می توان، در متن نوشته شده، فراپیوندی ایجاد کرد.

عکس، به عنوان فراپیوند
این مثال عکسی را به یک فراپیوند تبدیل می کند.

(مثالهای بیشتر، در انتهای این صفحه آمده است)

برچسب Anchor و موجودیت Href

HTML از برچسب <a> برای ساخت یک پیوند به پرونده های دیگر استفاده می کند. یک anchor می تواند به هر منبعی در وب اشاره کند.یک صفحه HTML ، یک عکس ، یک فایل صوتی ، یک فیلم و ... .
دستورالعمل ساخت یک Anchor

<a href="url"> متنی که نمایش داده می شود </a>

در هنگام ساختن یک Anchor باید مکانی که پیوند به آن پرونده اشاره میکند را مشخص کرد. برای نمایش آدرس پرونده از موجودیت href استفاده می شود.کلمات بین بر چسب آغازو پایان Anchor به عنوان فرا پیوند نمایش داده می شود. 
این Anchor یک پیوند به html.ir را معرفی می کند:

<a href="http://www.html.ir"> html.ir را ملاقات کنید </a>

خط بالا شبیه این نشان داده خواهد شد :

html.ir را ملاقات کنید

موجودیت Target

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

<a href="http://www.html.ir/" target="_blank"> html.ir را ملاقات کنید </a>

برچسب Anchor و موجودیت نام

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

<a name="lable">متنی که نوشته می شود</a>

از موجودیت نام برای ساخت یک Anchor نام دار استفاده می شود. نام یک Anchor می تواند هر متنی که شما بخواهید باشد.خط زیر یک Anchor نام دار را معرفی می کند.

<a name="tips"> بخش اطلاعات مفید </a>

شما باید توجه کنید که یک Anchor نام دار، در یک حالت خاص نشان داده نمی شود. برای پیوند مستقیم به بخش "Tips" یک علامت "#" و نام آن Anchor را به انتهای آن url اضافه کنید:

<a href="http://www.html.ir/links.html#Tips"> پرش به بخش اطلاعات مفید </a>

یک فرا پیوند به بخش نکات مفید از میان فایل "Links.html" شبیه به این خواهد بود

<a href="#Tips"> پرش به بخش نکات مفید </a>

نکات پایه ای - اطلاعات مفید

همیشه یک علامت "/" به منابع زیر پوشه ها اضافه کنید. اگر شما پیوندی مثل این درست کنید

href="http://www.html.ir/links.html"

شما دو تقاضا برای سرور درست کرده اید ، چون سرور یک علامت "/" به انتهای آدرس اضافه کرده و یک تقاضای جدید درست می کند. مثل این:

href="http://www.html.ir/links.html/"

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

مثالهای بیشتر

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

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

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

فراپیوند Email
در صورتیکه آدرس فراپیوند شما، از شماهای دیگری غیر از http، مانند mailto و یا ftp استفاده کند، چه می شود. این مثال نمونه ای را نمایش می دهد.

فراپیوند Email (نوعی دیگر)
در این مثال نمونه دیگری از فراپیوند نوع mailto را می بینید.

برچسب Anchor

برچسب ها توضیحات
<a>یک Anchor را معرفی می کن


 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:46 AM | نظرات 0 | لینک مطلب

 Html، برچسبهای زیادی برای قالب بندی متن، مانند برچسب نمایش برجسته و یا برچسب مورب، دارد. در زیر مثالهای زیادی برای شما وجود دارد:

مثالها

نوع نمایش متن
در این مثال، نمایشهای گوناگون متن را می بینید.

قالب بندی پیش فرض
به کمک برچسب pre، قالب بندی اولیه متن خود را(شامل فاصله ها و سرخط ها)، حفظ کنید.

برچسبهای "خروجی کامپیوتری"
نوشته های کامپیوتری، حالتهای خاصی دارند که می توان به کمک برچسبها، متن نوشته شده را به آن حالتها نمایش داد. مثال را ببینید.

آدرس
برچسب address، حالت خاص نمایش آدرس را به متن ما می دهد. ببینید.

مخفف و مترادف
اگر بخواهیم مخفف و یا مترادف یک کلمه را در متن نشان دهیم چه می کنیم؟ مثال را ببینید.

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

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

متن حذف و یا اضافه شده
برای نمایش کلمات حذف و یا اضافه شده به متن اصلی، مثال را ببینید.

چگونه منبع HTML را ببینیم?

آیا شما تا حالا صفحه ای را دیده اید که از دیدن آن شگفت زده شده با شید وبگویید چگونه این کار را انجام داده اند؟
برای پیدا کردن آن بسادگی بروی گزینه view روی نوار ابزار کلیک کنید وگزینه source یا page source را انتخاب کنید.آن یک پنجره ای را باز خواهد کرد که به شما HTML واقعی آن صفحه را نشان خواهد داد.

برچسب های قالب بندی متن

برچسب ها توضیحات
<b>متن را برجسته معرفی می کند
<big>متن را بزرگ معرفی می کند
<em>متن را مورب معرفی می کند
<i>متن را مورب معرفی می کند
<small>متن را کوچک معرفی می کند
<strong>متن را برجسته معرفی می کند
<sub>متن را زیرنویس دار معرفی می کند
<sup>متن را بالانویس دار معرفی می کند
<ins>قطعه متنی را که در متن اصلی جا داده شده معرفی می کند
<del>قطعه متنی را که از متن اصلی حذف شده نشان می دهد
<s>توصیه نمی گردد. به جای آن از <del> استفاده کنید.
<strike>توصیه نمی گردد. به جای آن از <del> استفاده کنید.
<u>توصیه نمی گردد.به جای آن از خواص Style استفاده کنید

برچسب های خروجی کامپیوتر

برچسب ها توضیحات
<code>متن کد کامپیوتری را معرفی می کند
<kbd>متن صفحه کلید را معرفی می کند
<samp>متن نمونه مثال های کامپیوتری را معرفی می کند
<tt>متن را بصورت ماشین نویس معرفی می کند
<var>یک مقدار را معرفی می کند
<pre>متن از پیش قالب بندی شده را معرفی می کند
<listing>توصیه نمی گردد. به جای آن از <pre> استفاده کنید
<plaintext>توصیه نمی گردد. به جای آن از <pre> استفاده کنید
<xmp>توصیه نمی گردد. به جای آن از <pre> استفاده کنید

برچسب های نقل قول ، کتیشن و توضیحات

برچسب ها توضیحات
<abbr>یک کلمه مخفف را معرفی می کند
<acronym>یک سرنام را معرفی می کند
<address>یک عنصر آدرس را معرفی می کند
<bdo>جهت متن را معرفی می کند
<blockquote>یک کتیشن بلند را معرفی می کند
<q>یک کتیشن کوتاه را معرفی می کند
<cite>نقل قول را معرفی می کند
<dfn>یک عبارت توضیحی را معرفی می کند


 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:34 AM | نظرات 0 | لینک مطلب

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

مثالها

ساده ترین Html
این مثال ساده ترین نمونه html است که در آن، از کمترین برچسب ممکن، استفاده شده است. در این مثال جمله نوشته شده درون برچسب body، نمایش داده می شود. 

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

(مثالهای بیشتر، در انتهای این صفحه آمده است)

 سر تیتر ها

سر تیترها با برچسب های <h1>تا<h6>معرفی می شوند.<h1>بیانگر بزرگترین سرتیتر  و<h6> بیانگر کوچکترین سر تیتر است. HTML بطور خودکار فضای خالی اضافی  به قبل و بعد از سر تیترها اضافه می کند.

<h1> This is a heading </h1>
<h2> This is a heading </h2>
<h3> This is a heading </h3>
<h4> This is a heading </h4>
<h5> This is a heading </h5>
<h6> This is a heading </h6>

پاراگراف ها

پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.

<p> This is a paragraph </p>
<p> This is another paragraph </p>

پرش به خط بعد

برچسب <br> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. برچسب <br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.

توضیحات در HTML

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

<!--This is a comment-->

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

نکات پایه ای - اطلاعات مفید

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

مقداری اطلاعات اضافی

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

برای وارد کردن یک خط خالی یک عملکرد بد است.بجای آن از برچسب <br>استفاده کنید.(اما از <br> برای ساخت لیست خالی استفاده نکنید ، صبر کنید تا در مورد لیستهای HTML یاد بگیرید)
شما ممکن است متوجه باشید که پاراگراف ها می توانند بدون بستن برچسب <p/> نوشته شوند.نسخه بعدی HTML اجازه نخواهد داد که هیچ برچسب پایانی را جا بیندازید.HTML بطور خود کار یک خط خالی اضافی قبل و بعد از برخی عناصر اضافه می کند مثل قبل و بعد از پاراگراف و قبل و بعد از سر تیتر ها.ما از یک خط افقی (برچسب<hr>) برای جدا کردن بخش های مختلفدرسمان استفاده کرده ایم.

مثالهای بیشتر

پاراگرافهای بیشتر
این مثال رفتار برچسب پاراگراف را با نمایش چند نمونه از آن، نشان می دهد.

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

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

سر فصل
در این مثال طریق متمایز کردن جملات سر فصل را می بینید.

سر فصل در وسط خط
این مثال نشان می دهد که چگونه می توان،محل نمایش جمله، در خط را تعیین کرد.

خط افقی
این مثال روش نمایش یک خط افقی را نشان می دهد.

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

رنگ زمینه
می توانید رنگ زمینه html خود را تعیین کنید. این مثال را ببینید.

برچسب های پایه

برچسب ها توضیحات
<html>یک پرونده HTML را معرفی می کند
<body>بدنه پرونده را معرفی می کند
<h1> to <h6>سر تیتر 1 تا 6 را معرفی می کند
<p>یک پاراگراف را معرفی می کند
<br>یک خط خالی را معرفی می کند
<hr>یک خط افقی را معرفی می کند
<!-->توضیحات را معرفی می کند



 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:33 AM | نظرات 0 | لینک مطلب

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

برچسب های HTML

  • برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
  • بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند
  • این کاراکتر های محاط کننده قلاب نامیده می شوند
  • بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>
  • اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
  • متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
  • برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است.

عناصر HTML

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

<b>This text is bold</b>
عنصر HTML با یک برچسب شروع ، آغاز می شود:<b>
محتوای عنصر HTML: This text is bold
عنصر HTML با یک برچسب پایانی تمام می شود:<b/>
هدف برچسب <b> این است که تعریف کند عناصر HTML باید بصورت برجسته نشان داده شوند این نیز همچنین یک عنصر HTML است:

<body>
This is my first homepage.<b>This text is bold</b>
</body>

این عنصر HTML با برچسب آغازین <body> شروع و با برچسب پایانی <body/> تمام می شود.
هدف برچسب <body> این است که عناصر HTML را که محتوای بدنه HTML هستند تعریف کند.

چرا ما از برچسب هایی با حروف کوچک استفاده می کنیم؟

ما فقط گفتیم که برچسب های HTML حساس به حروف کوچک و بزرگ نیستند و <B>همان معنی <b>را می دهد.هنگامی که شما به وب گردی می پردازد، متوجه خواهید شد که بیشتر آموزش ها در مثال هایشان از حروف بزرگ برچسب های HTML استفاده می کنند.ما همیشه از برچسب های حروف کوچک استفاده می کنیم. چرا؟
اگر شما می خواهید خود را برای نسل های بعدی HTML آماده کنیدشما باید شروع کنید  و از برچسبهای حروف کوچک استفاده کنید.کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود برچسب های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) برچسبهای حروف کوچک را خواستار شده است.

عناصر برچسب:

برچسبها خود می توانند شامل عناصری باشند ، عناصر می توانند اطلاعات اضافی در باره عناصر HTML در صفحه شما را فراهم کنند.این برچسب عنصر بدنه را در صفحه شما معرفی می کند:
<body>
با اضافه کردن عنصر <bgcolor>شما می توانید به مرورگر بگویید که رنگ پس زمینه شما باید قرمز باشد مثل این:<"body bgcolor="red>
این برچسب یک جدول HTML را معرفی می کند:<table>. با اضافه کردن عنصر حاشیه شما می توانید به مرورگر بگویید که جدول نباید هیچ لبه و حاشیه ای داشته باشد: <"table border="0>
عناصر همیشه در یک زوج نام/مقدار می آیند، مثل این: نام="مقدار"
عناصر همیشه به برچسب شروع عناصر HTML اضافه می شوند

حالتهای کتیشن ، 'قرمز' یا "قرمز"؟

محتوای عناصر باید همیشه در کتیشن ها محدود شوند ، از هر دو حالت کتیشن و  دوبل کتیشن می توان استفاده کرد ولی استفاده از دوبل کتیشن ها متداول تر است. در بعضی موقعیت های نادر مثل هنگامی که محتوای عناصر خود دارای کتیشن هستند  لازم است که از تک کتیشن استفاده کنیم: 'Name='john "shotgun" Nelson

 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:28 AM | نظرات 0 | لینک مطلب

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:

  1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
    نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
  2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
    بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
  3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
    برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.


 نگاشته شده توسط علي زارعي در شنبه 7 آذر 1388  ساعت 10:22 AM | نظرات 0 | لینک مطلب






POWERED BY RASEKHOON.NET