طراحي حرفه اي وب سايت : طراحي وب سايت خود را به گروه فناوري اطلاعات ايران بسپاريد

طراحي وب سايت طراحي حرفه اي وب سايت بهينه سازي وب سايت

آموزش HTML

آنچه که قبل از یادگیری HTML لازم است بدانید:

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:

  1. شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
    نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
  2. شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
    بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
  3. شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
    برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.

نظرات بازدید کنندگان
Sun, 30 Mar 2008 23:18:51 +0330 نویسنده : vahedi
خیلی خوب بود ولی گم توضیح داده شده بود در ضمن من هم از برنامه notepad


استفاذه می کنم و راضی هستم
 
Sun, 30 Mar 2008 21:14:49 +0330 نویسنده : arash
salam mikhastam be shooma jahate etelaat resandane khobe shooma darbareye webtabrik begam faghat age mishe az gooftane kodhaye websakhtan bishtarestefade konid vakhaheshan kodhara begid
 
Tue, 25 Mar 2008 01:07:49 +0330 نویسنده : Mehrdad
تشکر از زحماتت , اما خیلی آماتور بود بیشتر دوست داشتم از تکنیکهای کد نویسی
صحبت می کردی
 
Tue, 25 Mar 2008 00:30:50 +0330 نویسنده : hooshyar
salam khaste nabashid mr30 az site amozeshie kheyli ghavitoon
mikhastam ye Menu khoshkel besazam ke ba jpg tarahi kardam ba photoshop vali mikham vaghti miri ro Menu Rangesh avaz beshe mesle ghalebe ghabliye site shoma ke mirafti rosh zard mishod chikar konam rahnemayi mikonid pls ?
 
Mon, 24 Mar 2008 15:00:38 +0330 نویسنده : محمد مسعود حسین
واقعآ که بینظیر"Unique" است.
از دانشکده مهندسی دانشگاه کابل
 
Mon, 24 Mar 2008 12:21:43 +0330 نویسنده : عبدالودود صفا
خیلی خیلی و خیلی خوب است.
 
Mon, 24 Mar 2008 04:40:37 +0330 نویسنده : صبا فطین
خوبه .حرف نداره
 
Sat, 22 Mar 2008 15:07:50 +0330 نویسنده : Tom
مي توانيد به جاي notepad از برنامه ي edit plus استفاده كنيد .خيلي بهتره و قابليت ها
1) ساپورت چندين زبان برنامه نويسي
2)syntax highlightin
3)حجم كم
سايت دانلود : Tebyan.net
 
Fri, 21 Mar 2008 11:15:20 +0330 نویسنده : سپیده روانشید
بسیار عالی بود.دست شما درد نکند.
 
Sat, 08 Mar 2008 21:27:26 +0330 نویسنده : بهار
خیلی عالی بود ( بیست)
 
ساعت: 19:32 - تاریخ: 13 بهمن 1386 نویسنده : علی
زیادکارسازنبود.
 
ساعت: 19:29 - تاریخ: 13 بهمن 1386 نویسنده : علی
بیشتردرمورد ترفند  بگویید.
 
ساعت: 01:03 - تاریخ: 13 بهمن 1386 نویسنده : محمد
سلام. آموزشت عالي بود، به خصوص html . به وبلاگ من سري بزن و لطفا وبلاگم را به بقييه معرفي بكن.
نام وبلاگ: www.bestofblog.blogfa.com  
 
ساعت: 19:13 - تاریخ: 11 بهمن 1386 نویسنده : mani
خوب بود
لطفا به صورت دقیق تر توضیح دهید (در مورد طراحی صفحه وب)
 
ساعت: 18:24 - تاریخ: 11 بهمن 1386 نویسنده : اسماعیل
بابا این دیگه واقعا کم بود اینه رو که همه میدونستند
 
ساعت: 14:27 - تاریخ: 10 بهمن 1386 نویسنده : کیارش
راستش بد نبود ولی کم بود
 
ساعت: 18:09 - تاریخ: 29 دی 1386 نویسنده : مهرشاد
به چه صورت می توانم متن های فارسی ام را ببینم؟الآن به صورت ؟ است.البته باutf-8هم ذخیره کرده ام.
 
ساعت: 17:31 - تاریخ: 27 دی 1386 نویسنده : رضایی
سلام
من تازه گی برای کلاس طراحی وب ثبت نام کردم العان این اطلاعات شما برای من بد نبود منتها می خواستم اگر امکان داشته باشه من رو بیشتر راهنمایی بکنید برا کار کردن حرفه ای در بازار کار.
با تشکر
 
ساعت: 09:02 - تاریخ: 25 دی 1386 نویسنده : samin
لطفا در مورد نحوئ ترکیب رنگ هم مطلب بنویسید.متشکرم
 
ساعت: 09:37 - تاریخ: 24 دی 1386 نویسنده : reza
بینظیره مرسی
 
ساعت: 17:44 - تاریخ: 21 دی 1386 نویسنده : mehdi
سلام.واقعا سایت باحالیه اگه php هم داشته  باشه خیلی جالب میشه.
ممنون.
 
ساعت: 15:35 - تاریخ: 15 دی 1386 نویسنده : mohammad
khele khele mamnon az zahmatetan
 
ساعت: 14:05 - تاریخ: 15 دی 1386 نویسنده : azam
برای آنکه بتوانم طراحی صفحات وب را آغاز کنم از کجا باید شروع کنم و چه جور بتوانم
 
ساعت: 13:04 - تاریخ: 11 دی 1386 نویسنده : فاطمه صادقی بهمنی
با سلام و خسته نباشید از شما و همکاران عزیز
من کتابی برای آموزش  طراحی سایت نیاز دارم اگر ممکنه کمکم کنید تا  این کتاب را بدست بیاورم .
 
ساعت: 15:24 - تاریخ: 1386 نویسنده : fatemeh
سلام
اگر می شود جواب سوال آقای میثم صمیع را در دسترس همه بگذارید چون سوال خوبی بود سوال ایشان :تگ میخواهم که متن چشمک بزند
تگی میخواهم که متن حرکتش همه جا برود از بالابه پایین وازپایین به بالا یا ازسمت راست به چپ وازچپ به راست
تگی میخواهم که وقتی که متن مورد نظریک رنگ باشدووقتی که ماوس را روی آن می آوریم رنگ دیگر باشد
ممنون
 
ساعت: 14:11 - تاریخ: 1386 نویسنده : asa
متشکریم
اگه امکانش هست مقالات  آموزشی رو هم داشته باشید مخصوصا برای آماتور ها نه ایکه فقط  مقالات سطح بالا در مورد  php ما هم میخوایم phpیاد بگیریم
 
ساعت: 09:35 - تاریخ: 1386 نویسنده : اتابک
می خواستم به سایت من یه سری بزنید
ممنون از لطف شما
 
ساعت: 16:03 - تاریخ: 1386 نویسنده : رضا
واقعا مطالبت عالي . بي نظيره . من خيلي دنبال اين نطالب ميگشتم ولي پيدا نميكردم. به ما حتما سر بزن .شايد مطالب ما تخصصي با شه وبه دردت نخوره ولي ما خوشحال ميشيم از اومدن شما .
 
ساعت: 18:03 - تاریخ: 1386 نویسنده : ibm
سلام خسته نباشيد.
براي از صفر شروع كردن برنامه نويسي سايت چه كارهايي بايد انجام داد .
با تشكر
 
ساعت: 19:37 - تاریخ: 1386 نویسنده : مرتضی
سلام
لطفا آموزش asp هم داشته باشید.
 
ساعت: 22:13 - تاریخ: 1386 نویسنده : بهزاد
خوب بود کینکش کردم
 
ساعت: 08:33 - تاریخ: 1386 نویسنده : haadi
آموزشهایی که در سایت خود میگنجانید در بالا بردن دانش نرم افزاری فارسی زبانها
خیلی مفیداست  خداوند توفیقتان دهد.متشکرم:
 
ساعت: 20:20 - تاریخ: 1386 نویسنده : خدایی که شکست خورد
سلام
بسیار عالیه
واقعا حرف نداره
شاد باشید
 
ساعت: 10:18 - تاریخ: 1386 نویسنده : s.h
وب سایت خوبی بودمرسی
 
ساعت: 12:56 - تاریخ: 1386 نویسنده : سپیده هاشمی
من آنقدر خوشحال شدم که شما چنین برنامه آموزشی گذاشتید,اشک از چشمانم از شدت ذوق جاری شد.من از دوست خوبم مینا جان تشکر میکنم که د یشب آدرس سایت  را به من دادند.سپاسگذارم.
 
ساعت: 23:13 - تاریخ: 1386 نویسنده : میثم صمیع
تگ میخواهم که متن چشمک بزند
تگی میخواهم که متن حرکتش همه جا برود از بالابه پایین وازپایین به بالا یا ازسمت راست به چپ وازچپ به راست
تگی میخواهم که وقتی که متن مورد نظریک رنگ باشدووقتی که ماوس را روی آن می آوریم رنگ دیگر باشد
اگر زودتر جوابها را به من جواب دهی ممنونتان می شوم
باتشکر فراوان
 
ساعت: 12:52 - تاریخ: 1386 نویسنده : آوا
با سلام  برای شروع یادگیری طراحی وب چه پیش زمینه هایی لازم است؟                 یعنی تا چه حد باید به برنامه های کامپیوتر مسلط باشیم تا بتونیم  طراحی وب را بهتر یاد بگیریم؟                                                                                                               با تشکر فراوان
 
ساعت: 00:48 - تاریخ: 1386 نویسنده : حمید
عالی یه توان n بی نهایت
 
ساعت: 16:08 - تاریخ: 1386 نویسنده : عارف
بابا ایول ... مطالبتون معرکه هست. یه سوال داشتم DHTML چيه ؟ در ضمن واسه یاد گرفتن ASP , یاد گرفتن VB و يا C الزامی هست ؟ دوست عزیز لطف کن آموزش ASP و SQL رو هم بزار .
 
ساعت: 07:33 - تاریخ: 1386 نویسنده : عباس
خیلی متشکرم از شما.
 
ساعت: 11:02 - تاریخ: 1386 نویسنده : آتنا
سلام تمام مطالب خوندم اما برای ایجاد یک صفحه جدید را متوجه نشدم
من اگر بخواهم در سایتم 4 صفحه داشته باشم باید چه کار کنم
مرسی از سایت خوبتون
 
ساعت: 15:17 - تاریخ: 1386 نویسنده : امید.از هامبورگ
با تشکر فراوان از اطلاعات سازنده ای که در اختیار ایرانی زبانان داخل و خارج کشور میگذارید .
خواهشمندم اطلاعاتی در مورد طراحی و طبقه بندی مطالب و ایجاد صفحات زیر مجموعه هم بنویسید ممنون میشم
یا علی
 
ساعت: 23:19 - تاریخ: 1386 نویسنده : ميلاد قيداری
سلام خسته نباشيد.
سايت شما واقعا عاليه برای هر كاری به درد می خوره
دستتون درد نكنه
بسيار از شما متشكرم
خدا حافظ.
 
ساعت: 09:49 - تاریخ: 1386 نویسنده : مهدي
سلام. از اينكه از پايه و ساده و بي آلايش و چشمداشت مي نويسيد و ياري مي رسانيد سپاسگزارم. خدا يارتان
 
ساعت: 15:03 - تاریخ: 1386 نویسنده : امین
سایت شما خیلی جالب نیست  (قدیمی هستند ) ابتودیتیش کنین
 
ساعت: 14:59 - تاریخ: 1386 نویسنده : سونا
سلام خسته نباشید مطالب مفیدی در سایت قرار داده اید ممنونم اگر سوالی داشته باشم پاسخگو خواهید بود چون یک پروژه طراحی سایت دارم ممکنه جواب را بدهید که پاسخگو خواهید بود یا خیر ممنونم
 
ساعت: 10:00 - تاریخ: 1386 نویسنده : Armin
مطلب خوب و مفیدی بود. امیدوارم بقیه هم از این مطالب ارزنده استفاده کنند.با تشکر
 
ساعت: 09:55 - تاریخ: 1386 نویسنده : مجید
تمامی قسمتها به خصوص بخش کدهای HTMLخوب و مقید بوده
 
ساعت: 08:37 - تاریخ: 1386 نویسنده : نجمه
        سلام و خسته نباشید
برای من که  تقریبا چیزی از طراحی سایت نمیدونم,خیلی مفید نبود بنابراین اگه میشه لطف کنید وبیشتر توضیح دهید.
                                                                              با تشکر...
 
ساعت: 12:44 - تاریخ: 1386 نویسنده : سعید
سلام
خوبید ؟
خیلی ممنون از سایت زیبا تون
من طراحی صفحات ایستایتک را حرفه ای یاد گرفتم !
حالا میخوام پوبا را یاد بگیرم و بتوانم برای سیستم وبلاگ بلاگفا قالب بسازم چه کار باید بکنم ؟
ممنون از شما
یا علی