Quantcast
Channel: دانلود فایل رایگان
Viewing all articles
Browse latest Browse all 46175

مقاله کدنويسي HTML

$
0
0
 nx دارای 63 صفحه می باشد و دارای تنظیمات در microsoft word می باشد و آماده پرینت یا چاپ است فایل ورد nx  کاملا فرمت بندی و تنظیم شده در استاندارد دانشگاه  و مراکز دولتی می باشد. این پروژه توسط مرکز nx2 آماده و تنظیم شده است توجه : در صورت  مشاهده  بهم ريختگي احتمالي در متون زير ،دليل ان کپي کردن اين مطالب از داخل فایل ورد مي باشد و در فايل اصلي nx،به هيچ وجه بهم ريختگي وجود ندارد بخشی از متن nx : منظور از وب چیست؟ • وب شبکه ای است متشکل از تمامی کامپیوترهای دنیا، شبکه ای از شبکه ها. • اینترنت، وب، WWW ، web یا World Wide Web همگی یک چیزند. • تمامی کامپیوترهای وب می توانند با هم ارتباط داشته باشند. • کامپیوترهای موجود در وب با کمک استاندارد ارتباطی یا پروتوکل HTTP با هم ارتباط برقرار می کنند . نحوه کارکرد وب چگونه است؟• اطلاعات وب داخل فایلهائی به نام Web Pages و یا صفحات وب قرار دارند. • این فایلها یا صفحات روی Web Server یا کامپیوترهای سرویس دهنده وب ذخیره شده اند. • برای دیدن صفحات وب از نرم افزاری به نام مرورگر و یا Web Browser استفاده می شود. • دو مرورگر Internet Explorer و Netscape Navigator جزو معروفترین مرورگرها حساب می شوند. • مرورگر Internet Explorer متعلق به شرکت مایکروسافت و مرورگر Netscape Navigator متعلق به شرکت نت اسکیپ می باشد. مرورگرها چگونه به خواندن صفحات وب می پردازند؟ • یک مرورگر با کمک یک Request درخواستی برای خواندن یک صفحه از وب سرور می کند. • این Request یا درخواست بر اساس استاندارد ارتباطی یا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر می باشد. • آدرس یک صفحه وب چیزی شبیه http://www.khaterat.com/faq.html است. بخش //:http نوع پروتوکل و یا استاندارد ارتباطی را تعیین می کند، www.khaterat.com نام دومین یا Domain است و faq.html نام صفحه ای است که باید خوانده شود. مرورگرها چگونه صفحات وب را نمایش می دهند؟ • چگونگی نمایش یک صفحه وب بصورت مستتر در آن وجود دارد. • مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات می پردازند. • وظیفه اصلی تگ های اچتمل ( HTML tags ) بیان چگونگی نمایش اطلاعات می باشد. • یک تگ اچتمل چیزی شبیه <p> این تگ پاراگراف است! </p> است. چه کسانی استاندارد های وب را تعیین می کند؟• تعیین استاندارد های وب ربطی به شرکتهای مایکروسافت و یا نت اسکیپ ندارد. • 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 ) بیان چگونگی نمایش اطلاعات می باشد. قصد داشتم این آموزش در وبلاگ باشد , ولی از آنجا که پست مطالب در وبلاگ با محدودیت هایی همراه است در گروه مطرح کردم.آموزش کدنویسی HTML بخش 1 امیدوارم مطلبی که در وبلاگ تحت عنوان HTML نوشته شده بود را خوانده باشید. با آن مقدمه به سراغ آموزش می رویم. Notepad را اجرا كرده و جملات زیر را بنویسید:<HTML></HTML> هر كدام از این جملات تگ (Tag) نامیده می شوند.اینها تگهای آغازین وپایانی هستند. برای ایجاد تگ پایانی كافیست یك / به تگ آغازین اضافه كنیم. ولی همه تگها دارای تگ پایانی نیستند . اینطور فكر كنید كه تگ ها با مرورگر صحبت می كنند یا به مرورگر دستور می دهند. <HTML> یعنی آغاز سند html و </HTML> یعنی پایان سند. حال بعضی دستورات رابین اینها قرار می دهیم. هر سند html یك جفت تگ بنام HEAD دارد :<HTML><HEAD></HEAD></HTML>تنها چیزی كه فعلاً باید در مورد تگهای HEAD بدان توجه کنیم تگهای TITLE هستند . تگ TITLE به شكل زیر داخل HEAD قرار میگیرد عنوان سند را مشخص می كند : ( صفحه شما با این نام باز می شود. )<HTML><HEAD><TITLE></TITLE></HEAD></HTML>و حجم اصلی صفحه داخل تگ BODY قرار میگیرد : <HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML> و در نهایت می توانید یك عنوان به سند خود بدهید و مطالبی داخل بدنه صفحه بنویسید. بعلاوه می توانید نوشته های شخصی خود را در یک سند Html , بدون اینکه مرورگر آنها را تفسیر نماید , قرار دهید . برای این امر کافی است متن خود را بین علامتهای <!—و –> بنویسید. ( دقت کنید که فاصله ای بین این علائم نباشد ) <HTML><HEAD><TITLE>My Page</TITLE></HEAD><BODY>This is my first web page !<!– First lesson –> </BODY></HTML> حالا سند را ذخیره كنید ولی نه به شكل یك document بلکه به شکل سند html . برای اینكار فرمان Save As را از منوی File انتخاب كنید. در پنجره ای كه باز می شود فولدر مورد نظر را انتخاب كنید یا بسازید و سپس نام Page1.htm را در بخش File Name بنویسید ( یا هر نامی که خودتان می خواهید , فقط .HTM را فراموش نکنید. ) ضمناً در بخش Save as type : ، اطمینان حاصل کنید که All Files (*.*) را انتخاب کرده اید و سپس Ok را بزنید.با عرض تبریك ، شما مفتخر به خلق یك صفحه وب كاملاً عملیاتی شدید و می توانید آنرا به سرور وب Upload كنید تا تمام دنیا ساخته شما را ببینند.می توانید بر روی آیكون فایلی كه ایجاد كرده اید دوبار كلیك كنید تا نتیجه كارتان را ببینید قبل از شروع درس بعدی به دو نكته اشاره می كنیم ، اول اینکه آنچه شما ساخته اید اسكلت اصلی یك سند html است که حداقل اطلاعات لازم برای یک سند وب می باشد و کلیه اسناد وب باید شامل این عناصر اصلی باشند . دوم اینكه عنوان سند چیزی است كه در نوار عنوان پنجره مرورگر مشاهده می شود. با راست کلیک کردن بر روی صفحات وب و انتخاب View source نحوه قرارگیری و کاربرد این دستورات را ملاحظه کنید.   آموزش کدنویسی HTML بخش 2 قبل از اینکه به ادامه بحث بپردازم , نکته ای رو می خواستم بگم . به دلیل پاره ای از مسائل گاهی کدهایی که نوشته می شن در وبلاگ تغییراتی می کنند و برخی از علائم جا به جا می شن , مثل آموزش اول HTML 1 . لطف کنید کل مطلب رو Select کنید و بعد در یک صفحه Word کپی کنید تا این تغییرات از بین بره. ( Ctrl+c = Copy , Ctrl+v = Paste ) موفق باشید.ادامه بحث :تیترهای رده 1 تا 7 :ما می توانیم سایز نوشته های خود را تغییر دهیم . برای این کار روشهای مختلفی امکان دارد , در این جا یکی از این روش ها را توضیح می دهیم.شش رده در Html در نظر گرفته شده است که رده اول از همه بزرگتر می باشد. <H1> </H1><H2> </H2><H3> </H3><H4> </H4><H5> </H5><H6> </H6> <H7> </H7>نوشته های خود را باید بین این تگ ها قرار داد. این کار را در متن جلسه قبل امتحان کنید. ایجاد پاراگراف : ممکن است تصور شود اگر متن خود را پاراگراف بندی کنید و در بین خطوط قرار دهید در مرورگر هم همان طور نشان داده می شود. اما این طور نیست !مرورگر خط های کوتاه را در کنار هم قرار می دهد و خط جدیدی ایجاد می کند . ولی اگر نمی خواهید پیرو مرورگر باشید , این چنین عمل کنید.بوسیله دو دستور <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> <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>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 آموزش کدنویسی HTML بخش 3سایر آراینده های منطقی : 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 =” نام فونت ” >می توانید 3 فونت را انتخاب کنید , تا در صورت عدم وجود یکی از فونت ها به سراغ دیگری برود.<FONT FACE =” نام فونت , نام فونت , نام فونت ” >نام برخی از فونت ها : ArialArial BlackComic Sans MSCourier NewImpactTimes New RomanTrebuchet MSTahomaVerdana انتخاب Size<FONT SIZE = “یک عدد می باشد” >انتخاب رنگ متن <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> آموزش کدنویسی HTML بخش 4 ایجاد 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 است. ادامه خواندن مقاله کدنويسي HTML

نوشته مقاله کدنويسي HTML اولین بار در دانلود رایگان پدیدار شد.


Viewing all articles
Browse latest Browse all 46175

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>