1. Mozafar Bag-Mohammadi
Web Page Design
Mozafar Bag-Mohammadi

2. Outline HTML JavaScript PHP Tag ها، لیست ، جدول و فرم صفحه آرایی CSS
ساختارهای کنترلی و آرایه و متغییرها
محاورات ساده با کاربر
فرمها
PHP
کلیات، نصب و راه اندازی سرور
متغییرها، ساختارهای کنترلی
سازماندهی برنامه ها و استفاده مجدد
ارتباط با بانک اطلاعاتی

3. ساختار درس نمره دهی: کتاب و منابع: امتحان ۶0% تمرین 20% پروژه ۲0%
اصول طراحی و برنامه نویسی تحت وب- جعفر نژاد قمی
اینترنت

4. What is Web Programming?
A Markup Language marks up the content of your website.
A Style Language specifies how your website will be presented.
A Programming Language tells your website what to do.

5. HTML
HyperText Markup Language (HTML) یک زبان برای مشخص کردن محتوی استاتیک صفحات وب است.
کلمه hypertext به این واقعیت اشاره دارد که یک صفحه وب فقط از متن های ساده تشکیل نشده است و می تواند شامل مولتی مدیا ، لینک به صفحات دیگر و لینک به جایی دیگر در همین صفحه باشد.
کلمه markup به این واقعیت اشاره دارد که روش کار HTML استفاده از tag ها برای افزودن معنای اضافی به متن معمولی است. این tag ها نوع و ساختار داده را تعیین می کنند.

6. چرا HTML؟ چرا به یادگیری HTML نیاز داریم؟
HTML یک زبان سطح پایین است و نرم افزار های مفید زیادی مثل frontpage و Macromedia DreamWeaver وجود دارند که صفحات HTML را بصورت اتوماتیک درست می کنند.
چرا به یادگیری HTML نیاز داریم؟
کنترل رفتار سایت در پایینترین سطح ممکن.
افزایش خوانایی صفحات
کاهش حجم صفحات
استفاده از اجزا مفید صفحات دیگر و جاگذاری آنها در سایت خودمان
استفاده از زبانهای دینامیک
Javascript و applet ها برای طرف مشتری
PHP و ASP برای طرف سرور

7. برنامه نویسی دینامیک در طرف مشتری

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

9. برنامه نویسی دینامیک در طرف سرور

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

11. مدل ترکیبی امروزه از ترکیب هر دو روش فوق استفاده می گردد.
یعنی پاسخ سرور دارای دو قسمت است:
محتوی استاتیک که ممکن است از پایگاه داده استخراج شده باشد و بر اساس نیاز مشتری تنظیم شده است. ( برنامه نویسی طرف سرور)
محتوی دینامیک که فعلا به صورت یک کد از زبانی مثل JavaScript است و باید در مرور گر مشتری تفسیر و به کد HTML تبدیل شود. ( برنامه نویسی طرف مشتری)