تگ های فونت ، لینک ، تصویر ، کامنت گذاری
سلام خب بریم سراغ قسمت پنجم ، از این به بعد مخوایم با تگ های پیشرفته تر آشنا بشیم تگ هایی که انعطاف پذیزی بالاتری دارن و کارایی بیشتری هم دارند سعی میکنم از تگ هایی که به متون مربوط میشن شروع کنم تا زیاد از مبحث قبلی دور نشیم
توی مباحث قبل شما با چندین نوع تگ آشنا شدید که همگی کار مشخصی داشتند و به نوعی یک حالت کلیشه ای را دار ا بودند اما تگ هایی وجود داره که میشه با کمی بیشتر باهاشون کار کرد یعنی فقط با بردن یک کلمه تگ شروع و اتمام نیابد ، خب بریم سر معرفیمون
تگ اول : تگ font> :
امکاناتی که این تگ به ما میده اینه که میتونیم خانواده فونت رو مشخص کنیم ، رنگ فونت رو مشخص کنیم ، اندازه فونت رو مشخص کنیم :نمونه بالا یک نمونه میشه گفت کامل بود که لپ مطلبو میرسونهکد HTML:<font size="5" color="brown" face="Arial">This Is a Test</font>توی قسمت اول تگ من اندازه متن رو نشون دادم این قسمت رو شما میتونید یک عدد بین 1 تا 7 قرار بدید در حال حاظر من اندازه فونت رو توی حالت متوسط گذاشتم ، قسمت بعد رنگ فونت رو مشخص کردم در این قسمت میتونید نام رنگ مورد نظر یا کد رنگتان را وارد کنید . به طور مثال برای رنگ مشکی میتوان از کلمه "black" یا کد رنگ "000000#" iاستفاده کرد اگر با کد رنگ ها آشنایی ندارید استفاده نمایید ، در قسمت سوم این تگ من نوع فونت رو مشخص کردم شما میتونید نام فونت ها رو توی این قسمت بزارید نمونه هاش دیگه ای که میشه گذاشت : " georgia , tahoma , arial , times new roman , vardena " و بسیاری دیگر است ، نتیجه کد بالا به شکل زیر خواهد شد :
This Is a Test
------------------------------------------
برچسبها:
ادامه مطلب
کار با متن ها و نوشته ها در html قسمت دوم
خب امروز بخض آخر آشنایی با تگ های متون هستش بعد این به سراغ تگ های پیشرفته تر میریم تا اینجا هرچی تگ یاد گرفتید رو توی یه فایل اچ تی ام ال حتما" تست کنید که از یادتون نره
خط تگ اول تگ <nobr> هستش ، اگر به نام تگ دقت کنید نوشته no br اگر به درس قبل توجه کرده باشید تگ <br> باعث به وجود اومدن خط جدید میشد ... این تگ برعکس تگ br هستشیعنی نمیزاره خط جدیدی توی نوشته ایجاد شه و نوشته به صورت یک جا و در یک خط نمایش داده بشه
...
نتیجه به شکل تکرار کلمات بدون ایجاد خط جدید خواهد شدکد HTML:<nobr> test,test,test,test,test,test,test,test,test,test,test,test ,test,test,test,test,test,test,test,test,test,test,test,test,test,test,test ,test,test,test,test,test,test,test,test,test,test,test,test,test,test,test ,test,test,test,test,test,test,test,test,test,test,test,test,test,test,test ,test,test,test,test,test,test,test,test,test,test,test,test,test,test,test </nobr>
-----------------------------------------
تگ بعد تگ <PRE>هستش ، این تگ تمام فضای های خالی که در میانش هست رو بدون تغییر ایجاد میکنه ، همون طور که قبلا" توی تایپک های قبل گفتم توی html فضاهای خالی در نظر گرفته نمیشوند اما گاهی موارد نیاز است که فضاهای خالی درست نمایش داده شوند مثلا در فرمول ها پیش نمایش کد ها و ... برای این کار از این تگ استفاده میشود ...این تگ رو خودتون باید تسک کنید اینجا نمیشه نمونشو نشون دادکد HTML:<PRE> x=1; y=2; if (x==1) { y=2; } </PRE>
------------------------------------
خط دو تگ دیگه هم هست که با هم معرفیشون میکنم چون خیلی شبیه هم هستن کاراییشون شکل همه دو تگ <SUB> و <SUP> بیشتر در زمانی استفاده می شوند که شما می خواهید در صفحه خود معادلات ریاضی را به نمایش در آورید اما ممکن است شما برای چیزهای دیگری هم از آنها استفاده کنید. از این تگها برای قرار دادن حروف یا اعداد کمی بالاتر یا پایینتر از بقیه متن در صفحه استفاده می شود. مانند این:اینجا نمیشه نتیجه رو دید خودتون تست کنید ...کد HTML:y<SUB>1</SUB> <br> 25<SUP>3</SUP>
-----------------------------------
برچسبها:
ادامه مطلب
کار با متن ها و نوشته ها در html
حالاکه با HTML آشنایی لازم رو پیدا کردیم وقتشه آروم آروم با تگ های مختلف آشنا بشیم برای این کار از تگ های متون شروع می کنیم ...
خب اولین تگ ، تگ پررنگ(Bold) کردن مطالب هست این تگ به شکل <b> نوشته میشه و با </b> به اتمام میرسه ...نتیجه به شکل :" This Is a Bold Text " خواهد شد .کد HTML:<b> This Is a Bold Text</b>
--------------------------------
خب تگ بعدی ، تگ ضخیم با کلفت(Strong) کردن مطالب هست این تگ مثل همون تگ قبلیه ولی فرق دارن این تگ به شکل <strong> نوشته میشه و با </strong> به اتمام میرسه ...نتیجه به شکل :" This Is a Strong Text " خواهد شد .کد HTML:<strong> This Is a Strong Text</strong>
--------------------------------
تگ بعد تگ زیر خط(Underline) هستش ، این تگ یک خط به زیر نوشته ها اضافه می کند و با <u> نوشته و با </u> اتمام میپذیرد ...نتیجه به شکل :" This Text Is Underlined " خواهد شد .کد HTML:<u> This Text Is Underlined</u>
--------------------------------
خب تگ بعدی ما تگ مورب کردن(Italic) متن هستش ، این تگ متن رو کمی کج میکنه و با <i> شروع و با </i> اتمام می پذیرد ...نتیجه به شکل : " This Is a Italic Text "خواهد شد .کد HTML:<i> This Is a Italic Text</i>
--------------------------------
تگ بعد تگ وسط چین کردن متن هست این تگ باعث میشود هر چیزی به وسط صفحه هدایت شود از جمله متون ، این تگ با <center> شروع و با </center> اتمام می پذیرد ...نتیجه به شکل زیر خواد شد :کد HTML:<center> This Text Is a Showed To Center</center>" This Text Is a Showed To Center "--------------------------------
و اما تگ بعد تگ خط خورده(strike) کردن متن است ، این تگ با <strike> شروع و با </strike> پایان میپذیرد ...اینجا نمیشه براش نمونه گذاشتکد HTML:<strike> This Is a Strike Text</strike>
--------------------------------
تگ بعدی تگ چشمک زن(Blink) کردن متن است ، این تگ با <blink> شروع و با </blink> اتمام میپذیرد ...اینجا نمیشه براش نمونه گذاشتکد HTML:<blink>blink blink blink</blink>
--------------------------------
خب دو تا تگ دیگه هم هست یکی برای ایجاد خط جدید در نوشته ها و دیگری ایجاد پاراگراف جدید در متن
تگ ایجاد خط جدید با <br> نوشته میشود و نیاززی به بستن آن نمی باشد و از چند تگی هست که نیازی به بسته شدن ندارد . برای امتحان توی فایلی که برای آموزش ساختید این متن را اول وارد نمایید :و آن را ذخیره و نتیجه را در مرورگرتان به نمایش در بیاورد چیزی که مشاهده میکنید به شکل :کد HTML:This Is a One Test Text On Line 1 This Is a One Test Text On Line 2This Is a One Test Text On Line 1 This Is a One Test Text On Line 2خواهد شد . برای اجرای درست این متن باید شما تگ مورد نظر رو در بین متن بزارید یعنی به شکل :تا به نتیجه درست برسید .کد HTML:This Is a One Test Text On Line 1 <br> This Is a One Test Text On Line 2
خب تگ بعد که تگ ایجاد پاراگراف جدید هست با <p> شروع می شود و با </p> اتمام می پذیرد ... تا اینجا اینا کافی هستن ا، این تگها ها رو توی فایل test1.html که ایجاد کردید امتحان کنید تا بهتر متوجه عملکرد این تگ ها شوید ...نتیجه به شکل زیر خواهد بود :کد HTML:This Is a One Test Text On Line 1 <br> This Is a One Test Text On paragraph 1 <p> This Is a One Test Text On paragraph 2 </p>This Is a One Test Text On Line 1 This Is a One Test Text On paragraph 1-------------------------------
This Is a One Test Text On paragraph 2
برچسبها:
ادامه مطلب
نوشتن در صفحات HTML :
زبون HTML از یک سری شناسه(tag) تشکیل شده ، یک شناسه یا تگ همواره برای اجرا می بایست با علامت کوچکتر ریاضی یعنی این علامت > آغاز شود و با علامت بزرگتر < به پایان برسد به طور مثل تگ ضخیم کردن متن به شکل <strong> نوشته میشود این شناسه را در پشت هر نوشته ای که بگذارید باعث میشود آن نوشته به شکل ضخیم در مرور گر نمایش داده شود . به این تگ ، تگ ابتدائی(Opening tag) می گویند زیرا هر چه بعد از این تگ نوشته شود با توجه به نوع درخواست تغییر میکنید . اما برای پایان بخشیدن به یک تگ چه باید کرد؟ برای این کار باید از تگ انتهایی را بکار برد ، تگ انتهایی مانند همان تگ ابتدائی است تنها یک " / " قبل از نام تگ قرار میگیرد
مثال کامل برای آشنایی با تگ ابتدائی و انتهایی :
<strong>this is a strong text</strong>
که نتیجه به شکل " یک متن ضحیم " خواهد شد .
- نکته 1: در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای ایجاد خط جدید استفاده می شود از این قبیل تگهاست، که به این صورت می باشد:
خط اول<br>خط دوم<br>خط سوم
- نکته 2:نیاز نیست که حتماً تگها با حروف بزرگ نوشته شوند. مثلاً <P> همان <p> است. البته در نسخه های جدیدتر HTML توصیه می شود کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است.
یک موضوع قابل توجه دیگر این است که فضا های خالی در HTML تاثیری ندارند . به طور مثال کد :
<a href="#"> this is a Hyper Link </a>
با کد :
<a href="#"> this is a Hyper Link </a>
هیچ تفاوتی نخواهد داشت ...
برچسبها:
ادامه مطلب
سلام دوستان از این به بعد میخوام اینجا یه آموزش کامل از HTML بدم ، به شما قول میدم بعد از تموم شدن این آموزش بدون هیچ مشکلی خودتون میتونید قالبتون رو بسازید) سعی میکنم کمی شوخی بین آموزش بگنجونم چون ادما در زمان شادی زودتر موضوعات رو تجزیه تحیلی میکنن
یه تذکرم بدم من شاید از وب سایت هایی به عنوان منبع ماخز استفاده کنم دوستان دندون رو جگر بزارن آخر مقاله تمامی منابع ماخز هایی که استفاده کردم رو هم میگم
خب اول یه آشنایی مختصر با HTML داشته باشیم :
تاریخچه HTML :
HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language)توسط Tim Berners-Lee در خلال دهه 90 ميلادي همراه با گسترش وب، شکوفا شد. اين زبان توسط مرورگر Mosaic معروفيت خاصي پيدا کرد. در آن زمان HTML در چند مدل منتشر مي شد که آن بستگي داشت به سازنده فايل و انجمنهايي که در زمينه وب فعاليت داشتند.
در نوامبر 1995 نسخه HTML 2.0 گسترش يافت و بلافاصله در همان سال HTML 3.0 منتشر شد، ولي استقبالي از آن نشد. در سال 1996 انجمن W3C شروع به فعاليت بر روي نسخه اين زبان کرد که حاصل کار آنها در 14 ژانويه 1997 انتشار HTML 3.02 بود. اين نسخه توانست رضايت اکثريت را جلب کند چون هماهنگي بيشتري با مرورگرهاي مختلف در سيستمهاي عامل متفاوت داشت. در تمام نسخه هاي اين زبان ، سعي بر اين شده بود تا نظر کساني که در زمينه وب سرمايه گذاري کرده بودند جلب شود و برنامه هاي توليد شده براي وب بتوانند مدت طولاني تري قابل استفاده باشند. به همين منظور HTML براي اهداف گسترده تري ، در وب توسعه يافت تا در کليه سيستمهاي اطلاع رساني و الکترونيکي کوچک و بزرگ با بکار بردن گرافيک و رنگها، قابليت بهره برداري بيشتري داشته باشد.
در 18 دسامبر 1997 نسخه HTML 4.0 در وب منتشر شد و در همين بين شرکتهاي توليد کننده مرورگر وب يکسري مشخصات منحصر بخود را به اين نسخه اضافه کردند که قابل اجرا در مرورگرهاي ديگر نبود. بعضي از اين تغييرات در W3C مورد تاييد قرار گرفت اما بعضي ديگر نه. با تغييرات HTML مرورگرها مجبور به تغيير شدند تا با تحولات جديد سازگار شوند.
در تاريخ 24 آوريل 1998 در اين نسخه تجديد نظر شد و حاصل آن پيدايش HTML 4.01 بود که با کمي تغيير و رفع يکسري مشکلات، در W3C برسميت شناخته شد و اين انجمن استفاده از آنرا به توسعه دهندگان و طراحان وب ، توصيه کرد.
بطور کل مجموعه HTML 4 با قابليت استفاده از embeded objects, frames, scripting, style sheets و با کارآيي بالاتر جدولها و فرمها به وب معرفي شد، همچنين در اين نسخه توجه زيادي به افراد با توانايي کم شده بود تا اين افراد هم بتوانند از محيط وب استفاده کنند. اما مهمترين قدمي که در اين نسخه برداشته شد، پشتيباني HTML از زبانهايي بود که از راست به چپ نوشته ميشدند مانند زبان فارسي، که در اين نسخه با پذيرفتن استاندارد ISO 10646 به هدف بزرگ بين المللي شدن اين زبان نزديک شدند تا همه مردم دنيا در هر کجا و با هر زباني بتوانند اسناد HTML را منتقل کنند.
HTML 4.01 تفاوت کمي با نسخه اصلي خود يعني 4.0 دارد اما در عوض هماهنگي بيشتري با نسل جديد زبان وب يعني XHTML و نسل بعدي يعني XML دارد. در اصل XHTML اساس و مقدمه XML است که براي هماهنگي و سازگاري HTML با XML منتشر شده است.
HTML 5.0 نیز به تازگی انتشار یافته که مورد توجه تمامی اهل فن قرار گرفته است ...
اطلاعات بیشتر در این مورد در ویکپدیا :
برچسبها:
ادامه مطلب
نرم افزار VMware یک نرم افزار مفید برای کسانی است که به اجرای چندین سیستم عامل یا نرم افزار به صورت هم زمان (و البته مجازی) نیاز دارند. با نصب این نرم افزار بر روی سیستم عامل اصلی خود قادر خواهید بود از طریق مجازی سازی سخت افزار و امکانات ویژه ی VMware به نصب چند سیستم عامل بپردازید. نکته ی قابل توجه در مورد VMware این است که سخت افزار های مجازی ساخته شده در هر یک از سیستم عاملها دارای خصوصیات مشابه میباشند اما به صورت مستقل عمل میکنند. قطعاتی نظیر حافظه و هارد دیسک هر یک در محیطی مجزا کار کرده و کارت شبکه این قابلیت را دارد که با بقیه کارتهای شبکه مجازی و حتی شبکه ی فیزیکی ارتباط بر قرار کند. به همین دلیل، این نرم افزار ابزاری مفیدی برای علاقه مندان به علم شبکه نیز خواهد بود.
ایستگاه کاری VMware
VMware، برای توسعه دهندگان نرم افزارها، مدیران سیستم و کسانی طراحی شده است که میخواهند در ساختار نرم افزاریشان تغییرات اساسی بدهند. این نرم افزار بیش از ۵ سال است که به بازار آمده و برنده جوایز متعددی شده است. VMware توسعه دهندگان نرم افزار را قادر میسازد تا پیچیده ترین برنامه های تحت شبکه را که در ویندوزهای مایکروسافت، Linux، Mac OS و غیره اجرا میشوند را روی تنها یک کامپیوتر واحد اجرا کنند.
برچسبها:
ادامه مطلب
CRM چیست؟
واژه CRM مخفف Customer Relationship Management به معنی سیستم مدیریت ارتباط با مشتری است. این سیستم، راهبردی برای جمع آوری نیازها و رفتارهای تجاری مشتریان به منظور ایجاد روابطه قوی تر با آن ها می باشد. بدیهی است که رابطه قوی با مشتریان مهم ترین رمز موفقیت هر کسب و کار می باشد. نرم افزار و تکنولوژی های بسیاری در قالب مدیریت ارتباط با مشتری (CRM) ارائه شده اند. اما داشتن تصویری از CRM به عنوان مجموعه ای از نرم افزارها یا تکنولوژی ها نادرست است. برای درک بهتر CRM، می توان آن را مانند فرایندی دانست که به ما کمک می کند تا اطلاعات مختلفی از مشتریان، فروش، اثر بخشی فعالیت های بازاریابی، سرعت عمل در پاسخگویی به مشتری و نیز تمایلات بازار را یک جا جمع آوری کنیم. امروزه شرکت ها و سازمان ها در کسب و کار، اغلب از نرم افزار CRM برای اتوماسیون فروش خود استفاده می کنند. اتوماسیون فروش، شرکت ها را قادر به تکمیل همه داده های تجاری برای بازاریابی، فروش، پشتیبانی و غیره در یک بسته نرم افزاری می کند. CRM می تواند برای نیازهای هر گونه تجارت منحصر به فرد بزرگ یا کوچک برنامه ریزی شود تا به تحلیل بازاریابی، فروش، پیدا کردن نقاط پیشرفت، تغییرات برای پیشرفت سریع، ارتباط مرکزی مدیریت، مدیریت رسانه اجتماعی و دیگر مسائل کمک کند. مدیران از این داده ها برای تشخیص مشتریان خود به منظور تخصیص سرمایه در جهت رسیدن به حداکثر سود استفاده می کنند. اگر هر فرد فروشنده، مدارک مربوط به هر داده را در سندها تنظیم کند، مدیران در یک چشم به هم زدن قادر به تشخیص موقعیت های با ارزش کاری خود و رسیدن به اهداف برتر می باشند. گزارش ها می توانند به صورت اتوماتیک به اطلاعات مورد نیاز تبدیل و مسیر یابی شوند. CRM به مدیران اجازه می دهد تا به آسانی عملکرد بهترین کارمند خود را تشخیص داده و پاداش او برای دستیابی به این عملکرد را اهدا کنند. در این صورت مسیر پیشرفت به صورت اتوماتیک پدیدار شده، اطلاعات فروش ها با مرکز بازاریابی به اشتراک گذاشته می شود و نمودار افت و خیز تولید بدست می آید.
برچسبها:
ادامه مطلب
+Google آمد! بگذار نبرد دربگیرد
تصور کنید مالکان فیس بوک از اینکه موفق ترین شرکت فعال در اینترنت و وب از امروز رقیب آنها شده چه احساسی دارند؟ تازه این آغاز نبرد است. اگر به سرویس جستجوی قدرتمند گوگل، سرویس جیمیل و گوگل پیکاسا را نیز بیافزاییم فیس بوک دست خالی تر خواهند ماند. باید دید تجربه نه چندان زیاد Facebook در زمینه شبکه های اجتماعی مقابل غول اینترنت چه خواهد کرد. البته با چشم اندازی دیگر می توان گفت که نفع این رقابت را کاربران خواهند برد و آنها برنده اصلی هستند.
برچسبها:
ادامه مطلب
نرم افزار Office 2010 یکی از معروفترین و جدیدترین مجموعه نرم افزار های کاربردی برای واژه پردازی، محاسبات آمار و ارقام، ذخیره سازی داده ها، نمایش اسلاید و ... می باشد که کاربران زیادی هر روزه از آنها استفاده می کنند. یکی از مهم ترین امکاناتی که این نسخه در مقایسه با ویرایشهای پیشین این بسته نرمافزاری ارائه کرده امکان استفاده از نسخه تحت وب آن می باشد. نرم افزار آفیس 2010 بر روی ویندوز XP با سرویس پک 3، ویندوز ویستا و ویندوز 7 قابل اجرا و نصب است. یکی از نکات بسیار مهم که باید به آن توجه داشت حجم بسیار پایینی از حافظه می باشد که این نرم افزار پس از نصب اشغال می کند. از اجزای این بسته نرم افزار می توان به موارد زیر اشاره کرد:
برچسبها:
ادامه مطلب
در شبکه های بیسیم همواره دغدغه امنیت مطرح بوده است. برای ایجاد امنیت و حفظ حریم خصوصی در این شبکه ها (مانند شبکه های سیمی) از پروتکل ها و روش های متفاوتی استفاده می شود که در این مقاله به بررسی دو پروتکل متداول خواهیم پرداخت:
WEP) Wirless Equivalency Porotocol)
یکی از روش های ابتدایی حفظ امنیت در شبکه های بیسیم استفاده از پرتکل WEP است. این پروتکل در لایه Mac در پروتکل 802.11 قرار دارد، اما WEP دارای مشکلات متعددی از جمله موارد زیر می باشد: 1) WEP تنها به شبکه های بیسیم اعمال می شود، پس در شبکه های ترکیبی کاربردی ندارد. 2) WEP چندان قوی نیست اما بودنش بهتر از نبودنش در شبکه است. 3) در WEP کلیدها به صورت دوره ای و خودکار تغییر پیدا نمی کنند و باید به صورت دستی آنها را تغییر داد، این در حالی است که تغییر کدگذاری ها دائما و به صورت خودکار نیاز به تغییر دارند. 4) کلیدها کوتاه، 40 بیتی و به صورت اشتراکی استفاده می شوند. 5) امکان تشخیص هویت وجود ندارد و فقط بر اساس SSID شناسایی انجام می شود. 6) نفوذ به این پروتکل به سادگی قابل انجام است. این کار به کمک نرم افزار WinAirCrack قابل انجام است. توصیه می شود در شبکه هایی که امنیت داده ها بسیار مهم است از این پروتکل امنیتی استفاده نشود.
برچسبها:
ادامه مطلب
