آخرین ارسال های تالار گفتمان

هیچ ارسال جدیدی برای تالار گفتمان وجود ندارد .
بهمن
11
1390

آموزش جامع طراحی وبلاگ(قسمت دوم)

طراحی قالب وبسایت

بخش اول)

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

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

برای دیدن آموزش به ادامه مطلب بروید.(نظر فراموش نشه)

بهمن
10
1390

آموزش جامع طراحی وبلاگ(قسمت اول)

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

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

 برای دیدن بقیه مقاله به ادامه مطلب بروید.

بهمن
10
1390

شروع کار وبسایت

با سلام خدمت دوستان

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

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

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

موفق باشید.

مدیریت سایت!

بهمن
4
1390

آموزش html - قسمت دوم - متن ها

اگر شما می خواهید متنی را به صفحه html خود اضافه کنید کافی است متن دلخواه را در قسمت Body از صفحه html تایپ کنید.
مثال:
ویراستار notepad یا notepad++   خود را باز کنید و کد زیر را تایپ کنید

 

<html> 
<head>
<title>my page</title>
 </head>
<body>
.سلام !!این صفحه وب من است.
 </body>
</html>

 


سپس  با پسوند htm  یا html   آن را ذخیره کنید.
با باز کردن مثال خود با مرورگر Internet Explorer یا هر مرورگر دیگر  نتیجه به صورت زیر خواهد شد:

سلام !!این صفحه وب من است.

اگر خطوط را  به صورت "خرچنگ قورباغه" مي بينيد,فرار نكنيد, کافی است در هنگام Save کردن در پایین پنجره گزینه Encoding را با UTF-8 تنظیم کنید (در صورت استفاده از n++ باید قبل از save کردن از منوی Format گزینه Encode in UTF-8 را انتخاب نمایید).
مانند مثال بال اگر ویژگی های  خاصی را به متن اضافه نکنید مرورگر از سایز و فونتی که به صورت  پیش فرض برایش تعریف شده  استفاده می کند.

فونت پیش فرض (BASE FONT):

برای اینکه متنی که در کل صفحه html وارد می کنید به یک شکل دیده شود یا به عبارت دیگر یک فونت سراسری با اندازه و رنگ یکسان داشته باشید کافی است که از دستور <basefont> در ابتدای قسمت بدنه  (body) استفاده کنید.
مثال: ویراستار Notpade++   خود را باز کنید و کد زیر را تایپ کنید سپس  با پسوند htm  یا html  و با نام دلخواه آن را ذخیره کنید.

 1.<html> 
2.<head>
3. <title>my page</title>
4.</head>
5. <body>
6. <basefont face="Tahoma, arial, verdana" size="4" color="red">
7. Hello! This is my page.
8. All text looks the same<br>
9. since I only specified a basefont<br>
10.</body>
11.</html>

در مثال بالا خاصیت های color,size,face از دستور  basefont به ترتیب بیانگر فونت, اندازه یا سایز متن ( 1کوچکترین و 7 بزرگترین سایز) ورنگ متن html شما هستند.

نکته: اگر لیستی از فونت ها را مانند مثال بالا وارد کنیم مرورگر از اولین فونت قابل نمایش برای متن درکامپیوتر بیننده استفاده می کند.یعنی اگر قابلیت نمایش فونت Tahoma  فراهم نباشد مرورگر از فونت arial وگر نه از فونت verdana استفاده خواهد کرد. نتیجه مثال بالا به صورت زیر خواهد شد:


Hello! This is my page. All text looks the same
since I only specified a basefont


توجه کنید که در هنگام نوشتن متون html برای رفتن به خط بعدی باید از دستور <br> استفاده کنید. با توجه به مثال خواهید دید که در خط 7 از <br> استفاده نکردیم و به همین دلیل متن نوشته شده در خط 8 با وجود اینکه در خط بعدی کد نوشته شده درخروجی بلافاصله بعد از متن خط 7  دیده میشود.

تغییر فونت متن :

با استفاده از دستور  </font><font> می توان فونت ,رنگ و اندازه متن را تغییر داد.
مثال: ویراستار Notpade++   خود را باز کنید و کد زیر را تایپ کنید سپس  با پسوند htm  یا html  و با نام دلخواه آن را ذخیره کنید.

<html> 
<head>
<title>My Page</title>
</head>
 
<body>
<basefont color="green" face="arial" size="4">
Hello! This is my page.<br><br>
<font color="red" face="arial" size="2">
This local text looks different.
</font>
<br><br>
This text looks like the first line.
</body>
</html>

با باز کردن مثال خود با مرورگر Internet Explorer , کد بالا نتیجه زیر را در مرورگر خواهد داشت:


Hello! This is my page. 
 
This local text looks different.
 
This text looks like the first line.


با استفاده از صفت های color,face,size  از دستور <font> می توان به ترتیب اندازه (1 کوچکترین و7 بزرگترین) ,نوع فونت و رنگ متن را تعیین کرد.

بهمن
4
1390

آموزش html - قسمت اول - مقدمه

HTML مخفف Hyper Text Markup Language هستش ، اگه معنیشو نمیدونید معنیش میشه زبان نشانه گذاری فرا متنی!!!
زبان نشانه گذاری میگن چون ساختار دستوراتش بر اساس یکسری نشانه tag هست و فرامتنی میگن چون از متنی که تویه کاغذ نوشته میشه توانایی بیشتری داره...

HTML زبانیه که به مرورگر میگه که صفحات رو باید چطور نمایش بده! میشه گفت داره صفحات وب رو توصیف میکنه.

Cool وقتی این همه برنامه برای ساخت صفحات وب هست چرا باید خودمو تو دردسر بندازم اچ تی ام ال یاد بگیرم!؟؟؟؟

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

مواد لازم:
هیچی! همون برنامه notepad تویه ویندوز کافیه! البته اگر برنامه notepad++ رو دانلود کنید میتونید تگ های html رو به صورت رنگی ببینید و امکانات بیشتری داشته باشید!

خوبه شروع کنیم دیگه! تویه notepad(++) یه سند جدید ایجاد کنید و توش کد زیر رو بنویسید:

<html>
<head>
<title>In Onvane Safhast</title>
</head>
<body>
In Ham Matne Safheye Avvle!
Vay Khoda Daram Html Yad Migiram....
</body>
</html>

حالا اونو با یه نام دلخواه ذخیره کنید مثلا من به نام safeheye1.html ذخیره کردمش! حالا باید نتیجه تلاشمون رو ببینیم فقط کافیه که روی فایلمون (منظورم safheye1.html) دابل کلیک کنیم! اگر نتوستید صفحه رو باز کنید برید مرورگر رو باز کنید و از منوی File گزینه Open یا Open File رو انتخاب کنید و بعد هم فایلی که ایجاد کردید رو انتخاب و باز کنید! 

 

اگه تا اینجا رو با دقت خونده باشید به نکات زیر حتما رسیدید:

1. هر صفحه html از یک فایل متنی تشکیل میشه که با پسوند html یا htm ذخیره میشه!
2. دستورات html ساختاری به صورت <ستور/>......<دستور> دارن!
3. ساختار هر فایل html  به صورت زیر هست که از دو قسمت اصلی تشکیل میشه: head  که توش عنوان title و یکسری اطلاعات دیگه قرار میگیره و body که توش عناصر صفحه قرار میگیرن!

<html>
<head>
</head>

<body>
</body>
</html>

4. دستورات html خودشون متن هستند و برای اجرا باید به کامپیوتر کاربر منتقل بشن. میتونید این موضوع رو امتحان کنید فقط کافیه تویه همین صفحه که هستند راست کلیک کنید و بعد گزینه View Source یا View Page Source رو انتخاب کنید. واسه همینه که میگن html یک زبان سمت کاربر هستش!
5. توانایی متون html از متون کاغذی خیلی بیشتره به عنوان مثال دیدید که با کلیک رویه کلمه میشه یه صفحه جدید باز کرد!

هر کجا که مشکل داشتید در انجمن مطرح کنید!

بهمن
3
1390

راهنمایی

با سلام خدمت دوستان.

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

HTML: اگر می خواهید با زبان html کار کنید می تونید از نرم افزار htmlpad 2010 که درون همین وبلاگ قرار داره رو دانلود کنید.

CSS: اگر میخاهید که زبان css رو یاد بگیرید از نزم افزار  rapid css 2010 استفاده کنید البته در نرم افزار blumentals htmlpad 2010 می تونید از دستورات css استفاده کنید.(هیچ طراح وبی از css به تنهایی برای ساخت وب استفاده نمی کنه به این خاطر که این زبان بیشتر برای ساده تر کردن برنامه با زبان html به کار می رود.)

JAVA SCRIPT: این زبان برای طراحی وب پویا ساخته شد اگر می خواهید از این زبان برای طراحی وب استفاده کنید باید از نرم افزار  JavaScript Editor Professional استفاده کنید.

PHP: اگر میخاهید که طراحی وب رو با زبان PHP کار کنید باید از نرم افزار rapid php2010 و یا از نرم افزار context استفاده کنید.(البته می تونید از نرم افزار zend هم استفاده کنید که من توصیه نمی کنم.)

در آخر توصیه من این هست که از نرم افزار DREAM VEAWER استفاده کنید. در صورتی که از این نرم افزار استفاده کنید تمام زبانهای برنامه نویسی بالا را می تونید در آن استفاده کنید و نیازی به یادگیری حرفه ای HTML , CSS ندارید.


سایر صفحات : 1

پیوند ها

  • kpsoft
    kpsoft.ir
  • .
    8.irandlcenter8.in
  • مدیران سایت

    منوی کاربر

    نام کاربری :

    کلمه عبور :



    عضویت در سایتفراموشی رمز عبور