طراحی وب سایت

ساخت وبلاگ

آخرین مطالب

امکانات وب

سايت راه اندازي

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

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

برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : pouya webdesignsara25 بازدید : 271 تاريخ : چهارشنبه 16 مرداد 1392 ساعت: 16:18

طراحی وب سایت

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

 
در آن زمان، سايت هاي اينترنتي با کدهاي ساده «HTML» نوشته مي شدند. HTML يک زبان کدنويسي بود که ساختار ساده اي به وب سايت ها مي داد. با استفاده از اين زبان برنامه نويسي طراحي سرتيتر و پاراگراف و پيوند دادن به صفحه هاي وب ديگر طراحی  ممکن مي شد. اين روش در مقايسه با روش هاي ديگر، راه تازه و متفاوتي بود که کاربران با استفاده از آن به سادگي مي توانستند با به کارگيري يک مرورگر، صفحه هاي پيوند شده را باز کنند.
 
با پيشرفت وب زمينه اي ايجاد شد تا انعطاف بيشتري به امکانات وب سايت ها داده شود و کم کم واژه و اصطلاح "هنر طراحي وب سايت" بر سر زبان ها افتاد. اهميت بهره مندي همزمان از مهارت هاي مختلف موجب شد تا يک طراح وب سايت امروزي مجبور به آموزش بيش از ?? مهارت باشد تا بتواند در اين حوزه به فعاليت بپردازد.
 
در زمينه طراحي وب سايت مسائل و جنبه هاي گوناگوني بايد در نظر گرفته شود و به سبب پيشرفت روزافزون اينترنت و خلاقيت هاي فزاينده طراحان وب سايت ها، همواره بر اين موارد افزوده مي شود. اين امر موجب مي شود هر روز شاهد پديد آمدن وب سايت هايي با شکل و ايده جديد باشيم. اهميت و ظرافت در اين کار به جايي رسيده است که در حوزه روانشناسي نيز گرايشي در اين زمينه ايجاد شده و توجه گرافيست ها و هنرمندان به اثرات روانشناختي رنگ ها، وب سايت هاي مدرن و تاثيرگذاري را خلق کرده است.
 
يک طراح وب با در نظر گرفتن هدف سايت و مخاطبان آن و با استفـاده از المان هاي متناسب با رويکرد سايت و به کمک ذهن خلاق و ذوق هنري خود، طرحي خلق مي کند که ضمن ايجـاد يکپارچگي در تمامي صفحات وب سايت، نماهاي تکرار شونده و خسته کننده اي را در معرض ديد مخاطب قرار ندهد.
 
يکي از عواملي که موجب محبوبيت اين نوع طراحي در چند سال اخير شده، دميدن روح به وب سايت هاي خشک و کسل کننده نسل قديم بود به طوري که با ورود به اين وب سايت ها يک احساس خوشايند به بيننده دست مي دهد. اين سايت ها در بيشتر موارد با استفاده از هنر انيميشن سازي جذاب تر و پوياتر مي شوند که اوج آن را در وب سايت هاي مجهز به Full Flash Template نيز مي توان مشاهده کرد. ترکيب گرافيک مناسب و فايل هاي متحرک زيبايي سايت هاي ياد شده  طراحی  را دو چندان کرده است.
 
پيش از آنکه به چنين نکاتي بپردازيد بد نيست که به چند مسئله مهم و اساسي در زمان طراحي يک وب سايت مدرن و پيشرفته توجه کنيد.
 
نکته اول آنکه چه نوع وب سايتي مدنظر شماست؟ وب سايت شما مي تواند به صورت يک بروشور طراحي شود که حاوي اطلاعات مختصري از نوع خدمات و توليدات شماست. همچنين يک وب سايت مي تواند تفريحي باشد که بينندگان خاص خود را در بخش سرگرمي دارد و معرف شما نيز است يا يک وب سايت تجارت الکترونيکي که هدف آن ايجاد بازاري در دنياي مجازي به همراه يک معرفي کامل از شرکت شماست.
 
دومين سوالي که بايد به آن پاسخ دهيد آن است که چرا مي خواهيد يک وب سايت داشته باشيد؟ آيا مي خواهيد ارايه دهنده يک سرويس، فروشنده تعدادي محصول، گردآورنده اطلاعاتي در خصوص ارتقا آگاهي درباره موضوعي خاص باشيد يا به دنبال درآمدزايي بيشتر و معرفي خود به ديگران و... هستيد؟
 
در نهايت بايد مشخص کنيد که با داشتن يک وب سايت خواستار رسيدن به چه اهدافي هستيد؟ اين موضوع بسيار مهم است که بدانيد بهره مندي از يک وب سايت  طراحی  چه مزيت هايي را براي شما به همراه خواهد آورد. سعي کنيد اهداف کوتاه مدت و بلندمدت خود را مشخص کنيد. البته اين امر نيازمند شناخت نوع مخاطبان در اينترنت نيز خواهد بود.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : pouya webdesignsara25 بازدید : 245 تاريخ : يکشنبه 30 تير 1392 ساعت: 17:38

تفاوت اينترنت و وب

 

 
تفاوت اينترنت و وب
 
 
اين سوال معمولا وجود دارد که چه تفاوتي ميان اينترنت و وب جهان گستر وجود دارد؟ و چه مواقعي بايد قبل از URL از WWW استقاده کنيم؟ 
بسياري از کاربران، مفاهيم اينترنت و وب جهان گستر (World Wide Web) را يکسان يا به جاي هم به کار مي برند. در واقع از جهتي حق با آنهاست، زيرا Web آنچنان رشد کرده و همه چيز را در اينترنت به زير سيطره خود برده که در اکثر مواقع، اينترنت مساوي وب و وب مساوي اينترنت است. ما در اينجا توضيح مي دهيم که چرا اين تصور، از جهاتي اشتباه است.  طراحی وب سایت 
اينترنت يک معناي عام و بسيار وسيع، و شامل يک دالان تو در تو است از صفحات وب، خطوط تلفن، خطوط کابلي،ماهواره ها، سيم هاي شبکه و کامپيوترهاي به هم پيوسته که در سرتاسر جهان پراکنده شده اند.
وب نيز بخشي از امکانات اينترنت است و به صفحات و پايگاه هايي اطلاق مي شود که از طريق آدرس هاي ويژه، امکان استفاده و مرور آنها توسط انواع مرورگرها مهيا مي باشد. ما مي توانيم با استفاده Uniform Resource Locator يا URL به اين پايگاه ها دسترسي داشته باشيم. اين روش آدرس دهي (مثل www.popsci.com) در دهه گذشته اينترنت را تبديل به شاهراه اطلاعاتي کرد. به خصوص اينکه باعث حذف اعلان ها و فرمان هايي شد که سابقا کاربران مجبور بودند تا براي رسيدن به اطلاعات متني، تايپ کنند. آن هم اطلاعاتي که صرفا متن بوده و از جهاتي کسل کننده بودند، اما وب آنها را تبديل به محيطي جذاب، بصري و فوق العاده پويا و متحرک نمود.
ضمن اينکه بخش عظيمي از محتوياتي که شما از طريق URL بدست مي آوريد، فايل هايي هستند که با يک کد خاص موسوم به Hyper Text Markup Language يا به اختصار HTML نوشته شده اند. در حقيقت ما فايل هاي HTML را به عنوان صفحات وب مي شناسيم.
البته حالت هاي زيادي پيش مي آيد که به جاي وب، از اينترنت استفاده مي کنيم:
مثل وقتي که يک Email مي فرستيم؛ يک فايل موسيقي Mp3 را بوسيله يک برنامه انتقال مستقيم (Peer to Peer) (مشابه Limewire) دريافت مي کنيم و نيز برخي از آدرس هاي وب که با WWW شروع نمي شوند. بنابراين در يک کلام ، اينترنت مفهومي وسيع و کلي مي باشد و وب، مفهومي خاص و ويژه، اما از آنجايي که معمولا بيش از 90 درصد کارهاي ما در اينترنت از طريق پايگاه هاي وب انجام مي گيرد، به همين خاطر ، معمولا وب و اينترنت ، يکي فرض مي شوند.
 
 
تفاوت اينترنت و وب چيست؟
اکثر کاربران فکر مي ‌کنند که وب همان اينترنت است اما اينترنت در سال ???? وقتي که آرپانت که همان پدر اينترنت ناميده مي ‌شود شروع به استفاده از پروتکل TCP/IP کرد شکل گرفت. وب توسط تيم برنرزلي انگليسي در سال ???? ساخته شده. شبکه جهاني وب از سرورها که صفحات را دربر دارند و مرورگرهاي بسياري همانند فايرفاکس، اينترنت اکسپلورر، سافاري و… ساخته شده است. در واقع اينترنت مجموعه‌اي از فناوري‌ است که موجوديت وب را رقم زده است. اگر اينترنت نبود وب هم نبود و اگر وب نبود اينترنت هم چنان در اثر هجر باقي مي ‌ماند. بايد به اين نکته توجه داشت که بسياري از برنامه ‌هاي تحت شبکه بدون نياز به وب کار مي‌ کنند مانند ايميل،FTP ، IRC يا چت مبتني بر اينترنت، نرم‌افزارهاي پيام رسان، تل‌نت، تورنت... اينترنت يک دا?ن تو در تو است از تلفن ‏ها، خطوط کابلى، ماهواره ‏ها، سيم‏ هاى شبکه و کامپيوترهاى به هم پيوسته که در سرتاسر جهان پراکنده شده‏اند. وب به نامى گفته مي شود که به هر چيز در اينترنت تعلق گرفته است.
 
 
ما مي توانيم با استفاده از Uniform Resource Locator يا URL به آن چيز دسترسى داشته باشيم. اين روش آدرس‏ دهى در دهه 60 اينترنت را تبديل به شاهراه اطلاعاتى کرد. به خصوص اين كه باعث حذف اعلان ‏ها و فرمان ‏هايى شد که سابقاً کاربران مجبور بودند تا براى رسيدن به اطلاعات تايپ کنند. بخش اعظمى از محتوياتى که شما از طريق URL به دست مي آوريد، فايل هايى هستند که با يک کد خاص موسوم به HyperText Makup Language يا به اختصار HTML نوشته شده‏اند. ما فايل هاى HTML را به عنوان صفحات وب مي شناسيم. حالت هاى زيادى پيش مـي آيد که به جـاى وب از اينترنت استفاده مي کنيم: مثل وقتى که يک e-mail مي فرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم(peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامه‏اى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرس هاى وب که با ".www" شروع نمي شوند. به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو? نيازى به وارد کردن".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد مي کنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد.
 
سرور اغلب سايت را حتى بدون پيشوند(به عنوان مثال irankala.org) تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب(ping) مي کند. حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود.
 
 
 
اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايت تان را پيدا نکنيد. يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد«در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده». در حال حاضر کاربران، سايت ها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينک‏ ها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند.
 
 
 
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : pouya webdesignsara25 بازدید : 233 تاريخ : يکشنبه 23 تير 1392 ساعت: 13:08

web design

 

 
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
 
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. طراحی وب سایت
 
educational organization, it shouldn’t be a platform to show off performance – everything has to be wisely balanced.
 
based on our templates collection that you may find interesting to apply for your future service:
 
  Vivid And Eye-Catchy Design
 
Bright design better suits educational sites for kids. There is nothing more friendly than colorful and jolly childish site design like this. Childhood is the happiest time for your children and they have to spend it in a friendly atmosphere.
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : pouya webdesignsara25 بازدید : 244 تاريخ : چهارشنبه 19 تير 1392 ساعت: 16:31

webdesign

 

From Wikipedia, the free encyclopedia
Jump to: navigation, search
The hierarchy of labels in a domain name.
This article is about domain names in the Inteet. For other uses, see Domain.
 
A domain name is an identification string that defines a realm of administrative autonomy, authority, or control on the Inteet. Domain names are formed by the rules and procedures of the Domain Name System (DNS). Technically, any name registered in the DNS is a domain name.
 
Domain names are used in various networking contexts and application-specific naming and addressing purposes. In general, a domain name represents an Inteet Protocol (IP) resource, such as a personal computer used to access the Inteet, a server computer hosting a web site, or the web site itself or any other service communicated via the Inteet.
 
Domain names are organized in subordinate levels (subdomains) of the DNS root domain, which is nameless. The first-level set of domain names are the top-level domains (TLDs), including the generic top-level domains (gTLDs), such as the prominent domains com, info, net and org, and the country code top-level domains (ccTLDs). Below these top-level domains in the DNS hierarchy are the second-level and third-level domain names that are typically open for reservation by end-users who wish to connect local area networks to the Inteet, create other publicly accessible Inteet resources or run web sites. The registration of these domain names is usually administered by domain name registrars who sell their services to the public.
 
    1 Purpose
    2 History
    3 Domain name space
        3.1 Domain name syntax
        3.2 Top-level domains
        3.3 Second-level and lower level domains
        3.4 Inteationalized domain names
    4 Domain name registration
        4.1 History
        4.2 Administration
        4.3 Technical requirements and process
        4.4 Business models
    5 Resale of domain names
    6 Domain name confusion
    7 Use in web site hosting
    8 Abuse and regulation
        8.1 Truth in Domain Names Act
        8.2 Seizures
    9 Fictitious domain name
    10 See also
    11 References
    12 Exteal links
 
Purpose
 
Domain names serve as humanly memorable names for Inteet participants, like computers, networks, and services. A domain name represents an Inteet Protocol (IP) resource. Individual Inteet host computers use domain names as host identifiers, or host names. Host names are the leaf labels in the domain name system usually without further subordinate domain name space. Host names appear as a component in Uniform Resource Locators (URLs) for Inteet resources such as web sites (e.g., en.wikipedia.org).
 
Domain names are also used as simple identification labels to indicate ownership or control of a resource. Such examples are the realm identifiers used in the Session Initiation Protocol (SIP), the Domain Keys used to verify DNS domains in e-mail systems, and in many other Uniform Resource Identifiers (URIs).
 
An important function of domain names is to provide easily recognizable and memorizable names to numerically addressed Inteet resources. This abstraction allows any resource to be moved to a different physical location in the address topology of the network, globally or locally in an intranet. Such a move usually requires changing the IP address of a resource and the corresponding translation of this IP address to and from its domain name.
Generic domain names increase popularity. A generic domain name may sometimes define an entire category of business that a company is involved in, rather than being the name of the company. Some examples of generic names include books.com, music.com, travel.com and art.com. Companies have created successful brands based on a generic name, and such generic domain names tend to be very valuable.
 
Domain names are often referred to simply as domains and domain name registrants are frequently referred to as domain owners, although domain name registration with a registrar does not confer any legal ownership of the domain name, only an exclusive right of use.
 
The use of domain names in commerce may subject them to trademark law. In 2010, the number of active domains reached 196 million.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : pouya webdesignsara25 بازدید : 245 تاريخ : يکشنبه 16 تير 1392 ساعت: 13:28

سبک دهي به عناوين

 
 
سبک دهي به عناوين :
اولين عنصري که در سايت به آن استايل مي دهيم تيتر موجود در صفحه است که آن را با تگ h1 مشخص مي کنيم، حالا بياييد چند استايل به اين تگ مان اضافه کنيم.
    h1 {
    Font-family: " Trebuchet MS ", Arial, Helvetica, San-serif;
    }
 
 
اين خط css بيان مي کند که تمامي عناوين صفحه Trebuchet MS مي شوند در حاليکه ساير متون صفحه verdana خواهند بود.
 
    h2 {
    Font-family: byekan, Arial, Sans-Serif;
    }
 
 
تمامي تيتر هاي سايت و عناوين از خط فوق استايل خود را مي گيرند در حالي که ساير متون سايت فونت تگ body يعني tahoma را مي خوانند.
 
    body {
    Font-family: Tahoma,Serif,Sans-Serif;
    }
 
 
همانطور که مي بينيد براي فونت Trebuchet MS از دبل کتيشن استفاده شد، اما براي ساير فونت ها استفاده نکرديم، به طور کلي اگر اسم فونت انتخابي مان تک کلمه اي باشد نيازي به استفاده از کتيشن نيست در غير اينصورت براي نام فونت هايي که دو يا سه کلمه اي هستند(مثل: "Times New Roman") حتما از کتيشن استفاده مي کنيم.
 
design-web-92.jpg
جهت مشخص شدن موضوع مثال ديگري نيز براي شما مي زنم، به عنوان مثال در سايت شرکت وب اسکالا تيتر هاي صفحه byekan است و سايز متون صفحه Tahoma .
توضيح : يکي از مشکلاتي که در وب فارسي با آن مواجه هستيم، محدوديت فونت است که معمولا به 3 نوع فونت ختم مي شود اما اخيرا" امکان درج انواع فونت ها در صفحه وجود دارد .
 
چند نکته :
 
اگر مرورگر خود را refresh کردين و تغييرات را مشاهده نکردين، ابتدا بررسي کنيد و ببينيد که آيا پس از اعمال تغييرات CSS خود را ذخيره کرده ايد يا نه. اگر اين مورد درست بود بررسي کنيد و ببينيد که آيا لينک CSS خود را درست داده ايد و اسم آن را درست تايپ کرده ايد، آخرين مورد نيز ممکن است به دليل cache کردن مرورگرتان باشد، که در اين صورت براي مرورگر IE از دکمه R + Ctrl استفاده مي نماييد و براي مرورگر فاير فاکس Ctrl + F5 کمک مي گيريد، تا cache مرورگر خود را پاک نماييد.
 
حالا بياييد کمي ظاهر سايت را عوض کنيم، در اين قسمت ويژگي هاي بيشتري به تگ body مان مي افزاييم و ظاهر منو را نيز تغيير مي دهيم، CSS زير را به فايل CSS خود اضافه کنيد.
 
    body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background-color: #e2edff;
    line-height: 125%;
    padding: 15px;
    }
    h1{
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: x-large;
    }
    li{
    font-size: small;
    }
    h2{
    color: blue;
    font-size: medium;
    font-weight: normal;
    }
    p{
    font-size: small;
    color: navy;
    }
 
 
حالا پس از ذخيره کردن فايل css تان مرورگر خود را يکبار ديگر refresh نماييد و تصويري مشابه با تصوير زير ملاحظه نماييد.
 
design-web-94.jpg
حالا توضيح خصوصيات اضافه شده در بالا:
 
    body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background-color: #e2edff;
    line-height: 125%;
    padding: 15px;
    }
 
 
خصوصيت background-color براي اکثر تگ هاي HTML کاربرد دارد و با روشهاي گوناگوني مي توان رنگ دهي به پيش زمينه سايت را اعمال کنيم. براي تعيين کردن رنگ پيش زمينه دو روش وجود دارد، يکي اينکه نام رنگ را بنويسيم، مثل؛ yellow, blue, white, red,.... و روش ديگر استفاده از اعداد دسيمال مانند؛ 4ab390# است. بهترين روش و راحت ترين آن براي انتخاب و استفاده از رنگ مورد دلخواه خود در سايت استفاده از color picker نرم افزار photoshop است که به راحتي رنگ را به صورت عددي در اختيار شما قرار مي دهد.
نحوه استفاده از اين ارقام نيز بدين صورت است:
 
    0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, 10, 11, 12...
 
 
خصوصيت بعدي line-height است که با افزايش دادن مقدار آن مي توان فواصل بين خطوط متن را بيشتر کرد و خصوصيت padding نيز براي ايحاد فاصله ميان تگ مورد نظر و عنصر خارجي آن که درون تگ body قرار دارد مي باشد. اين فاصله را مي توان براي هر چهار جهت بالا، پايين، چپ و راست و با يک يا دو و يا تنها سه جهت آن قرار داد. انشالله در فصل بعدي در مورد padding به طور کامل توضيح خواهم داد.
تنها نکته باقي مانده مقدار دهي به padding است که به صورت عددي در مبناي پيکسل استفاده مي کنيم، مانند px15 و اين مقدار باعث ايجاد فاصله براي body مي شود که مطالب سايت از هر چهار جهت به اندازه px15 فاصله يابد. همانطور که قبلا نيز اشاره کرديم، واحد پيکسل براي سايز دهي به تصاوير نيز به کار مي رود، اصولا پيکسل کوچکترين واحد موجود در صفحه نمايش است.
 
همانطور که گفتيم به متون سايت نيز مي توان هم رنگ و هم سايز داد، همانطور که در تصوير فوق ديديد رنگ استفاده شده در اينجا ، آبي است.
 
    p{
    font-size: small;
    color: navy;
    }
 
 
براي منو نيز سايز فونت را small در نظر گرفتيم که با توجه به نوع مرورگر سايز پيش فرض small آن ، در مرورگرهاي مختلف تفاوت دارد، محدوده مقدار دهي آن small, medium, large, x-large و xx-large است.
 
براي تگ h1 نيز سبک جديدي از استايل دهي را قرار مي دهيم، چون اين تگ براي تيتر اصلي صفحه استفاده مي شود، سايز آن را بسيار بزرگ يا همان x-large انتخاب کرديم.
 
    h1{
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: x-large;
    }
 
 
و براي تگ h2 سايز فونت را متوسط برگزيديم.
و تگ p تنها سايز و رنگ گرفته است .
 
با اين مثال ها سبک دهي به عناصر را آغاز کرديم ولي تازه شروع کار است .
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : pouya webdesignsara25 بازدید : 227 تاريخ : شنبه 8 تير 1392 ساعت: 12:22

کاراکترهای ویژه

 کاراکترهای ویژه، علامتهایی که نمی توان آنها را با صفحه کلید تایپ کرد

آیا تا به حال موقعیتی پیش آمده که بخواهید بین دو کلمه فاصله بیشتری در طراحی وبب سایت وجود داشته باشد. یا بخواهید علامت کپی رایت را نشان دهید. این کاراکتر های ویژه با استفاده از کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند. برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی طراحی وبب سایت  اضافی بگذارید باید از کد ;nbsp& استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر:

 

کلمه اول   کلمه دوم

نتیجه به این صورت خواهد بود:

 

 

این فرمان چهار فضای خالی اضافی بین دو کلمه ایجاد می کند. و در مجموع پنج فضای خالی داریم.

 

بحث بعدی ما علامت کپی رایت است. شما می توانید به همان روشی که برای فضای خالی اضافی ایجاد کردیم این علامت را نیز به وجود بیاورید. یعنی با استفاده از کد آن. کد علامت کپی رایت این است:  ;copy& به این مثال توجه کنید:

 

this page Copyright © 2007 by me

متن نتیجه:

 

this page Copyright © 2007 by me

 

روش کار برای تمامی کاراکترهای ویژه به همین صورت است فقط کد آنها را در متن HTML قرار دهید.

 

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

 

نام کاراکتر            شکل ظاهری کاراکتر          کد سازنده کاراکتر

امپرسند  &          &

علامت کپی رایت   ©         ©

علامت ثبت شده   ®         ®

علامت تجاری       ™         ™

علامت کوچکتر از    <          &lt;

علامت بزرگتر از     >          &gt;

علامت خنجر         †          &dagger;

--------------------    »          &raquo;

--------------------    «          &laquo;

خط فاصله ام        —         &#151;

علامت درجه         °           &deg;

یک چهارم            ¼         &frac14;

یک دوم   ½         &frac12;

سه چهارم           ¾         &frac34;

نقطه میانی          ·           &middot;

علامت تعجب وارونه            ¡           &iexcl;

علامت یورو           €          &euro;

علامت پوند انگلیس            £          &pound;

علامت تقسیم      ÷          &divide;

علامت رادیکال      √          &radic;

 

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : pouya webdesignsara25 بازدید : 231 تاريخ : سه شنبه 28 خرداد 1392 ساعت: 13:14

ASP.NET

 


آمادگي  ASP.NET

 

حال شما را با مفهوم  طراحی وب سايت با ASP.NET بيشتر آشنا مي کنيم

 

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

 

هردوي اين دستورالعملها که در بالا توضيح داده شد در صفحات وب ASP.NET نوشته مي شود.

 

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

 

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

 

قسمت کنترل به تنهائي به دو قسمت کوچکتر به نامهاي کنترلهاي HTML و کنترلهاي وب تقسيم مي شود که در فصل آينده تفاوت اين دو بخش را خواهيد آموخت.

 

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

 

زبان برنامه نويسيnet زباني است که توليد کنندگان براي نوشتن چگونگي کارکرد موتور ASP.NET استفاده مي کنند. مانند C#,VB.NET

 

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

 

 

 

ساخت يک صفحه وب ASP.NET

 

صفحه وب ASP.NET با استفاده از يک ويرايشگر قابل توليد است. همانند مدلي که در مايکروسافت بر روي ويندوز وجود دارد.

 

تنها چيزي که شما براي نوشتن قسمت کدهاي علامت گذاري HTML و قسمت کنترل نياز داريد استفاده از زبان برنامه نويسي مانند C#,VB.NET مي باشد. پس شما مي توانيد صفحات نوشته شده را در داخل فايلهايي که پسوند aspx.  دارند، ذخيره کنيد.

 

قدم بعد توليد طراحی وب سايت SP.NET ميباشد که کمي دشوار مي باشد زيرا شما براي انجام اين کار احتياج به يک سرويس دهنده اي داريد که به موتور ASP.NET دسترسي داشته باشد. اگر اين مکان را نداريد دلواپس نباشيد زيرا طبق سيستم عاملي که بر روي کامپيوتر شما وجود دارد سه راه پيش روي شماست.

 

اگر ويندوز شما از نوع NT و xp professionl مي باشد، بهترين گزينه براي شما استفاده از ماتريس وب ASP.NET است.

 

اگر داراي اين امکانات نبوديد مي توانيد همه اين احتياجات را از اينترنت دانلود کنيد. دانلود کردن اين برنامه پنج دقيقه طول مي کشد.

 

همچنين شما بايد چارچوب کاري شبکه اي را دانلود و روي سيستم خود نصب کنيد. براي دانلود کردن مي توانيد به اين آدرس مراجعه کنيد.

 

http://msdn.microsoft .com/net     or     www.ASP.NET

 

بيشترين سود  و منفعت استفاده از ماتريس وب آن است که شما فقط با کشيدن و انداختن (WYSIWYG) (what you in what you get) از جعبه ابزار به صفحه وب مي توانيد صفحه خود را بسازيد و حتي از زماني که ماتريس وب ASP.NET به سرويس دهنده مجهز شده شما قادريد صفحات خود را تست کنيد.

 

ماتريس وب ASP.NET هم به نوبه خود داراي نقطه ضعفهائي ميباشد. اول اينکه اين صفحات بر روي کامپيوتر هايي که داراي ويندوز me,98 است اجرا نمي شود و ثانياً شما توانائي دسترسي به سرويس دهنده وب ماتريس از يک کامپيوتر ديگر را نداريد زيرا اين صفحات به عنوان سرويس دهنده محصول طراحی وب سايت  نشده اند.

 

ميزباني وب

 

اگر ويندوز شما me يا  مي باشد و شما نيز نمي خواهيد که اين برنامه را از اينترنت دانلود کنيد بنابراين يک راه بيشتر نداريد و آن تماس با خود شرکت است.

 

شرکت ميزبان وب يک فضائي در سرويس دهنده طراحی وب سايت براي وب سايت شما فراهم مي کند شما را در ثبت نام دامنه و ارتباط آن با وب سايتتان ياري مي کند.

 

 

 

 

 

سرويس دهنده اطلاعات اينترنتي

 

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

 

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

 

انتشار صفحه وب طراحی وب سايت ASP.NET

 

آخرين قدم در ساخت صفحات وب ASP.NET انتشار آن در وب سايت خودتان است.

 

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

 

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

 

شما قادر به FTP کردن فايلهايتان نخواهيد بود اگر از بسته آموزشي brinkster استفاده مي کنيد. www.brinkster.com

 

زيرا اين برنامه فقط براي پرداخت صورتحسابها طراحی وب سايت شده است. در عوض شما نياز به کپي کردن و چسباندن صفحه وب ASP.NET خود در داخل صفحه وب آنها خواهيد داشت.

 

در ذيل چند مورد وجود دارد که شما قبل از انتشار صفحات بايد آنها را مرور کنيد:

 

    مطمئن شويد که شرکت ميزبان وب از برنامه هاي ASP.NET حمايت مي کند. زيرا برخي از شرکتها از ASP پشتيباني کرده و از Asp.net پشتيباني نمي کنند.

    از آزمايش صفحه وب ASP.NET و رفع اشکالهاي آن مطمئن شويد.

    مطمئن شويد منابعي که توسط ASP.NET براي توليد طراحی وب سايت استفاده شده اند، در دسترس باشند.

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

 

ASP.NET در جواب درخواستهاي کاربران، صفحات وب ديناميکي را بوجود مي آورد.

 

اين صفحات به خودي خود در سرويس دهنده وب وجود ندارد بلکه يک برنامه آنها را توليد مي کند.

 

برطبق اطلاعات فراهم شده با هر کاربر، محتويات صفحه وب ديناميکي قابل اضافه شدن به کاربران مي باشد.

 

براي مثال: مي تواند محتوي وضعيت صورتحساب کاربر باشد که از پايگاه داده ها و برنامه کاربردي غير وبي بازيابي شده است.

 

اما خود صفحات ASP.NET نيز براي توليد طراحی وب سايت استاتيک مورد استفاده قرار مي گيرند. اين صفحات حامل دو سري از دستورالعملها مي باشند. سري اول کدهاي علامت گذاري HTML مي باشند و سري دوم کنترلها مي باشند.

 

از کد علامت گذاري HTML براي تشکيل صفحه وب ديناميکي استفاده مي شود که به سرويس گيرنده فرستاده مي شود و کنترلها هم دستورالعملهايي هستند که به موتور ASP.NET چگونگي توليد صفحات ديناميکي را توضيح مي دهد.

 

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : pouya webdesignsara25 بازدید : 238 تاريخ : يکشنبه 26 خرداد 1392 ساعت: 17:45

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه