طراحی وب سایت

ساخت وبلاگ

آخرین مطالب

امکانات وب

اضافه کردن يک صفحه به برگه هاي سايت

.

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

برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : azadeh websara2 بازدید : 291 تاريخ : چهارشنبه 16 مرداد 1392 ساعت: 12:29

نشانه گذاري رسمي وب

 

اولين زبان نشانه گذاري رسمي وب، HTML (Hyper text markup language) بود که در سال 1989 ميلادي توسط Tim Beers-Lee ابداع شد. تقريبا تمام وبسايت هاي دنيا به نحوي از زبان HTML براي نمايش هم زمان متن، تصوير، انيميشن، فيلم و صدا بهره ميگيرند. اين زبان تحت نظارت و قيوميت کنسرسيوم جهاني وب (با عنوان w3c يا world wide web consortium) قرار دارد و در خلال طراحی دهه گذشته چندين بار بازبيني و به روز شده است و اکنون از نسخه 4 آن استفاده مي شود. براي کسب آگاهي از توصيف دقيق اين زبان مي توانيد به آدرس www.w3c.org مراجعه کنيد.
اولين قدم براي طراحي وبسايت
صفحات HTML متون غني شده اي هستند که مولفه ها و اشياي موجود در يک سند را به صورت صفحه آرايي شده و سازمان يافته، توصيف کرده و در اختيار کاربر قرار مي دهند. بزرگترين حسن اين صفحات آن است که به کاربر اين امکان را مي دهند که به سادگي به صفحه ي ديگري دسترسي پيدا کند. به گونه اي که مي توان توده اي انبوه از اطلاعات خام را به صورت سلسله مراتبي و سطح بندي شده در اختيار علاقه مندان قرار داد.
زبان HTML زباني مانند پاسکال، بيسيک و يا C نيست بلکه روشي است که به واسطه ي آن مي توان متون خالص و معمولي را صفحه آرايي کرده و عواملي مثل صدا، تصوير، فهرست هاي انتخاب و عناصر ورود اطلاعات را به يک سند اضافه کرد.
وقتي قرار است اين اجتماع رنگارنگ و ناسازگار بر سر سفره جهاني وب بنشينند بايستي زباني مشترک براي تدوين و تبادل اطلاعات و اسناد داشته باشند. به گونه اي که اين تفاوت ها و ناسازگاري ها احساس نشود
HTML مجموعه اي از برچسب هاي خاص صفحه آرايي، عوامل و اشيا ورود و خروج اطلاعات است. برچسب هاي درون متن که به تگ يا tag مشهور هستند توسط مرورگر تشخيص داده شده و پس از تفسير، صورت ظاهري سند و نمايش متن را تحت تاثير قرار مي دهند. برچسب هاي HTML با علامت < > از متن اصلي متمايز مي شوند. عملي که هر برچسب انجام مي دهد در درون  <>مشخص مي شود. تاثير عمل هر برچسب به شکل <…> با برچسب ديگري به شکل </…> لغو مي شود.
اولين قدم براي طراحي وبسايت
به عنوان مثال متن ساده Hello Tebyan را در نظر بگيريد. با برچسب هاي <I><B>Hello Tebyan</B></I> مي توان مرورگر را وادار کرد تا متن را به صورت پر رنگ و ايتاليک به صورت Hello Tebyan نمايش دهد. 
در واقع برچسب <B> ميگويد که متني که ميان <B>…</B> قرار گرفته را Bold يا پررنگ بکن و متني که درون <I>…</I> قرار گرفته را به شکل ايتاليک در بيار. حال چون متن Hello Tebyan در بين هر دو تگ قرار دارد هر دو تگ بر متن اعمال مي شود و متن به صورت نهايي گفته شده تبديل مي شود.
 
براي نوشتن يک فايل HTML نياز به هيچ برنامه خاصي نداريد. مي توانيد به سادگي متن مورد نظر را با تگ هايي که ميخواهيد در يک ويرايشگر متني ساده مثل Notepad با پسوند .html ذخيره کنيد.
کسي که با برچسب هاي HTML آشنا باشد به طراحی  راحتي مي تواند با يک ويرايشگر ساده صفحه وب مورد نظر خود را ايجاد و سازماندهي کند وليکن براي سرعت بخشيدن به روال طراحي صفحات و انعطاف پذيري بيشتر، نرم افزارهاي گوناگوني براي توليد صفحات وب به بازار عرضه شده است.
 
DHTML: HTML پويا
زبان نشانه گذاري DHTML در حقيقت نسخه مبتني بر شي (object) از HTML است. در اين زبان نشانه گذاري، قابليت هاي جديدي تعريف شده که بر اساس آن مي توان کنترل بيشتري بر روي مولفه هاي موجود در يک صفحه وب اعمال کرد تا بتوان به صفحه ي وب جلوه هاي ويژه (مبتني بر شرايط مرورگر) بخشيد. به عنوان مثال بتوان بر روي حرکان ماوس نظارت کرد و بر اساس موقعيت ماوس جلوه هاي خاصي را ايجاد کرد.
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : azadeh websara2 بازدید : 222 تاريخ : يکشنبه 30 تير 1392 ساعت: 14:17

web

 

 
حالتـهاى زيادى پيش مـي آيد که به جـاى وب از اينترنت استفاده مي کنيم : مثل وقتى که يک e-mail ميفرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم (peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامه‏اى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرسهاى وب که با ".www" شروع نميشوند.
به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو?ً نيازى به وارد کردن ".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد ميکنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد. سرور اغلب سايت را حتى بدون پيشوند تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب (ping) مي کند.طراحی وب سایت حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود. اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايتتان را پيدا نکنيد.
يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد « در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده ». در حال حاضر کاربران، سايتها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينک‏ها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند .
 
Web :
وب بر اساس مدل سرويس گر(server)/سرويس گير(client) عمل ميكند 
مدل سرويس گر و سرويس گير در سيستم شبكه هاي كامپيوتري شامل 3 جزء است . سرويس گر ، سرويس گير و شبكه كه ، سرويس گير يك نرم افزار است كه بر روي كامپيوتر كاربر اجرا ميشود و سرويس گر نرم افزاري است كه بر روي كامپيوتري كه عمل تغذيه اطلاعاتي را به عهده دارد انجام ميشود. كاربر از طريق اين نرم افزار ميتواند درخواستهايي را براي دريافت اطلاعات و انجام اعمالي ارسال دارد اين درخواست از طريق شبكه به كامپيوتر سرويس گر ميرسد و سرويس گر اعمال لازم را انجام مي دهد. تمام اطلاعاتي كه بر اساس مدل سرويس گر و سرويس گير عمل ميكنند از يكسري ضوابط يا پروتكل هايي پيروي ميكنند كه براي آن سيستم تعريف شده اند. اين شكل فعاليت طراحی وب سایت  درخواست و پاسخ كه از طريق مدل سرويس گر و سرويس گير اجرا ميشود توانائيهاي زيادي دارد رابطه سرويس گير و سرويس گر بر اساس يك پروتكل از پيش تعيين شده برقرار ميشود.
نرم افزار سرويس گر ميتواند براي هر نوع سخت افزار خاصي طراحي شود در واقع Server ديگر نگران اينكه كاربر از چه نوع كامپيوتري استفاده ميكند نخواهد بود زيرا ميداند كه زبان مشترکي با Client دارد كه صرفنظر از سيستم سخت افزاري كاربر هر دوي آنها به اين زبان با همديگر ارتباط برقرار ميكنند در واقع اين طراحي در سطح نرم افزار Client صورت گرفته و همين امر است كه وب را به صورت يك پديده غير وابسته به سيستم در آورده است . Platform Independent براي درك بهتر موضوع مدل Server/client را مشابه سيستم پخش تلويزيوني مي دانيم كه برنامه هاي تلويزيون از طريق هر دستگاه تلويزيوني گرفته ميشود اطلاعات از يك سيستم پخش امواج بر اساس ساختار استاندارد انتشار مي يابد.
- مرورگر هاي Web ميتوانند به اطلاعات چند پروتکلي دسترسي داشته باشند مرورگرهاي وب چند پروتکلي هستند اين بدان معناست كه مرورگر ها ميتوانند به انواع مختلفي از سرويس گرها كه بر اساس پروتكل هاي مختلفي ارتباط برقرار ميكنند دسترسي داشته باشند مهمترين پروتكل هايي كه مرورگرها ميتوانند با استفاده از آنها به سرويس گرها متصل شوند عبارتند از :
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : azadeh websara2 بازدید : 228 تاريخ : يکشنبه 23 تير 1392 ساعت: 15:06

طراحی وب سایت

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:
 
  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.
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : azadeh websara2 بازدید : 225 تاريخ : چهارشنبه 19 تير 1392 ساعت: 12:52

بخش چهارم Event attribute در html

2013/06/09آموزش html, آموزش طراحي سايت, طراحي سايتديدگاه ها
در سلسله آموزشهاي طراحي سايت آنلاينر به بخش سوم Event attribute در html پرداختيم.
 
در اين مقاله قصد بررسي بخش چهارم Event attribute در html  را داريم.
 
رويداد هاي موس Mouse Events
onclick : اين رويداد زماني اجرا ميشود که روي عامل مورد نظر کليک شود.
ondblclick :اين رويداد زماني اجرا ميشود که روي عامل مورد نظر دابل کليک شود.
ondrag :اين رويداد زماني اجرا ميشود که عامل مورد نظر درگ شود.
ondragend :اين رويداد در پايان عمليات درگ  اجرا ميشود.
ondragenter :اين رويداد زماني اجرا ميشود که عامل مورد نظر در مقصد معتبري درگ شود.
ondragleave :اين رويداد زماني اجرا ميشود که عامل مورد نظر توسط درگ از مکان معتبر خود خارج شود.
ondragover :اين رويداد زماني اجرا ميشود که عامل درگ شده وارد منطقه معتبر شود.
ondragstart :اين رويداد زماني اجرا ميشود که عمليات درگ شروع شود.
ondrop :اين رويداد زماني اجرا ميشود که عامل درگ شده رها شود.
onmousedown :اين رويداد زماني اجرا ميشود که يکي از دکمه هاي موس پايين فشرده شود.
onmousemove :اين رويداد زماني اجرا ميشود که موس حرکت داده شود.
onmouseout :اين رويداد زماني اجرا ميشود که اشاره گر موس از محدوده عامل مورد نظر خارج شود.
onmouseover :اين رويداد زماني اجرا ميشود که اشاره گر موس وارد محدوده عامل مورد نظر شود.
onmouseup :اين رويداد زماني اجرا ميشود که يکي از دکمه هاي موس رها شود.
onmousewheel :اين رويداد زماني اجرا ميشود که دکمه چرخشي موس چرخش داده شود.
onscroll :اين رويداد زماني اجرا ميشود که در نوار اسکرول عامل مورد نظر اسکرول شود.
 
رويداد هاي موس در صفحات وب از اهميت خاصي برخوردارند به نحوي که هم در کارايي صفحه وب و هم در جذابيت و رفاه کاربر تاثير بسزايي دارد.
 
مثال زير کاربرد رويدادهاي onmouseup و onmousedown را به خوبي بيان ميکند
 
<!DOCTYPE html>
<html>
<head>
<script>
function mouseDown()
{
document.getElementById("p1").style.color="red";
}
 
function mouseUp()
{
document.getElementById("p1").style.color="green";
}
</script>
</head>
<body>
 
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
روي متن کليک کنيد.</p>
 
</body>
</html>
در مثال بالا هنگامي که روي پاراگراف کليک کنيد تابع mouseDown() رنگ متن را قرمز و با رها کردن کليد موس تابع onmouseup اجرا ميشود . اين تابع نيز رنگ متن را به سبز تغيير ميدهد
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : azadeh websara2 بازدید : 270 تاريخ : شنبه 15 تير 1392 ساعت: 16:00

Registering a Domain

 

Registering a Domain
 
Domains can be registered from domain name registration companies.
 
These companies provide interfaces to search for available domain names, and they offer a variety of domain name extensions that can be registered at the same time.
Choosing a Domain Name
 
Choosing a domain name is a major step for any individual or organization.
 
New domain name extensions and creative thinking still offer thousands of excellent domain names!
 
When choosing a name, it is important to consider the purpose of a domain name, which is to provide an easy way to reach your web site.
 
The best domains have the following characteristics:
 
Short - People don't like to type! A short domain name is easier to type, read, and remember.
 
Meaningful - A short domain is nothing without meaning, 34i4nh.com is not easy to enter or to remember. Select a domain that relates to your site in a way that people will understand.
 
Clear - Clarity is important when selecting a domain name. Avoid a name that is difficult to spell or pronounce.
 
Exposure - Names that are short and easy to remember are an asset. In addition to visitors, also consider search engines. Search engines index your site and rank it for relevance against terms people search for. In order to maximize your sites exposure, consider including a relevant search term in your domain. Of course, only consider this if it still maintains a short, clear and meaningful domain name.
Sub Domains
 
Most people are unaware that they use sub domains daily. The famous "www" of the World Wide Web is an example of a sub domain. Sub domains can be created on a DNS server, and they don't need to be registered with a domain name registrar, of course, the original domain name needs to be registered before a sub domain could be created.
 
Examples of sub domains used on the inteet are http://store.apple.com and http://support.microsoft.com.
 
Sub domains can be requested from your web hosting provider.
False Domain Names - Directory Listings
 
Some providers will offer you a name under their own name, like:  www.theircompany.com/yourcompany/
 
This is not a real domain name, it is a directory - and you should try to avoid it.
 
Directory domains are not desirable, especially for companies.
 
Typically, directory domains are used for personal web sites and free web sites provided by an ISP, you may have seen www.theircompany.com/~useame as an address.
 
Competition in domain name registration has resulted in a dramatic decrease in pricing, so domain sharing is not common, since it is possible to register a domain name for only $15 per year.
Expired Domains
 
Another source for domain registrations is expired domains.
 
When you register a domain, think of it as a rental, assuming there are no legal or trademark issues with the domain name, you are free to use it as long as you continue to pay the yearly fee (you can now register in advance as many as 10 years). Some people register domains as speculators, hoping that they can later sell them, while others may have planned to use a domain and never had the time. The result is that domains that were previously registered, become available again.
Use Your Domain Name
 
After you have chosen and registered your own domain name, make sure you use it on all your web pages, and on all your correspondence, like e-mail and traditional mail.
 
It is important to let other people be aware of your domain name, and to inform your partners and customers about your web site.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : azadeh websara2 بازدید : 270 تاريخ : چهارشنبه 5 تير 1392 ساعت: 15:40

FTP

 

FTP مخفف File Transfer Protocol است به معنای پروتوکل انتقال فایل و از آن برای انتقال فایلها بین سرور و کامپیوتر کاربر استفاده می شود. بیشترین مورد استفاده از این روش برای آپلود کردن طراحی وب سایتصفحات و فایلهای مربوط به وب سایت ها است.

 

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

 

اتصال به سرور FTP

برای اتصال به سرور به یک سری اطلاعات  طراحی وب سایت احتیاج دارید تا با استفاده از آنها به سرور دسترسی داشته باشید این اطلاعات معمولاً شامل آدرس سرور FTP، نام کاربری و کلمه عبور شما در سرور هستند. آدرس سرور چیزی شبیه ftp://example.com یا ftp://ftp.example.com است و سرور مورد نظر را برای برنامه مشخص میکند.

 

معمولاً پوشه ای که محتویات  طراحی وب سایت  در آن قرار میگیرند (Remote Folder) در سرور به صورت مجزا در نظر گرفته می شود که فایلهایی که خارج از این پوشه آپلود شوند از طریق سایت در دسترس نخواهند بود. نام این پوشه معولاً public_html یا www است. در صورتی که شما نام این پوشه را به برنامه FTP خود بدهین پس از اتصال به سرور به صورت خودکار این پوشه برای شما باز خوهد شد.

 

تصویر زیر مربوط به قسمتی از نرم افزار CuteFTP است که کاربر در آن مشخصات سرور FTP را تععین میکند. قسمتهای مربوط به Label و Comments برای یادآوری سایت توط کاربر استفاده میشوند و به سرور ارتباطی ندارند. کادر Host Address برای وارد کردن آدرس سرور FTP است. قسمتهای Useame و Password هم مربوط به نام کاربری و کلمه عبور کاربر در سرور هستند. Login Method هم معمولاً به صورت normal است در غیر این صورت باید اطلاعات مربوط به آنرا از مدیر سرور خود دریافت کنید.

 

 

وارد کردن مشخصات سرور FTP در نرم افزار CuteFTP

 

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

اغلب کلاینتهای FTP ظاهری مشابه هم دارند که تا حدی شبیه اکسپلورر ویندوز است. در تصویر زیر می توانید نمایی از نرم افزار CuteFTP را مشاهده کنید.

 

 

نمایی از نرم افزار CuteFTP که برای کار با پروتوکل FTP مورد استفاده قرار میگیرد

 

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

 

برای انتقال فایلها کافیست فایلهایی  طراحی وب سایت را که میخواهید منتقل شوند در ستون مربوط به آنها انتخاب کنید و دکمه آپلود یا دانلود را بسته به کاری که میخواهید انجام دهید از نوار بالای ستونها کلیک کنید. برای مثال وقتی بخواهیم یک سری فایل را از کامپیوتر خود به سرور انتقال دهیم میتوانیم همه فایلها را در کامپیوتر خود با استفاده از ستون سمت چپ برنامه انتخاب کنیم و دکمه آپلود (پیکان رو به بالا) را از نوار ابزار برنامه کلیک کنیم. با این کار همه فایلهای انتخاب شده به پوشه در سرور که هم اکنون توسط برنامه باز شده است منتقل می شوند. البته برای انتقال فایلها می توانیم از دراگ و دراپ کردن فایلها هم استفاده کنید و یا از دکمه سمت راست ماوس و… اما در اساس کار تفاوتی وجود ندارد.

 

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

 

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

 

نرم افزارهای FTP:

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

 

Inteet Explorer

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

 

FileZilla

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

 

Nvu

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

 

CuteFTP

این نرم افزار مشخصاً برای کار با FTP طراحی شده است و امکانات در خور توجهی در اختیار کاربران خود قرار می دهد. می توانید برای دانلود نسخه آزمایشی این نرم افزار به سایت رسمی آن با آدرس www.cuteftp.com مراجعه کنید. این نرم افزار با توجه به حجم مناسب (حدود 6 مگابایت برای نسخه 7 آن) و امکاناتی که در اختیار کاربران   طراحی وب سایت خود قرار میدهد گزینه مناسبی برای کار با FTP است.

 

WS_FTP

این نرم افزار هم از طرفداران زیادی برخوردار است. برای کسب اطلاعات بیشتر و دانلود نسخه آزمایشی آن می توانید به وب سایت نرم افزار با آدرس www.ipswitch.com مراجعه کنید.

 

Dreamweaver

امکانات این برنامه بسیار فراتر از یک نرم افزار FTP ساده است. این برنامه جهت طراحی وب در سطح حرفه ای ارائه شده است و علاوه بر HTML و CSS که در طراحی صفحات استاتیک استفاده می شوند از زبانهای برنامه نویسی داینامیک از جمله PHP و ASP هم پشتیبانی میکند. برای اطلاعات بیشتر در مورد این نرم افزر   طراحی وب سایت میتوانید به آدرس www.adobe.com/products/dreamweaver مراجعه کنید. 

در صورتی که تمایل دارید از این نرم افزار استفاده کنید من توصیه میکنم Adobe Dreamweaver CS3 نسخه ME را که برای زبانهای رایج در خاور میانه طراحی شده است انتخاب کنید.

 

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : azadeh websara2 بازدید : 211 تاريخ : سه شنبه 28 خرداد 1392 ساعت: 14:21

پردازش فرم ها با زبان PHP (بخش مقدمه)

  پردازش فرم ها با زبان PHP (بخش مقدمه)

 

فرم ها يکي از مهمترين و شايد جالب ترين کاربردهاي زبان قدرتمند PHP مي باشد ، فرم ها در طراحی وب سایت کاربردهاي بسيار زيادي را دارند ، اين کاربرد ها از قبيل :ثبت کاربران جديد ، دريافت سفارش در فروشگاه هاي اينترنتي ، ارسال فيدبک و ... مي باشند

 

همانطور که ملاحظه نموديد ، همه ي اين فرم ها دقيقا به يک صورت عمل يا پردازش مي شوند ، ايجاد يک فرم و  طراحی وب سایت  آن با استفاده از زبان HTML و CSS صورت مي گيرد ولي پردازش اين فرم يا به عبارتي ديگر کاري که فرم انجام مي دهد مثلا ارسال ايمل توسط يکي از زبان هاي تحت سرور همانند PHP و يا ASP صورت مي گيرد.

 

در اين سري مجموعه هاي آموزش پردازش فرم در سون لرن سعي مي کنيم تا شما را به صورت کامل و کاربردي با پردازش فرم همراه با يک يا دو پروژه عملي مثل ساخت Quizو يا فرم تماس با ما آشنا خواهيم کرد.

 

در ابتدا ما قصد داريم يک فرم را با بک سري فيلد هاي مشخص تعريف نمائيم:

 

    نام و نام خانوادگي

    ايميل

    پيام شما

 

1<form action="" method="post">

2Name: <input type="text" name="name" />

3Email: <input type="text" name="email" />

4Comment: <input type="text" name="comment" />

5<input type="submit" />

6</form>

 

از اين پس ما بر بخش آموزش پردازش فرم با php با اين فرم کار طراحی وب سایت خواهيم کرد.

 

اما قبل از اينکه شروع به کد نويسي براي پردازش فرم ها نمائيم  ، بهتر شما را با تفاوت متدهاي Get و Post آشنا سازيم:

 

تفاوت دو متد Get و Post :

 

بهترين طريقه آموزش طراحی وب سایت  براي نمايش تفاوت بين اين دو متد ، استفاده از فرم مي باشد ، ما با همان فرم قبلي کار خود را شروع مي کنيم ، در ابتدا فرم خود را از متد Post به Get تبديل نمائيد :

1<form action="" method="get">

 

سپس فرم خود را در xampp اجرا نمائيد ، حال اگر شما هر فيد نام ، ايميل و پيام را وارد نمائيد و دکمه Submit را کليک کنيد ، در نوار آدرس مرورگر خود با آدرس زير مواجه مي شويد:

 

http://localhost/xampp/aaa.php?name=MiladHeydari&email=miladbruce%40live.com&comment=i+love+the+world!

 

همانطور که ملاحظه نموديد ، شما تمام مقاديري که در فيلدهاي خود وارد نموديد ، در نوار آدرس مشخص گرديد ، پس يعني متد Get چندان ايمن يا Secure نيست!

 

اما هم اکنون متد فرم خود را از Get به Post تغيير دهيد :

1<form action="" method="post">

 

حال اگر فيلدهاي طراحی وب سایت  فرم خود را پر کنيد ف و بر روي دکمه Submit کليک نمائيد ، هيچ گونه تغييري را در نوار آدرس مرورگر خود ملاحظه نخواهيد کرد.

 

نتيجه گيري :

 

همان طور که ديديد ، متد Get داده هاي شما را به صورتي نمايش مي دهد که در معرض ديد است و همچنين مرورگرهايي همچون Inteet Explorer يک محدوديت کارکتري در نوار آدرس را براي خود ايجاد کرده اند به طول 2048 کاراکتر ، بنابراين از متد Get فقط زماني استفاده مي شود که پاسخ فرم ما بسيار کوتاه باشد و همچنبن متد Get چندان ايمن نيست!

 

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

 

 

 

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

 

اولين کاري که نياز داريد انجام دهيد، اين است که به مرورگر بگوييد که، شما با زبان HTML مي خواهيد با او گفت و گو کنيد. اين کار با برچسب <html> انجام مي شود. بنابراين قبل از اينکه هر کاري را غير از اين انجام دهيد، برچسب <html> را در اولين خط از سندتان در برنامه notepad تايپ کنيد.

 

همانطور که ممکن است از درس هاي قبل به ياد داشته باشيد، <html> يک برچسب باز است و بايد زماني که نوشتن کدهاي html تان به پايان رسيد، با برچسب بسته به اتمام برسد. بنابراين براي اينکه مطمئن شويد که برچسب بسته را فراموش نمي کنيد، طراحی وب سایت حال <htm/> را در دو خط پايين تر تايپ کنيد و بقيه کدهاي اچ تي ام ال را بين <html> و <html/> تايپ کنيد.

 

مورد بعدي که سندتان به آن احتياج دارد برچسب <head> است، که اطلاعاتي را در مورد صفحه آماده مي کند. و <body> که محتواي سندتان در آن وجود دارد. به دليل اينکه اگر HTML منطقي نباشد بي ارزش ميشود، برچسب باز و بسته head، بايد بالاي برچسب باز و بسته body قرار گيرد.

 

 

 

 

 

 

 

 

 

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : azadeh websara2 بازدید : 256 تاريخ : شنبه 25 خرداد 1392 ساعت: 16:05

آرشیو مطالب

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

لینک دوستان

خبرنامه