طراحی سایت ها وقتی جذاب تر خواهد شد که علاوه بر استفاده از انواع تکنولوژی ها از نرم افزارهایی هم استفاده شود که قابلیت های فراوانی را در اختیار طراحان قرار می دهد. این که یک طراح حرفه ای چه نرم افزاری را بر می گزیند علاوه بر این که تا حدود زیادی سلیقه ای است به خود طراح هم بستگی دارد اما وقتی نام محصول قدرتمند Adobe به میان می آید جای هیچ گونه سلیقه یا بحثی باقی نمی ماند. این قدر این ابزار قدرتمند و غنی از نظر امکانات است که اکثر طراحان برای طراحی های وب از این ابزار استفاده می کنند. Adobe DreamWeaver نام همان نرم افزار قدرتمندی است که امروزه حتی در اکثر دانشگاه ها هم برای طراحی ها و آموزش به دانشجویان آن را به عنوان مرجع نرم افزاری مطرح می کنند. DreamWeaver هرچند در ابتدای امر محصولی از Macromedia بود اما خرید این شرکت توسط Adobe باعث نشد تا از محبوبیت و البته قابلیت های این ابزار کاسته شود بلکه ادوبی توسط با ارائه نسخه های متعدد این ابزار خود را به یکی از قدرتمندترین شرکت ها در تولید نرم افزارهای طراحی وب تبدیل کند.
این ابزار بسیار قدرتمند که نسل جدید این ابزار با توجه به ارائه نسخه جدید مجموعه Creative Suite عرضه شده است نسبت به نسخه های قبلی هرچند با تغییرات گسترده ای رو به رو نشده اما همان تغییرات جزئی هم برای افزایش سرعت کارکرد نرم افزار نقش مهمی را ایفا می کنند. Adobe DreamWeaver CS5 که در حقیقت نسخه ۱۱ این ابزار می باشد علاوه بر پشتیبانی از اکثر فرمت ها توانایی طراحی به صورت Design و Code را دارد ، پشتیبانی کامل از تکنولوژی های جدید استفاده شده در صفحات وب و به ویژه دو زبان PHP و .Net به کاربران حرفه ای در طراحی سایت های پویا کمک زیادی می کند.
واسط کاربری جذاب نرم افزار و البته حرفه ای که اکثر گزینه ها به صورت هوشمند در کدنویسی اضافه می شوند و البته با توجه به تغییرات و بهینه سازی هایی که در این نسخه انجام شده سرعت عملکرد آن ها هم افزایش یافته است ، طراحان را در طراحی های سریعتر یاری می دهد. بهینه سازی های انجام شده با توجه به گرافیک و حجم نسبتا سنگین نرم افزار تنها مختص به این ابزار نمی شود و ادوبی سعی کرده با این ترفند ساده همچنان میان تمام کاربران محبوب باقی بماند.
آپلود مستقیم فایل ها برروی هاستینگ با امکان تغییرات مستقیم برروی صفحات ، امکان هماهنگ سازی با بانک اطلاعاتی ، رنگ بندی برای هر سیستم برنامه نویسی به منظور سهولت در شناسایی کدها و یا خطایابی ، سازگاری مثال زدنی با CSS و HTML و نسخه های جدید آن ، سازگاری کامل تر با فلش و متعلقاتش ، سازگاری با فتوشاپ و بهینه سازی های انجام شده برای نمایش سریعتر و بهتر تصاویر در وب سایت ، پشتیبانی از تکنولوژی Ajax و موارد بسیار دیگر از جمله مهم ترین خصوصیاتی هستند که در این ابزار به وضوح به چشم می خورد.
نسخه جدید نسبت به قبل تغییرات جدیدی را در خود می بیند که هریک از آن ها علاوه به بهبود عملکرد نرم افزار امکانی جدید به حساب می آیند. یکی از این قابلیت ها که فوق العاده می تواند برای کاربران حرفه ای و همچنین مدیران سایت ها مفید باشد سازگاری و امکان ویرایش مستقیم سیستم مدیریت سایت ها یا همان CMS هاست که به راحتی می توانند در Adobe DreamWeaver CS5 ME کدها یا حتی سایت را ویرایش کنند. این سیستم ها که از معروفترین آن ها می توان WordPress و Joomla می توان اشاره نمود که از PHP استفاده می کنند.
امکان جدید دیگری که در این نسخه اضافه شده است سازگاری هرچه بهتر با CSS بوده که کمک زیادی در طراحی ها می دهد. برای کدنویسی هایی به زبان PHP هم امکاناتی جدیدی در نظر گرفته شده که برای حرفه ای های این زبان بسیار مفید است ؛ کدها به صورت هوشمند در ادامه تایپ کاربر اضافه خواهند شد و این امر برای طراحی ها و همچنین ویرایش سیستم های مدیریتی فوق العاده مفید خواهد بود. راه اندازی بسیار ساده یک سایت از جمله خصوصیاتی است که با چند دقیقه کار با Adobe DreamWeaver CS5 ME به راحتی قابل حس خواهد بود.
نسخه ۱۱ این نرم افزار که به تازگی هم ارائه شده به صورت کامل آماده گردیده تا شما کاربران حرفه ای که قصد طراحی و یا ویرایش و یا حتی تجربه ای جدید را دارید می توانید  Adobe DreamWeaver CS5 ME از سرورهای آسان دانلود دریافت نموده و از امکانات فوق العاده آن نهایت استفاده را ببرید.

قابلیت های کلیدی نرم افزار Adobe DreamWeaver CS5 ME v11.0:
- ساخت ، طراحی ، ویرایش صفحات وب
- محیط طراحی وب سایت با سه متد مختلف
- پشتیبانی از فرمت های مختلف صفحات وبActive Server Pages (ASP) ، Java Server ، PHP  ،  XML ، HTML ، JSP ، CSS ، ASPX و چندین و چند زبان برنامه نویسی دیگر
- محیطی متفاوت از نرم افزار های دیگر و بسیار کارا و حرفه ای
- پشتیبانی و طراحی صفحات وب بر پایه CSS ها
- استفاده از پشتیبانی از تمامی ابزار های موجود روی صفحات وب نظیر ، عکس ها ، انیمشن ها و …
- امکان برقراری ارتباط میان برنامه های نوشته شده با بانک های اطلاعاتی معروف
- هوشمند بودن نرم افزار در شناسایی کد های نوشته شده
- سازگار با نرم افزار های دیگر شرکت Adobe
- پشتیبانی از زبان شیرین فارسی به صورت کامل
- پشتیبانی و توسعه صفحات پویا و داینامیک با قدرت ای جکس (AJax )
- سازگاری کامل با نرم افزار معروف Adobe Photoshop و فرمت PSD
- ویرایش آنلاین صفحات وب
- امکان آپلود صفحات بر روی هاست و سرور
- پشتیبانی و سازگاری با محصول جدید Adobe یعنی Adobe Air
- واسط کاربری جدید و بهینه شده برای کاربران
- سازگاری بهتر با CSS ها
- طراحی، توسعه و گسترش رابط های کاربری پویا با استفاده از Spry framework for Ajax
- افزایش کارایی CSS ها در صفحات وب با کمک کامپوننت های Spry widgets
- محیط سازگار با مجموعه Creative Suite و سایر محصولات جدید Adobe
- امکان وارد نمودن CSS به داخل پروژه با استفاده از CSS layouts
- گنجاندن داده ها در داخل صفحه وب با استفاده از XML از یک منبع RSS یا پایگاه داده
- مشاهده نحوه نمایش وب سایت طراحی شده بروی موبایل با استفاده از Adobe Device Central
- قابلیت اضافه نمودن Transition هایی مانند grow, shrink, fade, highlight & …
- امکان مدیریت کامل CSS ها
- پشتیبانی کامل از زبان شیرین فارسی
- سازگاری با نسخه های مختلف ویندوز از جمله ویندوز محبوب ۷
- و …

قابلیت های کلیدی اضافه شده در Adobe DreamWeaver CS5 ME v11.0:
- پشتیبانی و سازگاری با CMS
- سازگاری و هوشمندی نرم افزار و هماهنگی خاص با PHP
- امکانات فوق العاده حرفه ای برای CSS
- سازگاری و هماهنگی با Adobe BrowseLab
- سازگاری و امکان کدنویسی هوشمند کدهای  وردپرس
- راه اندازی سریعتر یک سایت در نسخه جدید
- بهینه سازی شده برای افزایش سرعت در نصب و عملکرد سیستم
- و …

رمز : www.afaghdl.com

حجم : ۳۹۶ مگابایت

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

بیش از ۳۰  گرافیکی برای طراحی وب ! دانلود با لینک مستقیم از افاق دانلود با پسوند tif و eps!

ادامه مطلب…

دانلود

حجم : ۲/۵ مگابایت

رمز عبور: www.asandownload.com

ادامه مطلب…

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

برای ایجاد فروش بیشتر از طریق سایت روی نکات زیر تمرکز کنید.

۱- زمان LOAD ، اندازه صفحات و سیستم هدایت بازدیدکننده در سایت

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

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

برای اطمینان از سرعت بالا آمدن سایت خود به آدرس زیر مراجعه نمایید:

http://www.tracert.com

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

۲- استفاده کمتر از عوامل گرافیکی

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

در سایت زیر ابزار مفیدی برای بهینه سازی تصاویر گرافیکی برای استفاده در محیط وب وجود دارد:

http://www.netmechanic.com/accelerate.htm

3- استفاده از CSS (cascading style sheet)

با استفاده از فایل های CSS می توانید بسیاری از تگ های تکراری html مانند Font را حذف نمایید. این گونه تگ ها معمولا ۵ تا ۷ درصد حجم صفحات شما را اشغال می کنند. تصور کنید که در صورت داشتن ۱۰۰ صفحه در سایت، در چه حجمی صرفه جویی خواهید کرد.

۴- شکستن سایت به جدولهای (table) کوچکتر

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

۵- استفاده از نقشه سایت

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

۶- محتویات غنی

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

۷- عنوان (title) صفحات

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

۸- استفاده آسان برای کاربر

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

۹- امنیت سایت

سایت فروش باید امن باشد و به بازدیدکننده اطمینان بدهد که اطلاعات شخصی که او به سایت می دهد در مکان مطمئنی قرار می گیرد و به هیچ عنوان در اختیار دیگران قرار نخواهد گرفت و یا فروخته نخواهد شد. این موضوع برای خریداران online بسیار اهمیت دارد بنابراین هرگونه تضمین و اطمینان از امنیت سایت باعث بهبود فروش خواهد شد.

۱۰- صفحه تشکر از خریدار

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

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

ادامه مطلب…
تنها با انتخاب چند گزینه توسط کاربران صفحه ای که مورد نظر وی بوده است، ساخته می شود. این گونه صفحات به کاربران توانایی دسترسی سریع به حجم عظیمی از اطلاعات و به مدیران سایت ها سرعت و سادگی به روز رسانی اطلاعات را هدیه می کنند زیرا تنها اطلاعات پایگاه داده به روز رسانی می شود، نه صدها صفحه دیگر!
ممکن است هنوز هم آنها کمی برای شما پیچیده به نظر برسند. اگر اینگونه است آخرین باری که در گوگل جستجو کرده اید را به خاطر آورید. صفحه ای که نتایج جستجو را در اختیار شما قرار داد یک صفحه دینامیک بود!
صفحه دینامیک در حقیقت وجود ندارد و تنها با توجه به درخواست کاربر ساخته می شود. برای ساخت اینگونه صفحات از تکنولوژی هایی نظیر دات نت، PHP, ASP, JSP, Cold Fusion, Perl استفاده می شود.

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

گفته شد که برای ساخته شدن این صفحات باید متغیرهایی انتخاب شوند و سپس دکمه ای فشرده شود. مشکل هم در همین جا نهفته است: اسپایدرها توانایی انتخاب این گزینه ها را ندارند و لذا صفحه ای ساخته نمی شود که آنرا بخوانند.
آدرس اینگونه صفحات اغلب دارای علامت سوال (?) است. همینطور وجود علامتهای % ، = ، +، $ یا & در یک آدرس می تواند بیانگر داینامیک بودن آن باشد. به تمام آنچه که بعد از علامت سوال می آید Query String گفته می شود.
بسیاری از موتورهای جستجوگر امکان دسترسی به صفحات دینامیک را ندارند زیرا توانایی فراهم کردن متغیرهای لازم برای ساخته شدن آن صفحات را ندارند. این عدم توانایی موتورهای جستجوگر، مفهوم وب پنهان را برجسته تر می کند.
در واقع بسیاری از اطلاعات وب که گفته می شود در حدود ۶۰ درصد است از طریق موتورهای جستجوگر قابل دسترسی نیست. لذا به هنگام جستجوی اطلاعات، ضروری است که کاربران ابتدا به کمک موتورهای جستجوگر، وب های پنهان موجود را شناسایی نموده، سپس با مراجعه به آنها به جستجوی اطلاعات مورد نیاز خود بپردازند.

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

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

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

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

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

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

www.mywebsite.com/products.asp?no=20

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

www.mysite.com/products.asp?no=20&cat=app

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

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

در مقالات بعدی روشهای معرفی شده، توضیح داده خواهند شد.

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

ادامه مطلب…

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

● گواهینامه های وب سایت چیست ؟

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

در چنین مواردی از پروتکل https در مقابل http استفاده می گردد . با حصول اطمینان از این موضوع که یک وب سایت اطلاعات شما را رمز و ارسال می نماید و همچنین دارای یک گواهینامه معتبر است ، یک سطح حفاظتی مناسب در مقابل مهاجمانی که با ایجاد وب سایت های مخرب قصد سرقت اطلاعات شخصی شما را دارند ، ایجاد می گردد.همواره می بایست قبل از ارسال هرگونه اطلاعات شخصی، نسبت به مقصد ارسال اطلاعات اطمینان ایجاد گردد .

در صورتی که یک وب سایت دارای یک گواهینامه معتبر باشد ، این بدان معنی است که یک مرکز معتبر صدور گواهینامه قبلا” تمامی مراحل لازم به منظور شناسائی و تائید هویت سایت را انجام داده است . زمانی که شما یک url را در بخش آدرس برنامه مرورگر خود تایپ می نمائید و یا لینکی را دنبال می نمائید که شما را به یک وب سایت ایمن هدایت می نماید ، مرورگر ویژگی های خاصی را در گواهینامه بررسی می نماید :

▪ آیا آدرس سایت با آدرس موجود در گواهینامه مطابقت می نماید؟

▪ آیا گواهینامه توسط یکی از مراکز مجاز که مرورگر قادر به تشخیص آنان به عنوان یک مرکز معتبر و مورد اعتماد می باشد ، صادر شده است ؟

▪ آیا می توان به یک گواهینامه اعتماد نمود ؟

محتویات و ماهیت گواهینامه صادر شده برای یک وب سایت ، سطح اعتماد به سازمان و مرکز صدور گواهینامه را مشخص نموده و این که تا چه میزان می توان به آن اعتماد نمود ؟ مثلا” در صورت مطابقت آدرس وب با آدرس گواهینامه ، صدور گواهینامه توسط یک مرکز معتبر مشخص می گردد و یا در صورتی که گواهینامه صادر شده دارای تاریخ اعتبار لازم باشد ، نشاندهنده این موضوع است که سایتی را که قصد مشاهده آن را دارید ، همان سایتی است که می بایست باشد . در صورتی که به گواهینامه صادر شده اعتماد نگردد ، می بایست از مکانیزم هائی دیگر برای بررسی هویت گواهینامه صادر شده استفاده نمود (مثلا” ارتباط مستقیم با سازمان ) .

با اطمینان به اعتبار یک گواهینامه به نوعی شما مرکز صدور گواهینامه را که این بررسی را برای شما انجام داده است نیز تائید می نمائید .

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

● چگونه می توان یک گواهینامه را بررسی نمود ؟

به منظور بررسی گواهینامه یک وب سایت در برنامه های مرورگر IE و یا Mozila می توان از دو روش متفاوت استفاده نمود :

۱) کلیک بر روی padlock موجود در status bar پنجره برنامه مرورگر

۲) استفاده از ویژگی certificate در منوی Options

در ادامه ، اطلاعات متنوعی در خصوص گواهینامه نمایش داده می شود :

چه کسی گواهینامه را صادر نموده است ؟ آیا گواهینامه توسط یک مرکز معتبر و مورد اطمینان صادر شده است ؟ ( در این رابطه ممکن است با اسامی متفاوتی نظیر VerSign,thawte و یا Entrust برخورد نمائید ) . برخی سازمان ها ممکن است دارای مراکز صدور گواهینامه مختص به خود باشند که از آنان به منظور صدور گواهینامه برای سایت های داخلی نظیر اینترانت استفاده می گردد .

گواهنیامه صادر شده متعلق به چه کسی است ؟ گواهینامه می بایست برای سازمانی که دارای وب سایت مربوطه است ، صادر شده باشد . هرگز گواهینامه هائی را که نام آنان با نام سایت ویا شخص مورد نظر مطابقت نمی نماید ، تائید ننمائید.

▪ مدت زمات اعتبار گواهینامه : اکثر گواهینامه ها برای یک و یا دو سال صادر می گردند . در این رابطه یک استثناء نیز وجود دارد و به مواردی بر می گردد که گواهینامه برای خود مرکز صدور گواهینامه صادر شده باشد. این نوع گواهینامه ها معمولا” دارای اعتباری ده ساله می باشند . همواره مدت زمان اعتبار یک گواهینامه را بررسی نموده و نسبت به گواهینامه هائی که دارای اعتباری بیش از دو سال می باشند و یا تاریخ اعتبار آنان به اتمام رسیده است ، حساسِت داشته باشید .

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

منبع: فرداد

بخش سوم

( HTML Links )

در این درس با پیوندها ( Links ) ، تگ های مربوطه مخصوصا تگ Anchor یا A و نحوه به کار گیری آنها آشنا خواهید شد. همچنین شناسه های بسیار مهم href ،target و name تشریح خواهند شد.

در محیط وب، صفحات اچتمل با کمک پیوندها به یکدیگر متصل (Link ) میشوند. اصطلاح ابرمتن           (Hyper Text ) در مقابل متن خطی (Linear ) قرار دارد. در یک متن معمولی خواندن به شکل خطی و از ابتدا به انتها میباشد و در مقابل در یک متن مختلط (Hyper ) با کمک پیوندها میتوان از یک متن به هر صفحه دیگر در وب متصل شد.این کار با کمک عنصری معلوم الحال! به نام A یا Anchor میسر میگردد.

تگ Anchor و شناسهhref

ادامه مطلب…

برای ایجاد پیوند به صفحات دیگر از تگ <a > استفاده میشود. پیوندها میتوانند به بخش دیگری از همان صفحه، صفحات دیگر وب، تصاویر، فایلهای صوتی یا حتی فیلم ها و … اشاره کنند.
فرم کلی یک پیوند به قرار زیر است:

در مثال بالا تگ <a > برای ایجاد پیوندی به صفحه ای دیگر که آدرس اینترنتی آن url میباشد بکار رفته است. برای تعیین مقصد و یا آدرس صفحه جدید از شناسه ای به نام href که همان hyerlink reference میباشد، استفاده میشود و مقدار این شناسه در واقع همان آدرس اینترنتی صفحه مقصد است. بخش قابل رویت پیوند و در واقع متــنــی (و یا تصویری ) که توسط مرورگر نمایش داده خواهد شد و بازدیدکننده روی آن کلیک خواهد کرد میان تگهای <a > و قرار داده میشود و هر چند که در مثال بالا این بخش متن “Some Text” است ولی میتواند حتی یک تصویر باشد.

برای نمونه کد اچتمل زیر پیوندی به سایت google.com ایجاد خواهد کرد:

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

شناسه target در پیوندها:

با کمک شناسه target امکان تعیین مقصد پیوند جدید فراهم میشود. در مثال بالا پس از کلیک روی پیوند، مرورگر سایت google.com را باز کرده و جایگزین سایت فعلی خواهد شد. اگر میخواهید که مرورگر پیوند را در صفحه ای جدید باز کند باید از شناسه target و مقدار “_blank” برای آن استفاده کنید . مثال زیر سبب باز شدن سایت google.com در پنجره جدیدی خواهد شد:

شناسه Name :

با کمک شناسه name میتوانید پیوندها را نام گذاری کنید.پیوندهای نامگذاری شده امکان حرکت میان قسمتهای مختلف یک صفحه یا page را فراهم میکنند. در اینصورت مثلا برای رفتن به آخر یک متن دیگر نیازی به Scrool down کردن تمامی صفحه نیست و کافی است که بازدیدکننده روی پیوندی که به آخر صفحه اشاره میکند کلیک کند.

استفاده از پیوندهای نامگذاری شده شامل دو مرحله است:

۱- ایجاد یک پیوند نامگذاری شده (این قسمت به عنوان لنگر کار خواهد کرد.) :

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

وظیفه شناسه name تعیین نام برای پیوند است و مقدارآن همان نام پیوند میباشد. نام پیوند هم هر نام لاتینی میتواند باشد. در فرم کلی بالا، نام پیوند label و متنی که بعنوان پیوند نمایش داده میشود عبارت “Text to be displayed” خواهد بود. مثال زیر به ایجاد یک پیوند نامگذاری شده با نام top میپردازد:

۲- ایجاد یک پیوند به پیوند نامگذاری شده دیگر:

برای دادن لینک به پیوندی نام گذاری شده، کافی است که پیوندی معمولی ایجاد کرده و در قسمت href آن ابتدا url مقصد و سپس نویسه # و در نهایت نام پیوند نامگذاری شده را درج کنید. مثال زیر ایجاد پیوندی است که به لینک نامگذاری شده ای به نام top اشاره میکند:

در اثر کلیک روی پیوند بالا مرورگر مستقیما به ابتدای بخش top صفحه index.htm خواهد رفت.

اگر مقصد پیوند در همان صفحه قرار دارد نیازی به قید url نیست و فقط نویسه # و سپس نام پیوند کافی است:

چند نکته کاربردی در مورد پیوندها:

*** یکی از کاربردهای رایج پیوندهای نام گذاری شده در صفحات و متونی میباشد که فهرست و یا لیستی از اقلام نمایش داده شده است، مانند بخش سرفصل مطالب، فهرست FAQ و یا … در همین صفحه در دو مورد از پیوندهای نامگذاری شده استفاده شده است، آیا میتوانید آنها را بیابید؟!

*** اگر مرورگر نتواند یک پیوند نامگذاری شده را بیابد ابتدای صفحه مقصد را نمایش خواهد داد.

مرجع : HTML 4.01 Specification – فهرست عناصر – فهرست شناسه ها

ط) جداول ( Tables)

در این درس با المان جدول ( Table ) ، سلولها یا خانه ها، مرز و border در جداول و تگ های مربوطه مخصوصا تگهای TABLE ، TD , TR آشنا خواهید شد. توجه داشته باشید که جداول یکی از مهمترین المانهای آرایش و layout میباشند.

جدولها

برای تعریف جداول از تگ <table> استفاده میشود. یک جدول از یک یا چند سطر که با کمک تگ <tr> تعریف میشوند، تشکیل میشود. هر ردیف یا row از یک یا چند سلول، خانه یا cell تشکیل گردیده که با کمک تگ <td> ایجاد میشوند. نام های td و tr به ترتیب خلاصه شده table row و table data میباشند.
محتوی یک سلول میتواند متن، تصویر، فهرستها، جداول دیگر، پاراگرافها و … باشد.

مثال زیر جدولی است با دو سطر و سه ستون :

جدولها و شناسه border و dir :

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

··· در مثال بالا شناسه dir یا direction و مقدار rtl برای آن، سبب تعیین نمایش جهت متون از راست به چپ خواهد شد و چو ن در داخل تک table تعریف شده است به تمامی سلولهای جدول اعمال خواهذ شد.

··· ساده ترین جدول ممکن در اچتمل، جدولی است با یک سطر و یک ستون!

سرستون در جداول (Headings)

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

همانطوریکه مشاهده میکنید سر ستونها مانند سلولهای معمولی جداول تعریف میشوند و فقط به جای td از th استفاده شده و لی در نمایش محتوای سر ستونها bold یا توپر نمایش داده خواهند شد.

خانه های خالی در جداول (Empty Cells)

اگر محتوای خانه ای از یک جدول خالی باشد چه چیزی باید نمایش داده شود؟ بسته به مرورگری که استفاده میکنید نتیجه نمایش متفاوت است و مثلا در مثال زیر خانه خالی جدول بدون مرز نمایش داده خواهد شد:

در اینگونه موارد برای رفع مشکل کافی است که از non-breaking space ( ) یا همان نویسه و کاراکتر قاصله و بلانک استفاده شود و در مورد مثال ذکر شده مرورگر جدول را به شکل زیر نمایش خواهد داد:

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

چند نکته اساسی در مورد جداول:

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

··· شناسه dir قابل استفاده در بسیاری از تگها ( مثلا table ، tr ، td ، th ) میباشد. با کمک شناسه dir و مقدار rtl برای آن، جهت نمایش متون فارسی از “راست به چپ” تعیین میگردد. توجه داشته باشید که مقدار شناسه dir به صورت موروثی از table به tr و th و از tr و th به td خواهد رسید.مثلا برای تعیین مقدار rtl برای تمامی خانه های یک جدول کافی است که فقط شناسه مزبور را در تگ table قید کنید و نیازی به قید آن در تمامی خانه های جدول نیست. البته میتوانید که در مورد یک ردیف خاص و یا یک خانه خاص شناسه dir را موردی تعیین کنید.

تگهای جداول

منبع :article-computer.blogfa.com/

قسمت دوم:

د)تگ های اصلی ( Basic Tags )

تگ ها ( tags ) اجزا تشکیل دهنده عناصر یا elements های اچتمل هستند و در این بخش با عناصر و تگ های پایه و مهم: <hr > , <br > , <h1 > …. <h6 > , <!– Comment –> , <p > آشنا خواهید شد . یکی از بهترین روش های یادگیری تگ های اچتمل دیدن مثالها و تغییر آنها می باشد می توانید به مطالعه و یادگیری مثالها پرداخته، کدهای اچتمل را تغییر داده و به مشاهده نتایج بپردازید.

سر تیترها (Headings)

ادامه مطلب…

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

پاراگرافها (Paragraphs)

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

سطر جدید (Line Breaks)

برای رفتن سر سطر جدید از تگ <br> استفاده میشود.در اینحالت یک پاراگراف جدید ایجاد نمیشود. تگ <br> از نوع تگ های خالی بوده و دارای تگ انتهائی (مثلا <br/> ) نمی باشد.

کامنت ها در اچتمل (Comments)

برای نوشتن شرح و توضیحات در مورد کدهای اچتمل باید از تگ خاصی استفاده کنید. برای اینکار باید متن و شرحتان را درون علائم <– و –!> قرار دهید. مرور تگ های comment را در نظر نگرفته و محتوی آنها را نمایش نخواهد داد و فقط شرح و توضیحات برای برنامه نویس و دیگر افرادی که احتمالا در آینده با کد اچتمل کار خواهند کرد مفید خواهد بود. (به محل نویسه “!” توجه کنید! فقط یکی و آنهم در ابتدا)

چند نکته کاربردی:

◄توجه داشته باشید که بدلیل وجود مرورگرهای متفاوت (اکسپلورر، نت اسکیپ، ..) و به دلیل تفاوت دقت نمایش صفحه نمایش کامپیوترها، صفحات اچتمل با اندکی تفاوت در حالتهای مختلف نمایش داده میشوند و همیشه سعی کنید که صفحاتتان را نه تنها با اکسپلورر که معروفترین مرورگر است بلکه با نت اسکیپ و حتی مرورگرهای کامپیوترهای مکینتاش چک کرده و همچنین در دقت های نمایش ۸۰۰x600 و ۱۰۲۴X768 آن را امتحان کنید.

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

◄برای نمایش بیش از یک فاصله خالی باید از نویسها یا ترکیب کاراکتری خاصی (None Breaking Space) استفاده کنید.

◄فاصله های اضافی بین کلمات در یک متن اچتمل توسط مرورگرها دیده نخواهد شد و در نمایش همیشه تبدیل به یک فاصله (space) خواهد شد. در ضمن یک خط خالی در متن ادیتور بصورت یک فاصله یا space نمایش داده خواهد شد.

◄برای ایجاد یک سطر جدید هیچگاه از یک تگ <p> خالی استفاده نکنید و به جای آن از تگ <br> استفاده کنید.

◄مرورگرها به هنگام نمایش بعضی عناصر بصورت اتوماتیک یک سطر خالی قبل و بعد از آن عنصر نمایش خواهند داد. برای نمونه این گروه از عنصرها میتوان از پاراگراف (<p>) و سرتیترها (<h..>) نام برد.

◄تگ <hr> یا Horizontal Roler سبب نمایش یک خط افقی خواهد شد و در واقع بخش های مختلف مطالب این صفحات با کمک این تگ از هم جدا شده اند.

تگهای اصلی

در جدول زیر عناصر معرفی شده در این فصل به همراه لینکهای مربوطه جهت مطالعه بیشتر آورده شده است. توجه داشته باشید که برای هر عنصر فهرستی از شناسه ها یا Attributes موجود است و همچنین به شناسه های کنارگذاشته شده (Deprecated) در نسخه های آینده اچتمل توجه داشته باشید و سعی کنید که از آنها استفاده نکنید.

ه) فارسی نویسی

در این بخش با فارسی نویسی، فارسی سازی و استاندارد یونیکد و نحوه استفاده از ادیتور آنلاین و فارسی آشنا خواهید شد. همچنین متاتگ http-equiv و شناسه dir نیز معرفی خواهد شد.

◄سؤالات مربوط به فارسی نویسی را میتوان به سه گروه عمده تقسیم کرد:

- چگونه فارسی بنویسم ؟
- چگونه فارسی بخوانم؟
- چگونه صفحات اچتمل فارسی را نمایش دهم؟

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

روش کدگزاری UTF-8

· اکیدا توصیه میشود که برای تایپ و تمایش متون فارسی از استاندارد یونیکد و روش کدگزاری UTF-8 اسنفاده شود و این روشی است که مطالب این سایت و ادیتور آنلاینش از آن استفاده میکند.نکته مهم در نمایش صحیح متون فارسی تعیین نوع کدگزاری یا encoing صفحات فارسی است که برای اینکار باید از متاتگ خاصی به نام http-equiv در بخش head صفحات اچتمل به شکل زیر استفاده شود:

در اینصورت مرورگر یا Browser قبل از نمایش صفحه از روی متاتگ فوق نوع کدگزاری (Encoding) را تشخیص داده و دیگر مثلا نیازی به تعیین دستی (دراکسپلورور ۵ : View/Encoing/Unicode / UTF-8 ) نوع Encoing توسط بازدیدکننده سایت نخواهد بود.

شناسه یا attribute ی به نام dir

جهت نمایش متون لاتین به صورت پیش فرض و default از چپ به راست (ltr) میباشد.در مورد متون و جملات فارسی باید با کمک روشی جهت نمایش پیش فرض را به “راست به چپ” تغییر دهید. شناسه یا attribute ی به نام dir یا همان direction این کار را برای شما انجام میدهد. این شناسه دارای دو مقدار ممکن میباشد :

مثلا برای نمایش جمله فارسی “سلام بر دنیای وب!” با کمک عناصر p یا div کافی است که به یکی از شکلهای زیر عمل شود:

در بسیاری از عناصر و تگ های اچتمل امکان استفاده از شناسه dir میسر بوده و به عنوان نمونه میتوان از عناصر زیر نام برد:

و) فرمت دهی formating

وظیفه گروهی از تگ های اچتمل فرمت دهی و تعیین شکل نمایش متون ( مثلا ضخیم و bold بودن و یا مورب و ایتالیک بودن ) میباشد و در این بخش با این گروه از تگهای formating آشنا خواهید شد:

نحوه دیدن سورس کدهای اچتمل (HTML Source)

اگر میخواهید که سورس کدهای اچتمل صفحات وب را ببینید کافی است که در منوی View مرورگرتان حالت Source یا Page Source را انتخاب کرده و مرورگر کد اچتمل را درون ادیتوری باز کرده و قابل ذخیره توسط شما برای استفاده های بعدی میباشد.

اگر صفحه مورد نظر از مجموعه فریمها (Frameset) استفاده کرده باشد برای دیدن سورس کد اصلی فریمها کافی است که ابتدا با کمک روش بالا به مشاهده سورس کدهای اچتمل پرداخته (لازم به توضیح است که در این حالت فقط تعاریف کلی فریمها قرار دارند.) و سپس برای دیدن کد اچتمل اختصاصی هر صفحه باید پس از “Right Click” روی هر صفحه “View Source” کرده و کد اچتمل هر فریم را جداگانه ببینید.

اگر طراح سایت با کمک Java Script مانع دیدن سورس توسط شما میشود، ابتدا در منوی Tools/Internet Options…/Security/Custom Level مرورگرهای اکسپلورر امکانات جاواسکریپت مرورگر را غیر فعال کرده (disable) و سپس مراحل بالا را تکرار کنید!!!

چند نکته کاربردی:

1. در استفاده از Underline دقت کنید چون در اکثر مرورگرها، پیوندها با این خطوط نشان داده می شوند و این مساله میتواند کاربران را دچار اشتباه کند .
2. به کارگیری تگهای EM و STRONG که جایگزین تگهای I و B هستند ، این اطمینان را می دهد که صفحه شما توسط همه مرورگرها بصورت صحیح نمایش داده خواهد شد .
3. به ترتیب بسته شدن تگهای پایانی در مثال زیر دقت کنید، همان گونه که مشاهده می کنید عنصر STRONG بعد از عنصر U شروع شده است ، به همین خاطر تگ خاتمه دهنده آن قبل از تگ خاتمه دهنده U قرار می گیرد.

:تگهای فرمت دهی متون

ز) نهادها entities

در استاندارد اچتمل گروهی از نویسه ها (Character)دارای معنی خاصی بوده ( مثلا نویسه < شروع یک تگ و نویسه > انتهای یک تگ را نشان میدهد.) و برای نمایش آنها در صفحاتتان مستقیما قابل مصرف نمی باشند. در این بخش با فهرست این نویسه ها آشنا شده و نحوه درج آنها را با کمک Character Entities فرا خواهید گرفت.

Character Entities

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

۱- نویسه ampersand (&)
2- نام entity یا نویسه # و سپس شماره عددی entity
3 – و نهایتا نویسه semicolon (;)
برای مثال برای نمایش نویسه > دو روش وجود دارد، باید از &lt; یا از &#60; استفاده کنید. در این مثال lt نام entity و ۶۰ شماره عددی آن میباشد.

مزیت استفاده از نام entity در مقابل استفاده از شماره عددی آن سهولت یادآوری آن از روی نامش میباشد و عیب آن این است که تمامی مرورگرها نام گذاریهای موجود برای Entity ها را قبول ندارند ولی در عوض همگی شماره های عددی entity ها را بخوبی میشناسند. توجه داشته باشید که entity ها به کوچک و بزرگی حروف حساس هستند و در واقع Case Sensitive میباشند.

پر کاربردترین character entity در اچتمل، نویسه فاصله یا Space یا Blank میباشد و نام رسمی آن non-breaking space میباشد. همانطور که میدانید مرورگرها فاصله های اضافی را در نظر نگرفته (truncate spaces) و مثلا از ۱۰ نویسه فاصله، ۹ تای آنرا نادیده میگیرند و برای نمایش فاصله های اضافی باید از &nbsp; استفاده کنید.

فهرست پرکاربردترین Character Entities ها

چند Character Entitie با کاربردهای کمتر

منبع: article-computer.blogfa.com/

]]> http://www.afaghdl.com/1326-education-foundation-html-part-ii.html/feed 0 http://www.afaghdl.com/1324-education-foundation-html-part-i.html http://www.afaghdl.com/1324-education-foundation-html-part-i.html#comments Mon, 21 Dec 2009 13:24:53 +0000 نوید http://www.learn30t.com/?p=1324 آموزش مقدماتی HTML

قسمت اول:

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

الف) مقدمه

در این بخش با ویژگیهای فایلهای اچتمل، اجزا تشکیل دهنده آن یعنی عناصر و تگ ها ( Elements & Tags ) و نحوه ایجاد یک فایل ساده و نمایش آن در صفحه مرورگرتان آشنا خواهید شد.

یک فایل HTML چیست؟

ادامه مطلب…

• HTML را “اچ تی ام ال” و یا اچتمل بخوانید.
• HTML برگرفته از حروف اول Hyper Text Markup Language میباشد.
• یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.
• مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.
• یک فایل HTML باید دارای انشعاب htm و یا html باشد.
• یک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای قابل ایجاد است.
• وظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی نمایش اطلاعات میباشد.

میخواهید که یک فایل اچتمل بسازید؟

اگر از ویندوز مایکروسافت استفاده میکنید، Notepad را باز کرده (Mac کارها از SimplaeText استفاده کنند. ) و متن زیر را در آن تایپ کنید:

سپس فایل را با نام مثلا test.html در درایو c:\ ذخیره کنید.

برای دیدن فایل اچتمل بالا در مرورگر یا Brower تان ( معمولا اینترنت اکسپلورر و یا نتسکیپ نویگیتور ) کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده بخوانید. ( به آدرس فایل در قسمت Address توجه کنید، مثلا c:\test.html)

یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی کامپیوتر شما ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند. با کلیک روی یک لینک فایلی شبیه فایل ذخیره شده توسط شما از روی وب سرور توسط مرورگرتان خوانده شده و سپس نمایش داده خواهد شد!!! ( به آدرس فایل در قسمت Address توجه کنید. )

توضیح مثال بالا

اولین تگ مثال بالا تگ <html> میباشد. از روی این تگ، مرورگر نوع متن یعنی اچتمل بودنش را یافته و از روی <html/> انتهای متن اچتمل را می یابد.

متن بین تگ <head> و تگ <head/> اطلاعات شناسنامه ای یا “Header information” متن اچتمل بوده و نمایش داده نخواهند شد. در این مثال با کمک تگهای <title> و <title/> تیتر و یا Title صفحه که در این مثال عبارت “Title of page” میباشد در بالای مرورگر نمایش داده خواهد شد.

متن بین تگ <body> و انتهای آن یعنی تگ <body/> تنها اطلاعاتی است که توسط مرورگرنمایش داده خواهند شد.

متن بین تگ <b> و انتهای آن یعنی تگ <b/> بصورت Bold و یا توپر نمایش داده خواهند شد.

انشعاب فایل htm یا html ؟

اغلب مرورگرها هر دو نوع انشعاب را به خوبی میشناسند ولی ترجیحا به هنگام ذخیره فایلهای اچتمل از html استفاده کنید.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.)

نکته ای در مورد ادیتورهای اچتمل ( HTML Editors )

با وجودیکه با استفاده از ادیتورهای اختصاصی اچتمل مانند FrontPage و یا Claris Home Page امکان نوشتن و طراحی صفحات اچتمل بصورت WYSIWYG یا “What You See Is What You Get” وجود دارد اما توصیه میشود که از ادیتورهای معمولی متن برای تهیه صفحات خود استفاده کرده، عملکرد تگها را شناخته و هیچگاه بدون اینکه بدانید کاربرد یک تگ چیست آنرا بکار نبرید.

بیشترین سوالات پرسیده شده ( FAQ ) :

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

مطمئن شوید که فایل را با انشعاب درست (htm یا html ) ذخیره کرده اید. در ضمن مطمئن شوید که همان فایل را Open کرده اید.( نام و مسیر فایل را در قسمت Address مرورگرتان چک کنید.)

#هر بار پس از تغییر و ادیت مثالها نسخه اولیه را در صفحه مرورگرم میبینم و تغییرات داده شده مشاهده نمیشود، مشکل کجاست؟

به خاطر بالا بردن سرعت، همیشه مرورگرها از نسخه های موجود در Cache یا حافظه موقت خود برای خواندن صفحات استفاده میکنند.برای وادار کردن مرورگر به خواندن اصل صفحه کافی است که در مرورگرتان Refresh/Reload کنید. در اینترنت اکسپلورر کلید F5 یا View/Refresh و در نت اسکیپ Ctrl+R یا View/Reload اینکار را انجام خواهند داد.

# آیا میتوانم از هر دو مرورگر Internet Explorer و Netscape Navigator استفاده کنم؟

بله، فقط اگر از استاندارد یونیکد برای فارسی نویسی استفاده میکنید، برای دیدن درست صفحات فارسی باید از نسخه ۵ Internet Explorer و به بالا و در مورد Netscape Navigator از نسخه ۶٫۲ و به بالا استفاده کنید.

#کجا میتوانم آخرین نسخه از مرورگرهای Internet Explorer و Netscape Navigator را داونلود کنم؟

Internet Explorer اینجاست و Netscape Navigator اینجا.

_________________________________________

ب) HTML & WWW

در این بخش با مفاهیم وب ( تار عنکبوت جهانی یا World Wide Web ) ، اینترنت، مرورگرها و استانداردهای وب آشنا خواهید شد. همچنین با تفاوتهای مرورگرهای وب ( Web Browsers ) و سرویس دهنده های وب ( Web Servers ) آشنا خواهید شد.

منظور از وب چیست؟

• وب شبکه ای است متشکل از تمامی کامپیوترهای دنیا، شبکه ای از شبکه ها.
• اینترنت، وب، WWW ، web یا World Wide Web همگی یک چیزند.
• تمامی کامپیوترهای وب میتوانند با هم ارتباط داشته باشند.
• کامپیوترهای موجود در وب با کمک استاندارد ارتباطی یا پروتوکل HTTP با هم ارتباط برقرار میکنند .

نحوه کارکرد وب چگونه است؟

• اطلاعات وب داخل فایلهائی به نام Web Pages و یا صفحات وب قرار دارند.
• این فایلها یا صفحات روی Web Server یا کامپیوترهای سرویس دهنده وب ذخیره شده اند.
• برای دیدن صفحات وب از نرم افزاری به نام مرورگر و یا Web Browser استفاده میشود.
• دو مرورگر Internet Explorer و Netscape Navigator جزو معروفترین مرورگرها حساب میشوند.
• مرورگر Internet Explorer متعلق به شرکت مایکروسافت و مرورگر Netscape Navigator متعلق به شرکت نت اسکیپ میباشد.

مرورگرها چگونه به خواندن صفحات وب میپردازند؟

• یک مرورگر با کمک یک Request درخواستی برای خواندن یک صفحه از وب سرور میکند.
• این Request یا درخواست بر اساس استاندارد ارتباطی یا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر میباشد.
• آدرس یک صفحه وب چیزی شبیه http://www.khaterat.com/faq.html است. بخش //:http نوع پروتوکل و یا استاندارد ارتباطی را تعیین میکند، www.khaterat.com نام دومین یا Domain است و faq.html نام صفحه ای است که باید خوانده شود.

مرورگرها چگونه صفحات وب را نمایش میدهند؟

• چگونگی نمایش یک صفحه وب بصورت مستتر در آن وجود دارد.
• مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات میپردازند.
• وظیفه اصلی تگ های اچتمل ( HTML tags ) بیان چگونگی نمایش اطلاعات میباشد.
• یک تگ اچتمل چیزی شبیه <p> این تگ پاراگراف است! < SPAN>p> است.

چه کسانی استاندارد های وب را تعیین میکند؟

• تعیین استاندارد های وب ربطی به شرکتهای مایکروسافت و یا نت اسکیپ ندارد.
• World Wide Web Consortium یا W3C متولی تعیین استانداردهای وب است.
• HTML, CSS and XML از مهمترین استانداردهای تصویب شده وب میباشند.
• آخرین استاندارد HTML استاندارد XHTML 1.0 میباشد .

_________________________________________

ج) عناصر ( Elements )

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

HTML Tags)

• با کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند.
• در زبان اچتمل حدود ۸۰ عنصر تعریف شده است.
• تگ های اچتمل بوسیله دو نویسه (char) > و < ساخته میشوند.
• تگ های اچتمل معمولا بصورت زوج ظاهر میشوند، مانند <b>test< SPAN>b>
• تگ اول در یک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پایانی نام دارد.
• متن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا element content نامیده میشود، مثلا “test”
• تگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا بزرگ (upper case) بنویسید و case sensitive نیستند. برای مثال دو تگ <b> و <B> معادل هم هستند ولی شدیدا توصیه میشود که به خاطر سازگاری با XHTML از حروف کوچک استفاده شود.

عناصر اچتمل (HTML Elements)

مثال بخش مقدمه را در نظر بگیرید:

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

عنصر اچتمل بالا با تگ <b> شروع شده و با تگ <b/> پایان می یابد. محتوای این عنصر عبارت “This text is bold” است. لازم به ذکر است که کاربرد تگ <b> نمایش توپر یا bold متون است.

*** مثال دوم یک عنصر اچتمل (معلوم الحال) :

عنصر اچتمل بالا با تگ <body> شروع شده و با تگ <body/> پایان می یابد. همانطور که میبینید گاهی یک عنصر حاوی یک یا چند تگ دیگر میباشد.وظیفه تگ <body> تعیین بدنه اصلی یا body یک متن اچتمل است.لازم به یادآوری است که تنها اطلاعات بخش <body> یک فایل اچتمل در صفحه مرورگر نمایش داده خواهد شد.

شناسه های یک تگ (Tag Attributes)

تگ ها میتوانند حاوی اطلاعات اضافی دیگر باشند، به این اطلاعات شناسه یا Attribute میگویند و وظیفه آنها بیان دیگر اطلاعات یک عنصر یا Element میباشد. مثلا در مورد تگ <body> شناسه ای به نام bgcolor وجود دارد که رنگ زمینه متن (background) را تعیین میکند برای نمونه اگر میخواهید که رنگ زمینه صفحه اچتملتان سیاه باشد کافی است که به شکل زیر عمل کنید :

در مثال زیر تگ <body> دارای چهار شناسه مختلف با نامهای width، height ، align و border و مقادیر center، ۶۰، ۱۰۰ و ۰ میباشد.

<table border=”0″ width=”100″ height=”60″ align=”center” >

……

شناسه ها به صورت کلی “مقدار=نام” یا “name=value” نوشته میشوند و همیشه به تگ شروع یک عنصر یا Element اضافه میشوند و نهایتا اگر در یک عنصر یا Element شناسه ها قید نشوند از مقادیر قراردادی یا default آنها استفاده خواهد شد مثلا در تگ body اگر شناسه bgcolor نوشته نشود از رنگ سفید برای زمینه صفحه استفاده خواهد شد.

مقدار یک شناسه را میتوانید داخل نویسه های ” و یا ‘ بنویسید و اختیار دست شما است فقط در مواردی که مقدار یک شناسه شامل نویسه ” هم میشود باید از نویسه ‘ استفاده شود.

منبع :http://article-computer.blogfa.com

چرا SSL؟

ادامه مطلب…
هنگامی که به فروشگاهی وارد می شوید ، می دانید که با چه وضعیتی روبرو هستید.کالاها ، مارک آنها و راهنمای فروشگاه را می بینید. می توانید مطمئن باشید که اگر در خرید شما اشکالی پیش بیاید ، مدیر فروشگاه یا صاحب آن برای مراجعه در دسترس خواهند بود.
اما بر روی اینترنت ، مراجعه کنندگان به پایگاههای وب هیچ راه قابل اطمینانی برای آگاهی از اینکه چه کسی صاحب پایگاه “فروشگاه مجازی” است ، دردست ندارند. هنگامی که مشتریان با قصد انجام یک خرید اینترنتی ، به یک پایگاه وب وارد می شوند ، علاقه دارند بدانند که پول را به چه کسی می پردازند. آنها خواستار اثبات هویت صاحب پایگاه بوده ، و می خواهند بدانند که اطلاعات شخصی ارسالی آنها به پایگاه مزبور توسط سایر کاربران اینترنتی قابل ردگیری و تداخل نیست. اینجاست که گواهینامه های الکترونیکی SSL به صحنه می آیند.

منبع: برترین اخبار و مقالات کامپیوتر

۲۵- مشخص نکردن محیط کاری وب
معمولاً بیشتر خوانندگان یک سایت دنبال مطالب مورد نظرشان در یک وب سایت هستند نه در چندین سایت. دلیل این امر هم این است که اگر سایتی تمام اطلاعات مورد نیاز خواننده را داشته باشد خواننده دیگر وقتی صرف جستجو و باز کردن سایت های مختلف نمی کند و به همین دلیل پیشنهاد می شود که در وب نویسی هدف وب سایت خود را مشخص کنید و از گذاشتن هر مطلبی از هر کجای وب خودداری کنید.

ادامه مطلب…

۲۶- موضوع بندی نکردن وب سایت
این امر خوشبختانه در بیشتر وب سایت ها و وبلاگ های قوی دیده می شود اما در بیشتر وب سایت های تازه افتتاح شده یا بیشتر وبلاگ ها این امر سرسری گرفته می شود و به آن اهمیتی داده نمی شود . اگر در وب سایتی یا وبلاگی تمامی مطالب موضوع بندی شده باشند و هر مطلبی در راستای موضوع مورد نظر قرار گیرد خواننده وقت کمتری برای پیدا کردن مطلب مورد نظر صرف می کند و این کار در جذب خواننده بسیار تاثیر دارد پس بهتر است اگر شما سایت یا وبلاگی دارید با مرتب کردن آرشیو موضوعی به بهتر شدن وب سایتتان کمک کنید.

۲۷- انتخاب عنوان های بی ربط با موضوع سایت
این کار کمتر در میان وب سایت ها صورت می گیرد ولی در بین وبلاگ نویسان تازه کار این امر رواج دارد. به صورتی که نویسنده و مدیر سایت مطالب سایت و ارزش های احترام به خواننده را فراموش کرده و با انتخاب عنوانی نامناسب در صدد جذب خوانندگان بر می آید. شاید شما هم در وبلاگ های مختلف بنرهای تبلیغاتی و لینک باکس هایی را دیده باشید که با عناوین نامناسب در صدد جذب بازدید کننده هستند. ولی اگر می خواهید وبلاگی مفید و پر بازدید داشته باشید بهتر است عنوانی مناسب با محتوای وبلاگ انتخاب کنید.

۲۸- انتخاب قالب های سنگین و نامناسب
شاید شما فکر کنید که خوانندگان به قالب وبلاگ و یا زیبایی آن بیشتر از مطالب آن اهمیت دهند ولی قضیه عکس این است به طوری که در نگاه اول خواننده به قالب توجه چندانی ندارد و بیشترین چیزی که برای او اهمیت دارد سرعت لود شدن صفحات است. اگر دقت کرده باشید سایت ها و وبلاگ های قوی و معروف تمام سعی خود را می کنند تا سرعت لود شدن صفحات را بالا برده و خوانندگان را راضی نگهدارند. برای این کار در ادامه ی این مطلب به شما چند پیشنهاد می کنیم. علاوه بر انتخاب قالب مناسب باید قالب با موضوع سایت نیز متناسب باشد . اکثر وبلاگ نویسانی که از قالب های آماده شده توسط سایت های مختلف استفاده می کنند به دلیل آشنا نبودن با زبان Html از تغییر و بهینه سازی قالب ناتوان هستند و حتی قسمت های تبلیغاتی درج لوگو را هم حذف نمی کنند. علاوه بر این قالب وبسایت یا وبلاگ باید در مرورگرهای مختلفی تست شود و با آن ها هماهنگ باشد چون هیچ بازدید کننده ای به خاطر مشاهده ی یک سایت هیچوقت حاضر به عوض کردن مرورگر مورد علاقه ی خود نمی شود پس باید در انتخاب قالب دقت به خرج بدهید. در آینده در مورد قالب وبلاگ به طور کامل بحث خواهیم کرد.

۲۹- استفاده کردن از لینک باکس های مختلف
لینک باکس پدیدهای است که چند سالی است در دنیای وب فارسی آغاز به کار کرده است و به سرعت در حال زیاد شدن است و دلیل آن هم کسب در آمد یا بالا بردن بازدید وبلاگ است به صورتی که بیشتر وبلاگ های فارسی در حال حاضر از لینک باکس هایی استفاده می کنند که هیچ گونه ارزششی برای خواننده ندارد علاوه بر این تاثیر زیادی در سرعت لود شدن صفحات وب هم دارند. لیک باکس ها معمولاً دارای چند بنر و تعدادی لینک به همراه چند تبلیغ و تعدادی عنوان است که بحث رعایت نکردن عنوان نامناسب به طور واضح در این لینک باکس ها دیده می شود. به شما پیشنهاد می کنیم که اگر می خواهید وبلاگ مفیدی که دارای سرعت لود بالا باشد داشته باشید از درج لینک باکس ها جداً خودداری کنید.

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

۳۱- استفاده از امکانات اضافی در قالب
در این مورد فقط کافی است به سایت های معروف و قوی سری بزنید. آیا خبری از پیغام خوش آمد گویی و یا پرسیدن نام شما و رنگ مورد علاقه ی شما و سوالاتی از این قبیل است؟ مسلماً نه. شاید شما هم به وبلاگ هایی سر زده باشید که دارای قالب یک ستونه هستند و در انتهای ستون ، بعد از امکانات اصلی تعداد زیادی از نظر سنجی ها ، آمارگیر های مختلف ، گجت های مربوط به سایت هایی مثل توییتر و یا کلوب و … عکس تصادفی ، آب و هوا ، وضعیت در یاهو و دیگر امکاناتی که در قالب وبلاگ ها کاربرد دارند ؛ آیا واقعاً از دیدن این همه امکانات لذت برده اید یا به فکر سرعت لود شدن صفحه هستید؟ مسلماً بعضی از این امکانات بسیار مفید هستند مثل آمارگیر ولی استفاده ی همزمان از چند آمارگیر کار درستی نیست و تاثیر بدی در سرعت لود شدن صفحات دارد. پس به جای استفاده از چند آمارگیر از بهترین آن ها استفاده کنید و از درج امکانات زاید خودداری کنید.

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

۳۳- درج نکردن منبع
وب سایت ها و وبلاگ های زیادی هستند که از مطالب دیگر سایت ها استفاده می کنند ولی بدون گذاشتن منبع. این کار باعث عدم اعتماد خواننده و در اکثر موارد ناراحت شدن و یا بروز مشکلات جدی و حتی شکایت توسط نویسنده ی اصلی مطلب می شود ، پس با گذاشتن یک لینک ساده و یا توضیحی در مورد نویسنده ی اصلی و منبع مطلب مورد نظر علاوه بر رعایت حقوق نویسنده اقدام به انتشار مطالب کنید.

منبع: کامپیوتر