HTML
اسلاید 1: منظور از وب چيست؟ وب شبکه ای است متشکل از تمامی کامپيوترهای دنيا، شبکه ای از شبکه ها. اينترنت، وب، WWW ، web يا World Wide Web همگی يک چيزند. تمامی کامپيوترهای وب مي توانند با هم ارتباط داشته باشند. کامپيوترهای موجود در وب با کمک استاندارد ارتباطی يا پروتوکل HTTP با هم ارتباط برقرار مي کنند . نحوه کارکرد وب چگونه است؟ اطلاعات وب داخل فايلهائی به نام Web Pages و يا صفحات وب قرار دارند. اين فايلها يا صفحات روی Web Server يا کامپيوترهای سرويس دهنده وب ذخيره شده اند. برای ديدن صفحات وب از نرم افزاری به نام مرورگر و يا Web Browser استفاده مي شود. دو مرورگر Internet Explorer و Netscape Navigator جزو معروفترين مرورگرها حساب مي شوند. مرورگر Internet Explorer متعلق به شرکت مايکروسافت و مرورگر Netscape Navigator متعلق به شرکت نت اسکيپ مي باشد.
اسلاید 2: مرورگرها چگونه به خواندن صفحات وب مي پردازند؟يک مرورگر با کمک يک Request درخواستی برای خواندن يک صفحه از وب سرور مي کند. اين Request يا درخواست بر اساس استاندارد ارتباطی يا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر مي باشد. آدرس يک صفحه وب چيزی شبيه http://www.khaterat.com/faq.html است. بخش //:http نوع پروتوکل و يا استاندارد ارتباطی را تعيين مي کند، www.khaterat.com نام دومين يا Domain است و faq.html نام صفحه ای است که بايد خوانده شود. مرورگرها چگونه صفحات وب را نمايش مي دهند؟چگونگی نمايش يک صفحه وب بصورت مستتر در آن وجود دارد. مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمايش صفحات مي پردازند. وظيفه اصلی تگ های اچتمل ( HTML tags ) بيان چگونگی نمايش اطلاعات مي باشد. يک تگ اچتمل چيزی شبيه <p> اين تگ پاراگراف است! </p> است.
اسلاید 3: چه کسانی استاندارد های وب را تعيين مي کند؟تعيين استاندارد های وب ربطی به شرکتهای مايکروسافت و يا نت اسکيپ ندارد. World Wide Web Consortium يا W3C متولی تعيين استانداردهای وب است. HTML, CSS and XML از مهمترين استانداردهای تصويب شده وب مي باشند. آخرين استاندارد HTML استاندارد XHTML 1.0 مي باشد .يک فايل HTML چيست؟HTML را اچ تی ام ال و يا اچتمل بخوانيد. HTML برگرفته از حروف اول Hyper Text Markup Language مي باشد. يک فايل HTML فايلی از نوع text مي باشد که متشکل از markup tag ها مي باشد. مرورگر يا Browser از روی markup tag ها می فهمد که چگونه بايد صفحه را نمايش بدهد. يک فايل HTML بايد دارای انشعاب htm و يا html باشد. يک فايل HTML فايلی از نوع text مي باشد که با هر اديتور ساده ای قابل ايجاد است. وظيفه اصلی تگ های اچتمل ( markup tags ) بيان چگونگی نمايش اطلاعات مي باشد.
اسلاید 4: آموزش کدنويسي HTML Notepad را اجرا كرده و جملات زير را بنويسيد:<HTML></HTML>هر كدام از اين جملات تگ (Tag) ناميده مي شوند.اينها تگهاي آغازين وپاياني هستند. براي ایجاد تگ پاياني كافيست يك / به تگ آغازين اضافه كنيم. ولي همه تگها داراي تگ پاياني نیستند . اينطور فكر كنيد كه تگ ها با مرورگر صحبت مي كنند يا به مرورگر دستور مي دهند.<HTML> يعني آغاز سند html و </HTML> يعني پايان سند. حال بعضي دستورات رابين اينها قرار مي دهيم. هر سند html يك جفت تگ بنام HEAD دارد :<HTML><HEAD></HEAD></HTML>
اسلاید 5: تنها چيزي كه فعلاً باید در مورد تگهای HEAD بدان توجه کنیم تگهای TITLE هستند . تگ TITLE به شكل زير داخل HEAD قرار ميگيرد عنوان سند را مشخص مي كند : ( صفحه شما با این نام باز می شود. )<HTML><HEAD><TITLE></TITLE></HEAD></HTML>و حجم اصلي صفحه داخل تگ BODY قرار ميگيرد :<HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML>
اسلاید 6: و در نهايت مي توانيد يك عنوان به سند خود بدهيد و مطالبی داخل بدنه صفحه بنويسيد. بعلاوه می توانید نوشته های شخصی خود را در یک سند Html , بدون اینکه مرورگر آنها را تفسیر نماید , قرار دهید . برای این امر کافی است متن خود را بین علامتهای <!—و --> بنویسید. ( دقت کنید که فاصله ای بین این علائم نباشد )<HTML><HEAD><TITLE>My Page</TITLE></HEAD><BODY>This is my first web page !<!-- First lesson --> </BODY></HTML>
اسلاید 7: حالا سند را ذخيره كنيد ولی نه به شكل يك document بلکه به شکل سند html . براي اينكار فرمان Save As را از منوي File انتخاب كنيد. در پنجره اي كه باز مي شود فولدر مورد نظر را انتخاب كنيد يا بسازيد و سپس نام Page1.htm را در بخش File Name بنويسيد ( یا هر نامی که خودتان می خواهید , فقط .HTM را فراموش نکنید. ) ضمناً در بخش Save as type : ، اطمینان حاصل کنید که All Files (*.*) را انتخاب کرده اید و سپس Ok را بزنيد. مي توانيد بر روي آيكون فايلي كه ايجاد كرده ايد دوبار كليك كنيد تا نتيجه كارتان را ببينيد قبل از شروع درس بعدی به دو نكته اشاره مي كنيم ، اول اینکه آنچه شما ساخته اید اسكلت اصلي يك سند html است که حداقل اطلاعات لازم برای یک سند وب مي باشد و کلیه اسناد وب باید شامل این عناصر اصلی باشند . دوم اينكه عنوان سند چيزي است كه در نوار عنوان پنجره مرورگر مشاهده مي شود. با راست کلیک کردن بر روی صفحات وب و انتخاب View source نحوه قرارگیری و کاربرد این دستورات را ملاحظه کنید.
اسلاید 8: به دلیل پاره ای از مسائل گاهی کدهایی که نوشته می شن در وبلاگ تغییراتی می کنند و برخی از علائم جا به جا می شن , مثل آموزش اول HTML 1 . لطف کنید کل مطلب رو Select کنید و بعد در یک صفحه Word کپی کنید تا این تغییرات از بین بره. ( Ctrl+c = Copy , Ctrl+v = Paste ) موفق باشید.ما می توانیم سایز نوشته های خود را تغییر دهیم . برای این کار روشهای مختلفی امکان دارد , در این جا یکی از این روش ها را توضیح می دهیم.شش رده در Html در نظر گرفته شده است که رده اول از همه بزرگتر می باشد. <H1> </H1><H2> </H2><H3> </H3><H4> </H4><H5> </H5><H6> </H6><H7> </H7>
اسلاید 9: ایجاد پاراگراف :ممکن است تصور شود اگر متن خود را پاراگراف بندی کنید و در بین خطوط قرار دهید در مرورگر هم همان طور نشان داده می شود. اما این طور نیست !مرورگر خط های کوتاه را در کنار هم قرار می دهد و خط جدیدی ایجاد می کند . ولی اگر نمی خواهید پیرو مرورگر باشید , این چنین عمل کنید.بوسیله دو دستور <P> و </P> می توان شروع و پایان یک پاراگراف را تعیین کرد. رای تعیین خطوط جدید , دستور <BR> در نظر گرفته شده است. <HTML><HEAD><TITLE>My Page</TITLE></HEAD><BODY><H1>This is my first web page ! </H1><H2> This is my first web page ! </H2> <H3> This is my first web page ! </H3>
اسلاید 10: <H4> This is my first web page ! </H4><P><H5> This is my first web page ! </H5></P> <H6> This is my first web page ! <BR> New Line </H6><H7> This is my first web page ! </H7><!-- First lesson --> </BODY></HTML>آراینده های منطقی Bold . Italic . UnderLineجهت آرایش کردن متن به صورتی که متفاوت نمایش داده شود , می توان از دستورات زیر استفاده کرد.BOLD <B></B> یا <STRONG></STRONG><BODY>Qom Computer <B>SoftWare</B></BODY>ITALIC <I></I> یا <EM></EM><BODY>Qom <I> Computer </I> <B>SoftWare</B></BODY>
اسلاید 11: UNDERLINE<BODY><U>Qom</U><I> Computer</I><B>SoftWare</B></BODY>ميتوانيم تگهای فوق را به صورت ترکيبی نيز استفاده کنيم:<BODY>Qom Computer<I><B>SoftWare</B></I></BODY>اين مثالی از تگهای تو در تو است.اگر به اين صورت از تگها استفاده مي کنيد ، مرورگر را دچار سردگمی نکنيد ، اين تگها بايد تو در تو باشند نه اينکه با هم تداخل کننداجازه دهيد با مثالی توضيح دهمتگهای متداخل بد :<THIS><THAT> </THIS></THAT>تگهای متداخل خوب : <<THIS><THAT> </THAT></THIS
اسلاید 12: سایر آراینده های منطقی : 1 - اگر می خواهید در پایان نوشته خود از کسی تشگر کنید , بهتر است از تگ مقابل استفاده کنید :<CITE></CITE> 2 - برای نوشتن آدرس پستی یا الکترونیکی افراد از دستور ADDRESS استفاده شود.<ADDRESS>qom_computer_software@yahoo.com</ADDRESS> 3 - به منظور نوشتن کد در صفحات خود از دستور زیر استفاده کنید.<CODE> for ( int I = 0 ; I < 3 ; I++ ) <BR> cout<<Visual C++; </CODE> 4 - اگر می خواهید درباره مطلبی بیش از چند سطر توضیح دهید , بهتر است از بقیه متن ها جدایش کنید . برای این امر از دستور <BLOCKQUOTE></BLOCKQUOTE> استفاده کنید. 5 - جهت به نمایش گذاشتن متن خود به صورت ماشین تایپ یا کامپیوترهای قدیمی از <TT></TT> استفاده کنید.آراینده های فیزیکی این نوع آراینده ها شامل رنگ , نوع فونت , سایز و مواردی از این قبیل می باشدانتخاب Font<FONT FACE = نام فونت >
اسلاید 13: می توانید 3 فونت را انتخاب کنید , تا در صورت عدم وجود یکی از فونت ها به سراغ دیگری برود.<FONT FACE = نام فونت , نام فونت , نام فونت >نام برخی از فونت ها :ArialArial BlackComic Sans MSCourier NewImpactTimes New RomanTrebuchet MSTahomaVerdanaانتخاب Size<FONT SIZE = یک عدد می باشد >
اسلاید 14: انتخاب رنگ متن <FONT COLOR = نام رنگ >در HTML علاوه بر نام رنگ می توان از یک سیسنم دیگر که در مبنای 16 می باشد و Hexadecimal نام دارد استفاده کرد ( از فتوشاپ می توان کمک گرفت ) ( نمونه : DE883B# , 3BDE6D# , #ffffff , #000000 , ... )در ضمن 00 به معنای هیچ مقدار از آن رنگ و ff به معنای تمام یک رنگ می باشد. رنگ زمینه در همان قسمت <BODY> قرار می گیرد<BODY bgcolor=نام رنگ یا عدد متناظر با آن > </BODY>یادتان باشد که مطالب شما بین دو دستور BODY می باشد.رسم خطوط افقی برای این کار از دستور <HR></HR> استفاده می شود و دو ویژگی SIZE و WIDTH دارد ( ضخامت و طول خط )<HR WIDTH = عدد SIZE = عدد >می توانید اندازه طول خط را بر اساس درصدی از عرض صفحه وب خود قرار دهید.<HR WIDTH=60% SIZE = 3>
اسلاید 15: ایجاد Link در صفحه وب1 – پیوندی به صفحات دیگر وب (از چپ به راست بخوانید)<A HREF = URL آدرس صفحه ای که می خواهیم با کلیک کردن به آن برویم > متنی که می خواهیم با کلیک بر روی آن به آدرس صفحه دیگر برویم </A><A HREF = http://computerunion.blogfa.com> وبلاگ انجمن علمی مهندسی کامپیوتر </A>شما می توانید جهت تمرین آدرش را بر اساس وینذوز خود بدهید. محلی که در آن یکی از صفحاتی که ساخته اید ذخیره کرده اید. نام فایل فراموش نشود ( name.HTM) 2 – پیوندی به یک قسمت از صفحخ وب موجودابتدا باید برای آن قسمت نامی را قرار داد و سپس به آن لینک کنیم.<A NAME=نام></A><H1>متن مورد نظر</H1><A HREF =#نام>متن مورد نظر </A>3 – پیوندی به یک قسمت خاص از یک صفحه وب دیگر <A HREF=URL#نام>متن مورد نظر</A>نام# نامی است که شما به عنوان مثال در صفحه 1 برای متنی قرار داده اید.URL آدرس صفحه 1 است.متن مورد نظر در صفحه فرضی 2 است.
اسلاید 16: قرار دادن تصویر قبل از آنکه دستور را بگویم , باید به این مطلب اشاره کنم. هر تصویر یا صفحه وب , موسیقی و ... همانند آنچه در ویندوز آدرسی دارد , در شبکه اینترنت نیز چنین است. به این منظور باید فضایی را برای آن شی قرار داد و آدرش آن را در موارد نیاز که اشاره گری است به شی ما استفاده کرد. سایت هایی این امکان را به ما می دهند. برای ایجاد یک صفحه وب می توان از www.blogfa.com , www.persianblog.com و ... استفاده کرد.www.sheremation.com , www.ripway.com جهت Upload کردن تصاویر ( image & animation ) , موسیقی و ... می باشد. با این مقدمه دستور را ذکر می کنیم :<IMG SCR = آدرس تصویر شما در اینترنت><IMG SCR = آدرس تصویر شما در اینترنت ALT= متنی که در صورت عدم ظاهر شدن تصویر نمایش داده می شود > بعلاوه می توان طول و عرض تصویر را مشخص کرد <IMG SCR = آدرس تصویر در اینترنت HEIGHT = عدد WIDTH = عدد >
اسلاید 17: قرار دادن تصویر به عنوان لینک : <A HREF = آدرس مقصد ><IMG SCR = آدرس تصویر></A>باز هم یادآوری می کنم تا می توانید Sorce صفخات دیگر را ببینید و به گونه ای با آنها بازی کنید تا به خوبی با به کار گیری دستورات آشنا شوید و ترفندهایی را بیاموزید. طبقه بندی اطلاعات با استفاده ار لیست ها1 – لیست های مرتب ( شماره دار )2 – لیست های غیر مرتب ( گلوله دار )3 – لیست های تعریفبا ترکیب این لیست ها می توان لیست های مرکب و تو در تو ساخت.
اسلاید 18: 1 – لیست های مرتب ( شماره دار )در این روش لازم نسیت ما خودمان شماره هر عضو را تعیین کنیم . کافی است محتویات لیست را بین دو دستور <OL> و </OL> قرار دهیم. بعد از آنکه به کمک این دو دستور ابتدا و انتهای لیست تعریف را مشخص کردیم , نوبت به تعریف تک تک اعضا می شود. باید در شروع هر عضو جدید از دستور <LI> استفاده کرد.<OL><LI>One<LI>Two<LI>Three<LI>Four</OL>می توان شماره گذاری لیست های مرتب را از عدد دیگری جز یک شروع کرد. کافی است از ویژگی STRAT دستور <OL> استفاده کرد<OL START=10><LI>One<LI>Two<LI>Three<LI>Four</OL
اسلاید 19: همچنین می توان بدون توجه به روند عادی شماره گذاری لیست , به یکی از اعضای لیست شماره ای دیگر اختصاص داد. از ویژگی VALUE در کنار <LI> استفاده کنید.<OL><LI>One<LI>Two<LI VALUE=6>Three<LI VALUE=10>Four</OL>همچنین می توان با استفاده از ویژگی TYPE دستور <OL> روش شماره گذاری را بر اساس حروف و ... تغییر داد.مقادیر در جدول ذکر شده است.مقدار ویژگیتعریفAحروف بزرگ انگلیسیaحروف کوچک انگلیسیIاعداد بزرگ لاتینiاعداد کوچک لاتین
اسلاید 20: و اگر برای ویژگی TYPE در دستور <OL> مقداری ذکر نشود از اعداد استفاده می شود. <OL TYPE = A><LI>One<LI>Tow<LI TYPE=I>Three<LI>Four</OL>2 – لیست های غیر مرتب ( گلوله دار ) با استفاده از <UL> و </UL> دستور به جای اعداد می توان از گلوله یا مربع استفاده کرد. <UL><LI>One<LI>Two<LI>Three<LI>Four</UL>
اسلاید 21: با استفاده از دستور TYPE این دستور می توان شکل علامت ها را تغییر داد. این ویژگی 3 مقدار DISK , SQUARE و CIRCLE را دارا می باشد.<UL TYPE = square><LI>One<LI>Two<LI>Three<LI>Four</UL>3 – لیست های تعریفیک لیست تعریف شامل تعدادی عبارت و یا اصطلاح به همراه تعریف هر یک از آنها می باشد. برای ساخت این لیست ها کافی است از دستور <DL> و </DL> استفاده شود. و قبل از هر اصطلاح دستور <DT> و قبل از هر تعریف دستور <DD> قرار داده شود.مرورگر متنی را که با <DT> مشخص شده در گوشه سمت چپ و متنی را که با <DD> مشخص شده با کمی فاصله از سمت چپ قرار می دهد.<DL><DT>Term1</DT><DD>This is the definition for term 1</DD><DT> Term2</DT><DD>This is the definition for term 2</DD></DL
اسلاید 22: نکته* استفاده مناسب از رنگ ها در فونت و پس زمينه که موجب خستگی چشم نشود. برخی از وبلاگ نويسان آماتور از رنگ سياه به عنوان رنگ پس زمينه و از رنگهای روشن زرد يا سرخ به عنوان رنگ منتخب فونت استفاده می کنند. * کمترین استفاده از گرافیک و ایجاد صفحات سبک جهت لود سریع. تصور کنید هربار صفحه جدیدی باز می کنید بازدید کننده مجبور باشد چند ثانیه برای لود صفحه منتظر باشد. استفاده از تصاویر باید در جهت انتقال مفهوم باشد و استفاده از تصاویر نامرتبط تنها صفحات را پرحجم و بازدید کننده را گیج می کند. * محتوای مفید و کافی. بازدید کننده باید اطلاعت مورد نیاز خود را سریعا یافته و بهره مند گردد مگر نه به زودی مایوس شده و وب سایت را ترک خواهد کرد.* استفاده از یک فرمت و ساختار مناسب و پاراگراف بندی برای متن. مطالعه متن طولانی و بدون پاراگراف بندی صحیح نه تنها مشکل است بلکه خواننده برای یافتن نکات مورد نظر خود باید زمان زیادی را صرف پویش متن کند و چه بسا از مطالعه آن صرف نظر کرده و کلید close را کلیک کند.
اسلاید 23: * استفاده از عنوان اجباری است. از عنوان (<title> this is title</title>) مناسب جهت معرفی موضع صفحه استفاده کنید تا بازدید کننده به یک نگاه موضع صفحه را دریافته و سردرگم نشود. ضمنا این مورد نیز برای موتورهای جستجو اهمیت ویژه ای دارد. * برای برگشت از صفحات فرعی به صفحه اصلی از کد جاواسکریپت back استفاده ننمایید شاید بازدید کننده شما توسط موتورهای جستجو به یکی از صفحات فرعی وب سایت شما وارد شده است. لازم است در تمامی صفحات لینکی به صفحه اول و صفحات سطح بالا وجود داشته باشد. * سهولت تماس بازدیدکننده با شما. روشهای متفاوتی را برای تماس معرفی نمایید. آدرس پست معمولی و الکترونیکی- شمار تلفن، فکس و پیامگیر- و یک فرم جهت ارسال میل تا کاربر نیازی به ورود به میل باکس و صرف زمان بیشتر برای ارسال پیغام برای شما نداشته باشد.
اسلاید 24: استفاده از جدول برای سازماندهی اطلاعات یک جدول از تعدادی سطر و ستون تشکیل شده است. محل تلاقی یک سطر با یک ستون , یک خانه Cell نامیده می شود.در خانه های جدوا علاوه بر متن های عادی , می توان از متنهای ویژه Hypertext , تصاویر گرافیکی و یا هر چیز دیگری که در صفحات عادی وب قرار می گیرد , جای داد.در ابتدا باید مطالب درون جدول را بین دو دستور <TABLE> و </TABLE> قرار داد.سپس مطالب هر سطر از جدول بین دستورات <TR> و </TR> قرار می گیرد و در نهایت مطالب هر خانه جذول بین دستورات <TD> و </TD> نوشته می شود.<TABLE><TR><TD> Cell1 </TD><TD> Cell2 </TD></TR><TR><TD> Cell3 </TD><TD> Cell4 </TD></TR></TABLE>
اسلاید 25: تنظیمات جدول 1- با استفاده از ویژگی BORDER ضخامت جدول را تعیین کنید.<TABLE BORDER=عدد > …</TABLE>2- فاصله خانه های جدول با دستور CELLSPACING تعریف می شود.<TABLE CELLSPACING=عدد >…</TABLE>3- فاصله بین متن درون جدول با حاشیه جدول از ویژگی CELLPADDING پیروی می کند.<TABLE CELLPADDING=عدد >…</TABLE>
اسلاید 26: 4- در حالت عادی خود مرورگر طول و عرض جدول را تعیین می کند. ولی برای تعیین اندازه جدول به طور دلخواه از ویژگی های WIDTH و HEIGHT استفاده خواهد شد.<TABLE WIDTH = عدد HEIGHT = عدد>…</TABLE>بعلاوه می توانید به جای عدد , مقدار را بر حسب درصدی از صفحه خود بیان کنید. <TABLE WIDTH = مقیاسی بر حسب درصد HEIGHT = مقیاسی بر حسب درصد >…</TABLE>مقدار دهی به این روش باعث می شود شکل کلی صفحات شما ثابت بماند.
اسلاید 27: کنترل ظاهر صفحات وب* برای تعیین رنگ زمینه صفحه از ویژگی BGCOLOR دستور BODY استفاده می شود.<BODY BGCOLOR = رنگ>…</BODY>همان طور که فبلا اشاره شده است به دو صورت می توان رنگ را مشخص کرد. که البته روش Hexadecimal آسانتر و بهتر است.* همچنین به جای تغییر رنگ می توان یک تصویر را پس زمینه کار خود قرار دهیم.<BODY BACKGROUND= آدرس تصویر در اینترنت >…</BODY>البته شما برای تمرین می توانید آدرس تصاویر سیستم خود را بدهید.* یکی از کنترل های دیگر این است که زمینه صفحه را در حالیکه کاربر محتویات آن را می لغزاند ( Scroll ) ثابت نگاه داشت.<BODY BGPROPERTIES = FIXED>…</BODY>
اسلاید 28: * بوسیله ویژگی TEXT دستور BODY می توان رنگ متنهای موجود بر روی صفحه وب را مشخص کرد :<BODY TEXT=رنگ >…</BODY>بعلاوه , همانطور که در قسمت آرایش متن , در مورد دستور FONT گفته شد , می توان بوسیله این دستور ، رنگ , اندازه و نوع فونت هر قسمت از متن را تعیین کرد.* با به کار بردن ویژگی LINK می توان رنگ پیوندهای موجود در صفحه را تعیین کرد. دستور زیر باعث می شود که رنگ پیوندهای موجود در صفحه قرمز شوند.<BODY LINK=RED>…</BODY>ویژگی ALINK رنگ پیوندهای فعال یعنی پیوندهایی که کاربر , دکمه موس را بر روی آنها فشار داده اما هنوز رها نکرده را تعیین می کند.
اسلاید 29: همچنین VLINK رنگ پیوندهایی را که قبلا مشاهده شده اند مشخص می کند.<HTML><HEAD><TITLE>Example of BODY properties</TITLE></HEAD><BODY BGCOLOR = #000080 text=#ffff00 link = #ff0000><H2>You can see all the texts on this page in yellow</H2><H2>And the links are in red.</H2><BR><BR>This is <A HREF =page1.htm>Link</A>example1.<BR>This is <A HREF =page2.htm>Link</A>example2.</BODY></HTML>
اسلاید 30: ساخت نوشته هاس متحرک ( MARQUEE با استفاده از دستور MARQUEE می توان یک متن را بر روی صفحه نمایش به حرکت درآورد.ویژگی ها ALIGNتعیین می کند که متن مورد نظر در کدام قسمت فضای مخصوص MARQUEE قرار گیرد. BEHAVIORروشی را که متتن بر روی صفحه حرکت می کند , تعیین می نماید.مقدارحالتTOPبالاBOTTOMپایینMIDDLEوسطمقدارحالتSLIDEمتن از یک طرف وارد و در طرف دیگر متوقف می شودALTERNATEمتن مانند یک توپ وقتی به حاشیه صفحه برخورد می کند , برمی گردد و به طرف دیگر می رودSCROLLمتن از یک طرف وارد و از طرف دیگر خارج می شود و این امر ادامه دارد
اسلاید 31: BGCOLORرنگ زمینه دستور MARQUEE را مشخص می کند.DIRECTIONجهت حر کت متن را مشخص می کند.HEIGHTارتفاع مربوط به MARQUEE را بر حسب نقاط ( Pixels ) یا درصدی از ارتفاع صفحه مشخص می کند.HSPACEمقدار فضای خالی موجود در سمت چپ و راست را تعیین می کند.LOOPتعداد دفعاتی که متن بر روی صفحه حرکت می کند مشخص می نماید.در صورتی که می خواهید به طور نامحدود متن به نمایش درآید مقدار را -1 یا INFINITE بدهید.مقدارحالتUPبالاDOWNپایینRIGHTراستLEFTچپ
اسلاید 32: SCROLLDELAY مدت زمانی را که پس از انتهای حرکت متن , تا شروع حرکت بعدی وجود دارد تعیین می نماید.VSPACEمقدار فضای خالی را که در بالا و پایین فضای MARQUEE را معیین می کند.WIDTHعرض MARQUEE را بر حسب تعداد نقاط یا درصدی از عرض صفحه تعیین می کند.مثال<FONT color=#0000CC face=BOLD size=4><MARQUEE behavior=alternate bgcolor=#B9DCFF width=452 scrollamount=7 scrolldelay=120>* HTML آموزش کدنويسي *</MARQUEE></FONT>
اسلاید 33: حاشیهمی توانیم در اطراف متن یا MARQUEE های خود حاشیه ایجاد کنیم تا به این طریق از سایر صفحه متمایز شود و بر زیبایی کار بیافزاید.در قسمت کدهای FONT و یا MARQUEE می توانیم این دستورات را اضافه کنیم.Style = border : اندازه نام حاشیه رنگ مثال<FONT color=#0000CC face=BOLD size=4><MARQUEE behavior=alternate bgcolor=#B9DCFF width=452 scrollamount=7 scrolldelay=120 style=border: 4px double #0000CC; >* HTML آموزش کدنويسي *</MARQUEE></FONT
اسلاید 34: تا به اینجا شما با اساس کدنویسی HTML آشنا شدید. و از این به بعد با یک نگاه به کدهای یک صفحه می توانید تشخیص دهید هر کد چه وظیفه ای دارد. اما نیازی به این نیست که شما همیشه کدنویسی کنید , اگر با نرم افزارهایی چون FrontPage و از این قبیل آشنا باشید کار بسیار ساده است. و ...!
اسلاید 35: END
نقد و بررسی ها
هیچ نظری برای این پاورپوینت نوشته نشده است.