پس از آن که توانستیم با موفقیت زبان اچ تی ام ال و سی اس اس را فرا بگیریم، در واقع توانسته ایم حداقل های طراحی یک سایت استاتیک را فرا بگیریم. در این مرحله اگر بخواهیم عناصر قرار گرفته روی صفحات سایت خود را متحرک ساخته و به نوعی از انیمیشن در صفحات سایت خود استفاده کنیم نیاز به زبانی تحت عنوان JavaScript داریم (به خاطر داشته باشیم که زبان جاوا اسکریپت با زبان جاوا فرق می کند).
در واقع زبان جاوا اسکریپت یک زبان Scripting و یک زبان برنامه نویسی محسوب نمی شود. به طور کلی منظور از زبان های Scripting این است که این زبان ها در پاسخ به یک رویداد یا درخواست کاری را انجام می دهند اما این در حالی است که یک زبان برنامه نویسی این امکان را به ما می دهد تا بتوانیم بدون وجود یک درخواست نیز کاری را انجام دهیم. نمونه دیگری از زبان های Scripting زبان پی اچ پی است که در ادامه با آن بیشتر آشنا می شویم.
به طور مثال اگر بخواهیم وب سایتی که در آن از زبان جاوا اسکریپت استفاده شده است را نام ببریم می توان به سایت http://www.howarths.nl اشاره کرد که در آن منوها با استفاده از زبان جاوا اسکریپت به گونه ای زیبا طراحی شده اند.
لازم به ذکر است که تسلط به زبان جاوا اسکریپت نیازمند دوره ای اختصاصی است و مسلماً چنانچه بخواهیم در طول این دوره به آن اشاره کنیم فقط موجبات سر در گمی برنامه نویسان مبتدی را فراهم خواهیم آورد بنابراین در طول این دوره به زبان جاوا اسکریپت نخواهیم پرداخت.
امتیاز دهید:

برای کامنت گذاری، فرم زیر را پر کنید یا ثبت نام کنید ( جهت ورود به سیستم می توانید از لینک ورود استفاده کنید )
- رویکرد آموزشی دوره اچ تی ام ال 5 (html5) و سی اس اس (CSS) نت شهر
- پیش نیازهای برنامه نویسی اچ تی ام ال (html)
- تاریخچه زبان اچ تی ام ال (html)
- موارد تکمیلی زبان اچ تی ام ال (html): الگوهای آبشاری (CSS)
- موارد تکمیلی زبان اچ تی ام ال (html): زبان پی اچ پی (PHP)
- نرم افزارهای تخصصی طراحی وب
- نرم افزارهای مورد نیاز برای برنامه نویسی به زبان اچ تی ام ال (html)
- نقاط ضعف محیط های یکپارچه برنامه نویسی
- آشنایی با کد مرتبط با تعیین نسخه اچ تی ام ال (html)
- آشنای با حداقل تگ های یک فایل اچ تی ام ال (html)
- آشنایی با Element ها در زبان اچ تی ام ال (html)
- نحوه نوشتن تگ های اچ تی ام ال (html)
- ساخت یک فایل اچ تی ام ال (html) جدید
- موارد تکمیلی زبان اچ تی ام ال (html): زبان جاوا اسکریپت (JavaScript)
- آشنایی با تگ p در زبان اچ تی ام ال (html)
- آشنایی با کامنت ها در زبان اچ تی ام ال (html)
- آشنایی با تگ های پرکاربرد اچ تی ام ال (html)
- آشنایی با تگ های Heading در زبان اچ تی ام ال (html)
- به کارگیری چند تگ در کنار یکدیگر در زبان اچ تی ام ال (html)
- آشنایی با برخی پرکاربردترین تگ های اچ تی ام ال (html)
- ایجاد لیست در صفحات وب با استفاده از زبان اچ تی ام ال (html)
- ساخت منو با استفاده از لیست های اچ تی ام ال (html)
- آشنایی با Attribute های زبان اچ تی ام ال (html)
- آشنایی با رنگ ها در اچ تی ام ال (HTML)
- وارد کردن تصویر در یک صفحه اچ تی ام ال (html)
- آشنایی با تگ map در زبان اچ تی ام ال (html)
- لینک دادن به دیگر صفحات اچ تی ام ال (html)
- لینک دادن به دیگر سایت ها از درون صفحات اچ تی ام ال (html)
- لینک دادن به بخش های مختلف یک صفحه اچ تی ام ال (html)
- طراحی دکمه برو به بالا در صفحات اچ تی ام ال (html)
- لینک دادن به بخشی خاصی از صفحات دیگر در اچ تی ام ال (html)
- نحوه لینک دادن به یک ایمیل در اچ تی ام ال (html)
- تبدیل یک عکس به لینک در اچ تی ام ال (html)
- باز کردن لینک های html در یک Tab جدید مرورگر
- استفاده از متاتگی برای باز شدن کلیه لینک های html در یک tab جدید
- اضافه کردن / به آدرس لینک های اچ تی ام ال (HTML)
- رنگ های پیش فرض لینک ها در صفحات اچ تی ام ال (HTML)
- استفاده از Attribute یی تحت عنوان title
- آشنایی با لینک دانلود در سندهای اچ تی ام ال (HTML)
- آشنایی با پلاگین Firebug در مرورگر فایرفاکس
- آشنایی با متاتگ های اچ تی ام ال (HTML)
- آشنایی با تگ description در اچ تی ام ال (HTML)
- آشنایی با متاتگ keywords در زبان اچ تی ام ال (HTML)
- آشنایی با متاتگ author در اچ تی ام ال (HTML)
- آشنایی با متاتگ refresh در زبان اچ تی ام ال (HTML)
- نحوه ارجاع یک کاربر به آدرس URL دیگری در اچ تی ام ال (HTML)
- نحوه وارد کردن کاراکترهای خاص در اچ تی ام ال (HTML)
- اضافه کردن فاصله در محتوای اچ تی ام ال (HTML)
- آشنایی با تگ table در اچ تی ام ال (html)
- آشنایی با روش ادغام کردن خانه های یک جدول در اچ تی ام ال (HTML)
- به کارگیری از تگ caption در جداول اچ تی ام ال (html)
- آشنایی با فرم ها در اچ تی ام ال (HTML)
- نحوه وارد کردن رمزعبور در فیلدهای فرم در اچ تی ام ال (HTML)
- آپلود کردن فایل در فرم های اچ تی ام ال (HTML)
- به کارگیری از reset در فرم های اچ تی ام ال (HTML) برای حذف نوشته های داخل فرم
- استفاده از url به منظور وارد کردن آدرس های اینترنتی در فیلدهای فرم اچ تی ام ال (HTML)
- به کارگیری دستور email در تگ input برای وارد کردن ایمیل در فرم های اچ تی ام ال (HTML)
- استفاده از range در تگ input برای انتخاب طیفی از اعداد در فرم های اچ تی ام ال (HTML)
- به کار گیری دستور autofocus در فرم های اچ تی ام ال (HTML)
- استفاده از تگ datalist در فرم های اچ تی ام ال (HTML)
- قرار دادن تیک در فرم های اچ تی ام ال (HTML)
- استفاده از دکمه های radio در فرم های اچ تی ام ال (HTML)
- به کارگیری از دستور submit برای ارسال داده های فرم به سرور
- به کارگیری از تگ textarea در فرم های اچ تی ام ال (HTML)
- نحوه ایجاد Drop-down Menu در فرم های اچ تی ام ال (HTML)
- آشنایی با Attribute های placeholder و name در فرم های اچ تی ام ال (HTML)
- آشنایی با تگ های div و span در زبان اچ تی ام ال (HTML)
- آشنایی با تگ code در زبان اچ تی ام ال (HTML)
- آشنایی با تگ iframe در اچ تی ام ال (HTML)
- سخن پایانی دوره آموزش زبان طراحی وب سایت اچ تی ام ال
امکانش هست آموزش زبان جاوااسکرییپت هم تالیف کنید؟
آموزشهاتون واقعا عالین
1394/11/13 07:00:54
سلام. وقت بخیر.
واقعا مطالب رو عالی آموزش دادید.
یه سوال!
بعد از اینکه html و css رو یاد گرفتیم، بهتره اول php یاد بگیریم یا javascript ؟ (من میخوام که هردو رو یاد بگیرم. فقط نمیدونم کدوم رو اولویت قرار بدم)
ممنون میشم راهنماییم کنید
1394/10/14 10:40:10
در پاسخ به AliSohrabi
دوست گرامی سلام
ضمن تشکر از شما. به استحضار می رساند که آموزش های سی اس اس و اچ تی ام ال سایت نت شهر تکمیل شده و صرفا آموزش پی اچ پی در حال تالیف است.
1393/03/31 04:56:57
سلام آقای مرادی آموزش هایتان عالیست اما خواهشا آنها را به صورت مرتب منتشر کنید تا ما که وقت می گذاریم انرژی مان به هدر نرود .
برا ی مثال همین زبان HTML را من در سایت خودتان ادامه دادم اما به علت آپلود نشدن بقیه آموزش ها بسیاری از چیز ها از یادم رفت......
1393/03/21 09:45:44