طراحی وب سایت

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

مطالعه بيشتر : ” 14 نکته براي تبديل شدن به يک طراح وب موفق “

1- بررسي الگوهاي طراحي UI

چک کردن وب سايت هايي مانند UI-Pattes يا Patte Tap مي تواند وسيله خوبي براي کشف بهترين طرح ها و الگوهاي رابط کاربري وب باشد. تقريبا در اينگونه سايت ها مي توان دسته بندي هاي مختلفي را مشاهده کرده و ايده هاي خوبي از طرح هاي نمونه به دست آورد .

 

آيا تمايل داريد که در همه کارهايتان از يک طرح استفاده کنيد ؟ آيا از واسط کاربري متفاوتي براي پروژه هاي مختلف خود استفاده مي کنيد؟

 

مطمئنا سر زدن به وب سايت هايي که مجموعه طرح هاي ديگر طراحان برتر را به نمايش گذاشته اند مي تواند ابزاري براي ياگيري و به دست آوردن ايده هاي جديد در شما باشد.

 

ui design

 

2- توجه به جزئيات

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

 

3- تکنيک هاي سئو

بسياري از مشتريان از يک طراح وب انتظار دارند تا علاوه بر کار طراحي به تکنيک هاي SEO نيز تسلط داشته باشد.البته اگر طراح وب در کنار تخصص هاي خوب خود از اصول اوليه و کاربردي سئو نيز کمک بگيرد و آن را به عنوان تخصص خود در رزومه کاريش ذکر کند ، مي تواند شانس بيشتري براي قبول اينگونه پروژه ها نيز داشته باشد.

 

هر چند از ديد بسياري از متخصصان سئو ، شايد يک طراح وب بتواند اصول اوليه و مبتديانه SEO را در طراحي وب خود پياده کند، اما از نقطه نظر آنها بحث سئو مدام در حال تغيير است و چه بهتر که اين بخش را به اهل و متخصص اين حيطه سپرد.

 

4- روند آموزش طراحي وب

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

 

البته شايد مشتريان از طراح خود انتظار داشته باشند که پروژه اش مانند فلان سايت باشد ، اما کسب آموخته ها و تکنيک هاي جديد به نفع خود طراح است و مي تواند در آينده روند شغلي او را متحول نمايد.

 

5- دانستن تايپوگرافي

به خاطر داشته باشيد که آنچه در طراحي يک وب سايت در وهله اول خودنمايي مي کند ، متن و تايپوگرافي زيبا است. داشتن درک مناسب از بکارگيري تايپوگرافي مي تواند کمک قابل ملاحظه اي را در چگونگي استفاده از آن به شما نمايد.

 

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

 

6- تمرين با رنگ ها

آيا تا به حال به وب سايت هايي مثل ColourLovers سر زده ايد ؟ آيا مطالبي در مورد اثرات و ترکيب رنگ ها خوانده ايد ؟ اگر چنين نيست ، ممکن است در حين کار طراحي خود دچار مشکلات اساسي در بکارگيري رنگ ها داشته باشيد. دانستن تئوري و روانشناسي رنگ و به کار بردن پالت رنگ مخصوص به خود مي تواند وسيله مناسب براي خلق اثري متمايز براي شما و مشتريانتان باشد.

 

color theory

 

7- دانستن جاوا اسکريپت

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

 

اگر مي خواهيد در زمينه طراحي وب به يک حرفه اي تبديل شويد ، به هيچ وجه خود را محدود به HTML يا CSS نکنيد و برنامه نويسي هاي ديگري مثل جاوا اسکريپت را حتي با آموختن ابتدايي ترين چيزهاي آن مورد کاوش قرار دهيد.

 

8- ارتباط بهتر

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

 

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

 

9- يادگيري از اشتباهات

توجه به اشتباهات بهترين شيوه براي يادگيري است. به زمان هايي که برخي از اشتباهات را مرتکب شده ايد فکر کنيد و يک تکه کاغذ برداشته و شروع به نوشتن آنها کنيد و هميشه آن را در جلوي ديد خود قرار داده وسعي کنيد تا در پروژه هاي آينده خود آنها را رفع کنيد.

 

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

 

بزرگترين اشتباه براي يک طراح اينست که نتواند از مشکلات و اشتباهات گذشته خود براي يادگيري و رفع آنها استفاده نمايد.

 

10- استفاده از Sketchbook

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

 

ياد گرفتن اين مهارت که در هر مرحله اي از طراحي و يا در ابتداي آغاز هر پروژه بتوان ايده ها و ذهينت کل طرح را روي کاغذ آورد مي تواند کمک شاياني به نتيجه آخر کار داشته باشد.

 

11- بيرون رفتن از فضاي کاري

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

 

workspace

 

12- همکاري با ديگران

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

 

نه تنها اين کار شما را دقيقه هايي از خستگي بدور مي کند ، بلکه تکنيک ها و آموخته هاي جديد را از اين راه و تعامل با ديگران به دست مي آوريد و حتي مي توانيد واکنش و نظرات همکاران خود را در ارتباط با پروژه خود جويا شويد.

 

13- دانستن شبکه بندي

يکي از وسايل و ابزارهاي بسيار مهم براي طرح بندي و شبکه بندي طراحي وب سايت ، استفاده از Grid است. اين کار باعث ايجاد يک نوع نظم و انضباط بر طبق الگوهاي از پيش تعيين شده مي شود مانند سيستم 960gs که مقالات مختلفي در سطح وب در مورد گرايدهاي مختلف وجود دارد که مي توانيد دو پست در اين ارتباط را در خود وب هاب مطالعه کنيد.

 

14- خريد کتاب هاي جديد

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

 

مطمئنا کاوش در بين مباحث مختلف کتاب ها يک وسيله ايده آل براي به دست آوردن مهارت هاي جديد مي باشد. گرچه اکنون علاوه بر کتاب مي توان در دنياي پر از اطلاعات وب نيز گشت و گذار کرده و مطالب خوب و بروزي را در ارتباط با طراحي وب مطالعه نمود.

نتيجه

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

 

اولين نسل از زبان HTML

در دهه ?? ميلادي و بهمراه افزايش ارتباط کاربران با اينترنت، امکان خواندن مطالب در فضاي اينترنت با استفاده از کدنويسي HTML مهيا شد. در آن زمان صفحات وب از متن هايي محدود و در يک ستون تشکيل ميشدند و مودم هاي ديال آپ سرعت بسيار پاييني داشتند به همين دليل طراحان وب هرگز به فکر استفاده از تصوير و فيلم در صفحات سايت نبودند.

Mosaic نام اولين مرورگر براي ارتباط و درک  طراحی  صفحات وب بود که بر روي سيستم عامل Unix راه اندازي شد. براي غلبه بر اين مشکلات و محدوديت ها تلاش هاي فراواني صورت گرفت تا دنياي وب به شکل امروزي آن رسيده است.

نسل دو زبان کدنويسي HTML

مدت زماني طول کشيد تا طراحان وب خود را با تکنولوژي هاي رو به پيشرفت همگام و هماهنگ کنند. به همين دليل با ايجاد هماهنگي و با ايده فعال و زيبا کردن صفحات وب به ناگهان صفحات زيادي با ظاهر هاي بهم ريخته و شلوغ که تنها به استفاده از تصاوير و رنگ هاي مختلف توجه کرده بودند ايجاد شد. دستورات کدنويسي HTML به سرعت افزايش يافت تا جاييکه براي ايجاد يک هماهنگي عمومي نسخه دوم يعني HTML2 رونمايي شد.

پيچيدگي در کدنويسي وب از همين مرحله آغاز شد و بزرگترين مانع سرعت پايين اينترنت در ديافت عکس و گرافيک براي کاربران عمومي بود.

کنسرسيوم جهاني وب

کدنويسي HTML

کنسرسيوم جهاني وب ناظر مستقيم بر استانداردهاي کدنويسي HTML

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

W3C با مشخص کردن استاندارهاي کدنويسي براي طراحان وب و نظارت بر رعايت آن يک سامان دهي و هماهنگي جهاني ايجاد کرده و هرگونه تغيير و بروزرساني در آن به سادگي در اختيار همگان خواهد بود.

نسل سوم زبان HTML

نسل سوم يا همان کدنويسي HTML3 با ورود انيميشن، فلش، افکت هاي صوتي و تصاوير سه بعدي به صفحات وب همراه بوده و در همين فاصله شرکت مايکروسافت مرورگر خود را با نام اينترنت اکسپلورر به جهان معرفي کرد.

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

نسل چهارم کدنويسي HTML

HTML4 در عمل پيش درآمد و مقدمه اي براي نسل پنچم يا همان زبان کدنويسي HTML5 بشمار ميرود و تا امروز جديدترين نسخه ارائه شده است. اين نسخه جديد افزونه ها و امکانات بسيار زيادي داشته و با تمام مرورگرهاي موجود همخواني لازم را دارد.  طراحی  عده اي دو نسخه اخير را همچنان افزونه هايي بر نسخه سوم ميدانند زيرا توجه به کاربران و راحتي استفاده از اينترنت از HTML3 آغاز شد.

کدنويسي و اينترنت در دنياي امروز

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

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

 

 

Tags: educational templates, educational trends in design, Educational Website Design, Educational website style, educational website templates, Educational websites

Posted in Showcases, Uncategorized, Useful Tips, WordPress Themes

 

 

Education rules the nation! Kindergartens, schools, colleges, universities give us a chance to become a part of social life. They broaden our horizons and teach us how to be who we are. Some people spend the whole life studying something, mastering their skills and increasing their IQ level.

 

The reason why we decided to talk about educational website design is the relevancy of this topic in the mode world. Educational websites gain their popularity day by day. Choosing the right school or kindergarten for their kids, parents mostly rely on Inteet resources. The same situation touches student audience, too. Different researches have proved that users make aesthetic decisions about the overall visual impression of any web page in as little as 50 milliseconds. The importance of first impression can play a great role for your web service. Taking into account that the potential visitors of such websites are mostly young people, website owners have to follow all the newest trends of Educational website style. A weighty part in this case also takes information. Site has to be a source of any kind of information conceing educational process, conditions and regulations.

 

Let us make it clear: what makes educational sites successful?

 

Call-to-action. The goal of your site is to involve more clients to your school, kindergarten, etc. Make them want to visit your institution. Show the advantages of it, use more photo and video materials.

Well-built structure. Education services tend to have a lot of content including schedules, documentation for each program, reports and so on. Make sure your content is easy to search around and features clear navigation that makes sense to your visitors.

Make it look smart. The visitors associate your website with what your school does. The better it is presented online, the better opinion the visitors will have about your work.

 

 

When it comes to educational templates which can fit the general view of your educational organization, it shouldn’t be a platform to show off performance – everything has to be wisely balanced.

 

Today we will try to showcase you the most popular educational trends in design based on our templates collection that you may find interesting to apply for your future service:

 

حتماً تا به حال با صفحاتي مواجه شده ايد که به زبان فارسي نوشته شده اند، اما وقتي از آنها بازديد مي کنيد با کلماتي به هم ريخته و غير قابل فهم مواجه مي شويد. دليل اين مشکل ناسازگار بودن Encoding انتخاب شده در مرورگر با زبان فارسي است.

اين ناسازگاري ممکن است به دليل کامل نشدن بارگزاري صفحه ايجاد شده باشد يا به دليل اينکه در هنگام طراحي Encoding متناسب با زبان فارسي انتخاب نشده باشد يا اصلاً در طراحي صفحه هيچگزينه اي براي Encoding صفحه در نظر گرفته نشده باشد.

 

در اکثر مواقع مي توانيد صفحه مورد نظر را به روش زير به صورت فارسي مشاهده کنيد:

 

مرورگر اينترنت اکسپلورر در ويندوز (Microsoft Inteet Explorer) :

از منوي view گزينه Encoding را انتخاب کنيد و گزينه utf-8 را کليک کنيد. در صورتي که در ليست اوليه کد پيجهاي مختلف نتوانستيد utf-8 را مشاهده کنيد نشانگر ماوس خود را روي گزينه More نگهداريد و utf-8 را از بين کد پيجهاي مختلف پيدا کرده و روي آن کليک کنيد. 

در ساير مرورگر ها هم به همين روش بايد عمل کنيد فقط مسير منو ها کمي تفاوت دارد. مي توانيد مسير هاي زير را دنبال کنيد.

مرورگر فاير فوکس : (Firefox)

view --> Character Encoding --> unicode (utf-8)

 

view --> Encoding --> Unicode --> UTF-8

البته اگر به اين روش مشکل صفحه مورد نظر شما حل نشد به دليل اين است که صفحه با پيج کد ديگري نوشته شده است. مي توانيد گزينه هايي مثل (Arabic(Windows رانيز امتحان کنيد.

 

براي اينکه يک صفحه فارسي طراحي کنيم دو چيز را بايد مد نظر قرار دهيم:

 

راست به چپ بودن صفحه

براي اينکه يک صفحه راست به چپ طراحي کنيم مي توانيم به چند طريق عمل کنيم.

 

استفاده از شناسه "dir="rtl در تگ <html>

از اين شناسه در بسياري از تگهاي HTML مي توان استفاده نمود. در صورتي که صفحه اي راست به چپ باشد و بخواهيم از قسمتهاي چپ به راست نيز در آن صفحه استفاده کنيم مي توانيم از شناسه "dir="ltr استفاده کنيم.

استفاده از CSS براي تعيين direction صفحه

 

براي تنظيم Encoding صفحه بايد از يک متاتگ در بخش HEAD متن استفاده کنيم. اين متاتگ براي کد پيج utf-8 که بيشترين سازگازي را با صفحات فارسي دارد به صورت زير است:

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

اگر در طراحي صفحه اي از اين متاتگ استفاده شود کد پيج utf-8 در مرورگر به صورت خودکار براي آن صفحه اعمال مي شود.

 

 

در سلسله آموزشهاي طراحي سايت آنلاينر به بخش دوم Event attribute در html پرداختيم.

در اين مقاله قصد بررسي بخش سوم Event attribute در html  را داريم.

 

صفات رويداد هاي فرمي Form Events

onblur : اسکريپت ها هنگامي که عامل مورد نظر فوکوس را از دست بدهد اجرا ميشود.

onchange : در زمانيکه مقدار عامل مورد نظر تغيير کند اسکريپت اجرا ميشود.

onfocus : اسکريپت ها هنگامي که روي عامل مورد نظر فوکوس شود اجرا ميشود.

onformchange : اين رويداد زماني اتفاق مي افتد که فرم تغيير کند.

onforminput : اين رويداد نيز هنگامي که کاربر مقداري را در يکي از عامل هاي درون فرم وارد کند اتفاق مي افتد.

oninput :هنگامي که عامل از کاربر مقداري را دريافت کند اسکريپت اجرا خواهد شد.

oninvalid :اسکريپت هنگامي که مقدار اشتباه وارد شود اجرا خواهد شد.

onreset : اين رويداد زماني اجرا خواهد شد که دکمه reset در فرم کليک شود. نکته اين رويداد در html5 پشتيباني نميشود.

onselect : زماني که متني در عامل مورد نظر انتخاب شود اسکريپت اجرا خواهد شد.

onsubmit : در اين رويداد هنگامي که دکمه submit در فرم کليک شود اجرا خواهد شد.

 

رويداد هاي فرمي در صفحات وب کاربرد بسيار زيادي دارند به طوري که جذابيت و رفاه کاربر را در صفحه به طور چشمگيري افزايش مي دهد.

 

در زير مثالي از رويداد onfocus را ميتوانيد مشاهده کنيد. سعي کنيد اين مثال را حتما در سيستم خود تست کنيد. با درک اين مثال حتما ديگر رويداد ها را به سادگي و بدون خطا ميتوانيد در صفحه وب خود به کار گيريد.

 

<!DOCTYPE html>

<html>

<head>

<script>

function setStyle(x)

{

document.getElementById(x).style.background="yellow";

}

</script>

</head>

<body>

 

<p>در تابعي که در اين مثال نوشته شده است با گرفتن فوکوس يکي از فيلد هاي ورودي ، رنگ زمينه آن تغيير پيدا ميکند.</p>

First name: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>

Last name: <input type="text" id="lname" onfocus="setStyle(this.id)">

 

</body>

</html>

در آموزش بعد بخش چهارم  Event attribute ميپردازيم.

 

 

    The right-most label conveys the top-level domain; for example, the domain name www.example.com belongs to the top-level domain com.

    The hierarchy of domains descends from the right to the left label in the name; each label to the left specifies a subdivision, or subdomain of the domain to the right. For example: the label example specifies a node example.com as a subdomain of the com domain, and www is a label to create www.example.com, a subdomain of example.com. This tree of labels may consist of 127 levels. Each label may contain from 1 to 63 octets. The empty label is reserved for the root node. The full domain name may not exceed a total length of 253 ASCII characters in its textual representation.[4] In practice, some domain registries may have shorter limits.

    A hostname is a domain name that has at least one associated IP address. For example, the domain names www.example.com and example.com are also hostnames, whereas the com domain is not. However, other top-level domains, particularly country code top-level domains, may indeed have an IP address, and if so, they are also hostnames.

    Hostnames impose restrictions on the characters allowed in the corresponding domain name. A valid hostname is also a valid domain name, but a valid domain name may not necessarily be valid as a hostname.

 

Top-level domains

 

The top-level domains such as .com and .net and .org are the highest level of domain names of the Inteet. A top-level domain is also called a TLD. Top-level domains form the DNS root zone of the hierarchical Domain Name System. Every domain name ends in a top-level or first-level domain label.

 

When the Domain Name System was devised, in the 1980s, the domain name space was divided into two main groups of domains.[5] The country code top-level domains (ccTLD) were primarily based on the two-character territory codes of ISO-3166 country abbreviations. In addition, a group of seven generic top-level domains (gTLD) was implemented which represented a set of categories of names and multi-organizations.[6] These were the domains gov, edu, com, mil, org, net, and int.

 

During the growth of the Inteet, it became desirable to create additional generic top-level domains. As of October 2009, 21 generic top-level domains and 250 two-letter country-code top-level domains existed.[7] In addition, the ARPA domain serves technical purposes in the infrastructure of the Domain Name System.

 

During the 32nd Inteational Public ICANN Meeting in Paris in 2008,[8] ICANN started a new process of TLD naming policy to take a "significant step forward on the introduction of new generic top-level domains." This program envisions the availability of many new or already proposed domains, as well a new application and implementation process.[9] Observers believed that the new rules could result in hundreds of new top-level domains to be registered.[10]

 

IANA maintains an annotated list of top-level domains in the root zone database as well as a list of special-use (reserved) top-level domain names.

Second-level and lower level domains

 

Below the top-level domains in the domain name hierarchy are the second-level domain (SLD) names. These are the names directly to the left of .com, .net, and the other top-level domains. As an example, in the domain example.co.uk, co is the second-level domain.

 

Next are third-level domains, which are written immediately to the left of a second-level domain. There can be fourth- and fifth-level domains, and so on, with virtually no limitation. An example of an operational domain name with four levels of domain labels is www.sos.state.oh.us. The www preceding the domains is the host name of the World-Wide Web server. Each label is separated by a full stop (dot). 'sos' is said to be a sub-domain of 'state.oh.us', and 'state' a sub-domain of 'oh.us', etc. In general, subdomains are domains subordinate to their parent domain. An example of very deep levels of subdomain ordering are the IPv6 reverse resolution DNS zones, e.g. 1.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.ip6.arpa, which is the reverse DNS resolution domain name for the IP address of a loopback interface, or the localhost name.

 

Second-level (or lower-level, depending on the established parent hierarchy) domain names are often created based on the name of a company (e.g. bbc.co.uk), product or service (e.g. hotmail.com). Below these levels, the next domain name component has been used to designate a particular host server. Therefore, ftp.wikipedia.org might be an FTP server, www.wikipedia.org would be a World Wide Web server, and mail.wikipedia.org could be an email server, each intended to perform only the implied function. Mode technology allows multiple physical servers with either different (cf. load balancing) or even identical addresses (cf. anycast) to serve a single hostname or domain name, or multiple domain names to be served by a single computer. The latter is very popular in Web hosting service centers, where service providers host the websites of many organizations on just a few servers.

 

The hierarchical DNS labels or components of domain names are separated in a fully qualified name by the full stop (dot, .).

Inteationalized domain names

Main article: Inteationalized domain name

 

The character set allowed in the Domain Name System is based on ASCII and does not allow the representation of names and words of many languages in their native scripts or alphabets. ICANN approved the Inteationalized domain name (IDNA) system, which maps Unicode strings used in application user interfaces into the valid DNS character set by an encoding called Punycode. For example, k?benhavn.eu is mapped to xn--kbenhavn-54a.eu. Many registries have adopted IDNA.

Domain name registration

History

 

The first commercial Inteet domain name, in the TLD .com, was registered on 15 March 1985 in the name symbolics.com by Symbolics Inc., a computer systems firm in Cambridge, Massachusetts.

 

By 1992, fewer than 15,000 .com domains had been registered.

 

In December 2009 there were 192 million domain names.[11] A large fraction of them are in the .com TLD, which as of March 15, 2010 had 84 million domain names, including 11.9 million online business and e-commerce sites, 4.3 million entertainment sites, 3.1 million finance related sites, and 1.8 million sports sites.[12] As of July 2012 the .com TLD has more registrations than all of the others combined[13]

Administration

 

The right to use a domain name is delegated by domain name registrars, which are accredited by the Inteet Corporation for Assigned Names and Numbers (ICANN), the organization charged with overseeing the name and number systems of the Inteet. In addition to ICANN, each top-level domain (TLD) is maintained and serviced technically by an administrative organization operating a registry. A registry is responsible for maintaining the database of names registered within the TLD it administers. The registry receives registration information from each domain name registrar authorized to assign names in the corresponding TLD and publishes the information using a special service, the whois protocol.

 

Registries and registrars usually charge an annual fee for the service of delegating a domain name to a user and providing a default set of name servers. Often, this transaction is termed a sale or lease of the domain name, and the registrant may sometimes be called an "owner", but no such legal relationship is actually associated with the transaction, only the exclusive right to use the domain name. More correctly, authorized users are known as "registrants" or as "domain holders".

 

ICANN publishes the complete list of TLD registries and domain name registrars. Registrant information associated with domain names is maintained in an online database accessible with the WHOIS service. For most of the 250 country code top-level domains (ccTLDs), the domain registries maintain the WHOIS (Registrant, name servers, expiration dates, etc.) information.

 

Some domain name registries, often called network information centers (NIC), also function as registrars to end-users. The major generic top-level domain registries, such as for the COM, NET, ORG, INFO domains and others, use a registry-registrar model consisting of hundreds of domain name registrars (see lists at ICANN or VeriSign). In this method of management, the registry only manages the domain name database and the relationship with the registrars. The registrants (users of a domain name) are customers of the registrar, in some cases through additional layers of resellers.

Technical requirements and process

 

In the process of registering a domain name and maintaining authority over the new name space created, registrars use several key pieces of information connected with a domain:

 

    Administrative contact. A registrant usually designates an administrative contact to manage the domain name. The administrative contact usually has the highest level of control over a domain. Management functions delegated to the administrative contacts may include management of all business information, such as name of record, postal address, and contact information of the official registrant of the domain and the obligation to conform to the requirements of the domain registry in order to retain the right to use a domain name. Furthermore the administrative contact installs additional contact information for technical and billing functions.

    Technical contact. The technical contact manages the name servers of a domain name. The functions of a technical contact include assuring conformance of the configurations of the domain name with the requirements of the domain registry, maintaining the domain zone records, and providing continuous functionality of the name servers (that leads to the accessibility of the domain name).

    Billing contact. The party responsible for receiving billing invoices from the domain name registrar and paying applicable fees.

    Name servers. Most registrars provide two or more name servers as part of the registration service. However, a registrant may specify its own authoritative name servers to host a domain's resource records. The registrar's policies gove the number of servers and the type of server information required. Some providers require a hostname and the corresponding IP address or just the hostname, which must be resolvable either in the new domain, or exist elsewhere. Based on traditional requirements (RFC 1034), typically a minimum of two servers is required.

 

Domain names may be formed from the set of alphanumeric ASCII characters (a-z, A-Z, 0-9), but characters are case-insensitive. In addition the hyphen is permitted if it is surrounded by a characters or digits, i.e. it is not the start or end of a label. Labels are always separated by the full stop (period) character in the textual name representation.

Business models

 

Domain names are often seen in analogy to real estate in that (1) domain names are foundations on which a website (like a house or commercial building) can be built and (2) the highest "quality" domain names, like sought-after real estate, tend to carry significant value, usually due to their online brand-building potential, use in advertising, search engine optimization, and many other criteria.

 

A few companies have offered low-cost, below-cost or even cost-free domain registrations with a variety of models adopted to recoup the costs to the provider. These usually require that domains be hosted on their website within a framework or portal that includes advertising wrapped around the domain holder's content, revenue from which allows the provider to recoup the costs. Domain registrations were free of charge when the DNS was new. A domain holder can give away or sell infinite number of subdomains under their domain name. For example, the owner of example.org could provide subdomains such as foo.example.org and foo.bar.example.org to interested parties.

 

Because of the popularity of the Inteet, many desirable domain names are already assigned and users must search for other acceptable names, using Web-based search features, or WHOIS and dig operating system tools. Many registrars have implemented Domain name suggestion tools which search domain name databases and suggest available alteative domain names related to keywords provided by the user.

Resale of domain names

Main article: List of most expensive domain names

 

The business of resale of registered domain names is known as the domain aftermarket. Various factors influence the perceived value or market value of a domain name.

 

Most of the million dollar domain deals are carried out privately and go unreported. As of 2011, the most expensive domain name sales on record were:

 

    Insure.com $16 million in 2009 [14]

    Fund.com 2008 £9.99 million[14]

    Sex.com for $14 million in October 2010[14][15]

    Po.com 2007 $9.5 million[14]

    Fb.com for $8.5 million in November 2010[14][not in citation given]

 

Domain name confusion

 

Intercapping is often used to emphasize the meaning of a domain name. However, DNS names are not case-sensitive, and some names may be misinterpreted in certain uses of capitalization. For example: Who Represents, a database of artists and agents, chose whorepresents.com, which can be misread as whore presents. Similarly, a therapists' network is named therapistfinder.com. In such situations, the proper meaning may be clarified by use of hyphens in the domain name. For instance, Experts Exchange, a programmers' discussion site, for a long time used expertsexchange.com, but ultimately changed the name to experts-exchange.com.

 

Intellectual property entrepreneur Leo Stoller threatened to sue the owners of StealThisEmail.com on the basis that, when read as stealthisemail.com, it infringed on claimed (but invalid) trademark rights to the word "stealth".

Use in web site hosting

 

The domain name is a component of a Uniform Resource Locator (URL) used to access web sites, for example:

 

    URL: http://www.example.net/index.html

    Top-level domain name: net

    Second-level domain name: example.net

    Host name: www.example.net

 

A domain name may point to multiple IP addresses in order to provide server redundancy for the cybeetic services to be delivered; such multi-address capability is used to manage the traffic of large, popular web sites. More commonly, however, one server computer, at a given IP address, may also host web sites in different domains. Such address overloading enables virtual web hosting, commonly used by large web hosting services to conserve IP address space. IP-address overloading is possible through a feature in the HTTP version 1.1 protocol, but not in the HTTP version 1.0 protocol, which requires that a request identify the domain name being referred for connection.

Abuse and regulation

 

Critics often claim abuse of administrative power over domain names. Particularly noteworthy was the VeriSign Site Finder system which redirected all unregistered .com and .net domains to a VeriSign webpage. For example, at a public meeting with VeriSign to air technical conces about SiteFinder,[16] numerous people, active in the IETF and other technical bodies, explained how they were surprised by VeriSign's changing the fundamental behavior of a major component of Inteet infrastructure, not having obtained the customary consensus. SiteFinder, at first, assumed every Inteet query was for a website, and it monetized queries for incorrect domain names, taking the user to VeriSign's search site. Unfortunately, other applications, such as many implementations of email, treat a lack of response to a domain name query as an indication that the domain does not exist, and that the message can be treated as undeliverable. The original VeriSign implementation broke this assumption for mail, because it would always resolve an erroneous domain name to that of SiteFinder. While VeriSign later changed SiteFinder's behaviour with regard to email, there was still widespread protest about VeriSign's action being more in its financial interest than in the interest of the Inteet infrastructure component for which VeriSign was the steward.

 

Despite widespread criticism, VeriSign only reluctantly removed it after the Inteet Corporation for Assigned Names and Numbers (ICANN) threatened to revoke its contract to administer the root name servers. ICANN published the extensive set of letters exchanged, committee reports, and ICANN decisions.[17]

 

There is also significant disquiet regarding the United States' political influence over ICANN. This was a significant issue in the attempt to create a .xxx top-level domain and sparked greater interest in alteative DNS roots that would be beyond the control of any single country.[18]

 

Additionally, there are numerous accusations of domain name front running, whereby registrars, when given whois queries, automatically register the domain name for themselves. Network Solutions has been accused of this.[19]

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

 

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

 

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

 

<table width="500" border="4"><!-- تگ آغازی جدول بیرونی -->

<td align="center"><!-- سلول اول در جدول بیرونی -->

<table width="400" border="2"><!-- آغاز جدول درونی -->

<td align="center"><!-- اولین سلول جدول درونی -->

محتویات جدول درونی

</td><!-- پایان سلول جدول درونی -->

</table><!-- پایان جدول درونی -->

</td><!-- پایان سلول جدول بیرونی -->

</table><!-- پایان جدول بیرونی -->

این هم جدول به دست آمده:

 

محتویات جدول درونی  طراحی وب سایت 

به یاد داشته باشید که جدولهای درونی را باید در سلولهای جدول بیرونی قرار دهید یعنی بین <td> و <td/> در جدول بیرونی.

 

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

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

 

<table width="600" border="4"><!-- تگ آغازی جدول بیرونی -->

<td align="center"><!-- سلول اول در جدول بیرونی -->

<table width="250" border="2"><!-- آغاز جدول درونی -->

<td align="center"><!-- اولین سلول جدول درونی -->

محتویات اولین جدول درونی

</td><!-- پایان سلول اولین جدول درونی -->

</table><!-- پایان اولین جدول درونی -->

</td><!-- پایان اولین سلول جدول بیرونی  -->

<td align="center"><!-- آغاز دومین سلول جدول بیرونی  -->

<table width="250" border="2"><!-- آغاز دومین جدول درونی -->

<td align="center"><!-- آغاز سلول دومین جدول درونی -->

محتویات دومین جدول درونی

</td><!-- پایان سلول دومین جدول درونی -->

</table><!-- پایان دومین جدول درونی -->

</td><!-- پایان دومین سلول جدول بیرونی -->

</table><!-- پایان جدول بیرونی -->

این هم نتیجه به دست آمده:

 

محتویات اولین جدول درونی

محتویات دومین جدول درونی

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

 

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

 

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

 

 

مزاياي طراحي با div نسبت به table

دسته بندي : آموزش html، طراحی وب سایت ، اخبار اينترنت

حتما شنيديد که خيلي جاها توصيه ميشه که براي Layout صفحه بجاي Table از Div استفاده کنيد. اما چرا؟

وظيفه اصلي تگ div در واقع چيدمان صفحه و  طراحی وب سایت  قالب صفحه است و به همين دليل است که نسبت به table فوق العاده انعطاف پذيرتر است. شما براحتي مي توانيد يک div را در هر مکاني از صفحه در کوتاهترين زمان قرار بدهيد. حالا به اين انعطاف پذيري قابليت حرکت ( انتقال ) را که با کمک تکنولوژي آژاکس اضافه شده نيز بي افزاييد.

 

از طرف ديگر، div کد کمتر و بهينه‌تري (<div> </div>) نسبت به يک table (که معادل <table><tr><td></td></tr></table>) ايجاد مي‌کند. که اين هم باعث کاهش حجم صفحه توليدي مي‌شود و هم باعث لود شدن سريعتر صفحه .

 

نکته ديگري که وجود دارد آن است که crawler ها که وظيفه جستجوي و ذخيره کردن صفحات را براي موتورهاي جستجو ( مثلگوگل ) بعهده دارند. چون بصورت معنايي صفحات را crawl مي کنند بنابراين اگر صفحه شما بهتر و معنايي تر ايجاد شده باشد ، ازPage rank بالاتري هم برخوردار خواهد بود. مشکل Crawler ها در ايجاد ارتباط بين مطالب داخل تيبل است. زمانيکه شما مطالب مرتبط با يک موضوع را در بخش هاي مختلف يک تيبل قرار ميديد Crawler ها در نحوه ارتباط اين بخش ها با هم و همچنين نحوه ارتباطشون با مطلب اصلي دچار سردرگمي ميشن.

نکته ديگري که يک div را در قالب بندي دردرجه بالاتري قرار مي دهد، انعطاف پذيري آن در CSS هاست. به اين معني که شما مي توانيد يک قالب چندين منظوره ايجاد کنيد و بعد با تغيير مکان div ها که با css انجام مي‌دهيد . کل قالب صفحه تغيير شکل پيدا مي‌کند.

 

حالا با اين همه برتري div نسبت به table ممکن است براي شما اين سوال ايجاد شود که table براي چه مواردي بايد استفاده شود. طراحان html همانطور که div را براي قالب بندي وقرار دادن متن و تصوير طراحی وب سایت  پياده‌سازي کردند. table را هم براي ايجاد صفحات به شکل Tab و ايجاد جداول (‌ليست هاي موجود در صفحه) بوجود آوردند. در اکثر مواقع توصيه مي‌شود که براي پياده‌سازي Tab ها از table استفاده کنيد. همانطور که مسلما خود شما هم متوجه شديد با استفاده از يک table براحتي مي‌توان يک tab را پياده‌سازي کرد. درصورتي که اگر بخواهيد همان tab را با div پياده‌سازي کنيد بايد زمان و انرژي بيشتري صرف کنيد.

 

در کل با توجه به اين نکات کليدي طراحی وب سایت  :

 

    حجم کمتر صفحه توليد شده

    Page rank بالاتر در گوگل و ساير search engine ها

    قالب انعطاف پذيرتر

    براي قراردادن متن و تصوير در وب توصيه شده که از div استفاده شود

    کنترل بيشتر بوسيله css

    جدول صرفا براي ساختار tabي مناسب است

    کنترل و حرکت توسط آژاکس

    …

 

به شما اکيدا توصيه مي‌کنم که بجاي استفاده از table در قالب‌بندي صفحات از div استفاده کنيد و از قدرت آن لذت ببريد.

 

 

 

 

....

 

 

 

آموزش ساخت  طراحی وب سایت با Dreamweaver CS4

 

آموزش ساخت طراحی وب سایت  اDreamweaver CS4

 

عنوان اصلي : Creating First Web Site In Dreamweaver CS4

آموزش طراحي سايت هاي بسيار زيبا اما ساده در نرم افزار Adobe Dreamweaver CS4 به مدت زمان 2 ساعت و 40 دقيقه در آموزش مالتي مديا محصول موسسه آموزشي Lynda ارائه شده بر روي 1 حلقه CD به همراه فايل هاي تمريني

اين آموزش پروسه طراحي يك سايت را در نرم افزار دريم ويور CS4 به شما مي آموزد از ساختن يك صفحه ساده HTML تا استايل گذاري بر روي آن بوسيله CSS و همچنين نحوه ساخت انواع فرم ها به عنوان مثال فرم تماس با ما .

اين مجموعه آموزش بهترين مجموعه آموزش براي شروع آموختن طراحي وب است .

 

در ادامه با برخي از سرفصل هاي درسي اين مجموعه آموزش Dreamweaver CS4 آشنا مي شويم :

آشنايي با مدرس مجموعه و سرفصل هاي اين كورس آموزشي از زبان مدرس شامل 3 درس

آموزش مفاهيم اوليه وب و وب سايت ها شامل 3 درس

آموزش ساخت صفحات  طراحی وب سایت  در دريم ويور شامل 5 درس

آموزش اعمال CSS ها براي سبك بندي صفحات وب در Adobe Dreamweaver CS4 شامل 4 درس

آموزش پيشرفته CSS ها در Dreamweaver CS4 شامل 5 درس

آموزش ذخيره و استفاده از قالب ها در Dreamweaver CS4 شامل 1 درس

آموزش وارد كردن تصاوير در صفحات وب شامل 2 درس

آموزش ساخت Photo Gallery و كاربرد فايل هاي فلش در صفحات وب شامل 3 درس

آموزش ساخت فرم تماس وب سايت در Dreamweaver CS4 شامل 2 درس

آموزش تست كردن نهايي براي رفع ايرادات آن و در نهايت آموزش كامل قرار دادن يك وب سايت بر روي اينترنت شامل 3 درس

و چندين و چند آموزش كاربردي ديگر مانند آموزش آماده سازي طراحی وب سایت  براي موتورهاي جستجو ، استفاده از FTP و بسياري موارد ديگر

مشخصات اين مجموعه :

زبان آموزش ها انگليسي روان و ساده

داراي آموزش هاي مالتي مديا و دسته بندي شده

ارائه شده بر روي 1 حلقه CD به همراه فايل هاي تمريني

مدت زمان آموزش 2 ساعت و 40 دقيقه !

محصول موسسه آموزش آموزشي ليندا

 

فروشنده: فروشگاه تخصصي شركت فرين

 

قيمت: 3,000 تومان

 

درصد :40

 

روش خريد: براي خريد آموزش ساخت  طراحی وب سایت  با Dreamweaver CS4 ، پس از كليك روي دكمه زير و تكميل فرم سفارش، ابتدا محصول يا محصولات مورد نظرتان را درب منزل يا محل كار تحويل بگيريد، سپس وجه كالا و هزينه ارسال را به مامور پست بپردازيد. جهت مشاهده فرم خريد، روي دكمه زير كليك كنيد.