جلسه سوم 3
سلامجلسه قبل، مطالب كلي درباره برنامه نويسي، و انواع آن، گفته شده؛ مثل ارتباط زبان جاوا اسكريپت، با زبان سروري. اينبار ميخواهم ارتباط جاوا را با زبان html بيان كنم.
• html يك زبان برنامه نويسي نيست؛ بلكه زبان طراحي است. شالوده هر صفحهاي كه در اينترنت ميبينيد، با اين زبان نوشته شده است. مثلا اين وبلاگ، و همين كلماتي كه من مينويسم و شما ميبينيد. اگر بخواهم كلمهاي را بنويسم، بزرگ شود، رنگي باشد، لينك داشته باشد، يا يك عكس وارد كنم، يا يك جدول طراحي كنم؛ همه و همه با اين زبان است. متن، كيفيت متن (نوع، رنگ، اندازه)، عكس، جدول، فرم، دكمه؛ به وسيله زبان html نوشته ميشوند.
كار با html
• نوشتن اين زبان، احتياج به محيط خاصي ندارد. مثلا زبان ويژول بيسيك را بايد برنامه ويژوال بيسيك را نصب، و در محيط آن بنويسيم؛ ولي زبانهاي وب، چنين محدوديتي ندارند. مثلا شما در يك متن ساده (Text)، ميتوانيد به راحتي، هم HTML بنويسيد و هم Java و هم PHP.
• در رابطه با طراحي وب، برنامههايي ساخته شدهاند كه ما را در هرچه راحتر، سريعتر، و دقيقتر نوشتن، كمك ميكنند. مانند "فرانت پيج" (FrontPage) از مايكروسافت، و "دريم ويور" (Dreamweaver) از ماكرومديا، و برنامههاي ديگر. در اين نوع نرمافزارها، امكاناتي تدارك ديده شده كه كار با html را آسان و مطمئن كردهاند.
1- ويرايشگر قوي: امكان برگشت (Undo)، تا چندين مرحله. رنگي كردن قسمتهاي مختلف كـُد، براي بهتر مشخص شدن دستورات.
2- ويژوالي شدن: ويژوال يعني بصري، ديدني، قابل ديدن. يعني به جاي كدنويسي در يك محيط ساده، براي ساخت يك دكمه، از دكمههاي آماده در اين برنامه استفاده ميكنيد. اين نرمافزار، عناصر مختلف را به صورت آماده، در اختيار ما قرار داده است. كافي است شما آنها را انتخاب كنيد.
3- كدهاي آماده: بعضي از دستورات متدوال را به صورت آماده، ارائه ميكنند.
4- غلط ياب: در صورت اشتباه نوشتن كد، اخطار ميدهد.
مثال: براي ضخيم كردن يك كلمه در html ، بايد اين دستور را نوشت:
مثال
ولي در فرانت پيج، كافي است كلمه مورد نظر را انتخاب كنيد، و در نوار ابزار، آيكون B را كليك كنيد.
داخل پرانتز: در اينجا نه قصد دارم فرانت پيج يا هر نرم افزار ديگري را آموزش دهم، و نه استفاده از آنها را به دوستان تازه كار، توصيه ميكنم؛ چون ما را از هدفمان كه يادگيري برنامه نويسي است دور كرده و باعث تنبلي ميشود. تنها يك نرمافزار را پيشنهاد ميكنم كه از مدتها قبل، همراه و يار من در يادگيري و برنامه نويسي بوده. "1st Page 2000". اين برنامه رايگان را ميتوانيد از اين آدرس دريافت كنيد.
ساختار HTML
يك صفحه وب، از دو قسمت سر (Head) و بدنه (Body) تشكيل شده، كه به اين صورت نوشته و مشخص ميشود.
شروع صفحه
شروع سر
پايان سر
شروع بدنه
محتويات صفحه: متن،عكس
پايان بدنه
پايان صفحه
اسكلت اصلي يك صفحه وب، به اين صورت است.
واژه نامه:
كـُد (Code): دستور و فرماني كه به زبان برنامه نويسي، نوشته شده.
تَـگ (Tag): كوچكترين جزء يك كد. مثلا تگ سر = ؛ تگ بدنه = ؛ تگ اسكريپت =. هر تگ بايد در داخل اين دو علامت < >، قرار گيرد.
در جلسه آينده، به اميد خدا، با انواع تگ، آشنا خواهيم شد.
به اميد ديدار
خدانگهدار
• html يك زبان برنامه نويسي نيست؛ بلكه زبان طراحي است. شالوده هر صفحهاي كه در اينترنت ميبينيد، با اين زبان نوشته شده است. مثلا اين وبلاگ، و همين كلماتي كه من مينويسم و شما ميبينيد. اگر بخواهم كلمهاي را بنويسم، بزرگ شود، رنگي باشد، لينك داشته باشد، يا يك عكس وارد كنم، يا يك جدول طراحي كنم؛ همه و همه با اين زبان است. متن، كيفيت متن (نوع، رنگ، اندازه)، عكس، جدول، فرم، دكمه؛ به وسيله زبان html نوشته ميشوند.
كار با html
• نوشتن اين زبان، احتياج به محيط خاصي ندارد. مثلا زبان ويژول بيسيك را بايد برنامه ويژوال بيسيك را نصب، و در محيط آن بنويسيم؛ ولي زبانهاي وب، چنين محدوديتي ندارند. مثلا شما در يك متن ساده (Text)، ميتوانيد به راحتي، هم HTML بنويسيد و هم Java و هم PHP.
• در رابطه با طراحي وب، برنامههايي ساخته شدهاند كه ما را در هرچه راحتر، سريعتر، و دقيقتر نوشتن، كمك ميكنند. مانند "فرانت پيج" (FrontPage) از مايكروسافت، و "دريم ويور" (Dreamweaver) از ماكرومديا، و برنامههاي ديگر. در اين نوع نرمافزارها، امكاناتي تدارك ديده شده كه كار با html را آسان و مطمئن كردهاند.
1- ويرايشگر قوي: امكان برگشت (Undo)، تا چندين مرحله. رنگي كردن قسمتهاي مختلف كـُد، براي بهتر مشخص شدن دستورات.
2- ويژوالي شدن: ويژوال يعني بصري، ديدني، قابل ديدن. يعني به جاي كدنويسي در يك محيط ساده، براي ساخت يك دكمه، از دكمههاي آماده در اين برنامه استفاده ميكنيد. اين نرمافزار، عناصر مختلف را به صورت آماده، در اختيار ما قرار داده است. كافي است شما آنها را انتخاب كنيد.
3- كدهاي آماده: بعضي از دستورات متدوال را به صورت آماده، ارائه ميكنند.
4- غلط ياب: در صورت اشتباه نوشتن كد، اخطار ميدهد.
مثال: براي ضخيم كردن يك كلمه در html ، بايد اين دستور را نوشت:
مثال
ولي در فرانت پيج، كافي است كلمه مورد نظر را انتخاب كنيد، و در نوار ابزار، آيكون B را كليك كنيد.
داخل پرانتز: در اينجا نه قصد دارم فرانت پيج يا هر نرم افزار ديگري را آموزش دهم، و نه استفاده از آنها را به دوستان تازه كار، توصيه ميكنم؛ چون ما را از هدفمان كه يادگيري برنامه نويسي است دور كرده و باعث تنبلي ميشود. تنها يك نرمافزار را پيشنهاد ميكنم كه از مدتها قبل، همراه و يار من در يادگيري و برنامه نويسي بوده. "1st Page 2000". اين برنامه رايگان را ميتوانيد از اين آدرس دريافت كنيد.
ساختار HTML
يك صفحه وب، از دو قسمت سر (Head) و بدنه (Body) تشكيل شده، كه به اين صورت نوشته و مشخص ميشود.
شروع صفحه
شروع سر
پايان سر
شروع بدنه
محتويات صفحه: متن،عكس
پايان بدنه
پايان صفحه
اسكلت اصلي يك صفحه وب، به اين صورت است.
واژه نامه:
كـُد (Code): دستور و فرماني كه به زبان برنامه نويسي، نوشته شده.
تَـگ (Tag): كوچكترين جزء يك كد. مثلا تگ سر = ؛ تگ بدنه = ؛ تگ اسكريپت =
در جلسه آينده، به اميد خدا، با انواع تگ، آشنا خواهيم شد.
به اميد ديدار
خدانگهدار
+ نوشته شده در چهارشنبه بیست و هفتم آذر 1387ساعت 0:55 توسط راهنما
|