نوشتنHTML
برای نوشتن یک سند HTML از هر برنامه پردازشگر Word یا تصحیح کننده متن مثل برنامه های Teachtest یا Text Editir در کامپیوترهای MAC وNotepad یاWordpadمخصوص سیستم عامل Windows که براحتی با برنامه های مرتبط سیستم کار می کنند، می توان استفاده نمود.
همچنین می توان بوسیله یک تصحیح کننده صفحهweb مثل40tude Html یاPage Mail سند مورد نظر را ایجاد نمود.
تگهای HTML
تگها دستوراتی هستند که بین دو علامت کوچکتر(<)و یا="" بزرگتر(="">) نوشته می شوند«بدین وسیلهBrowser، متن مربوط به این دستورات را نشان می دهد.
مثال:تشریح یک دستور Html توجه داشته باشید که هیچگونه فضای خالی بین متن و علامتهای”>” ,”<” وجود="" ندارد="" همانطور="" که="" در="" این="" مثال="" می="" بینید="" متن="" بعد="" از="" دستور="" html(کلمهtomato="" از="" این="" دستور="" تبعیت="" نمی="">
Big Boytomato
تگهای بسیاری وجود دارد که از ابتدا باز شده و سپس بسته می شوند و متنی که ما بین آن دو قرار دارد ویژگی تگ را می پذیرد.
تگ اول هر دستور و تگ آخر آن مثل هم بوده و فقط در تگ آخر از یک سمبل«/» بعد از علامت”<” استفاده="" می="">
نشانه ها
تگهای بی شماری دارای نشانه های مخصوصی بوده که انتخابهای متنوعی برای متن داخل دستور اعمال می کند.
این نشانه ها بین کلمه دستور و علامت”>” نوشته می شود.
اغلب می توان یک سری از نشانه ها را درون یک تگ براحتی یکی پس از دیگری با گذاشتن تنها یک فاصله بین هر کدام نوشت در این صورت هیچگونه ترتیبی وجود ندارد.
مثال: بعضی از تگها می توانند از نشانه های اختیاری استفاده کنند تا فرمت مورد نظر را بدست آورد.
ارزشها
نشانه ها اغلب «ارزشهای متفاوتی» دارند و در بعضی موارد باید یک مقدار را از گروه خاص و کوچکی انتخاب نمود.
مثلاً نشانه Clear در تگ BR می تواند از ارزشهای Left و Right یا All استفاده کند.
و بجز این موارد ارزشهای دیگری قبول نمی کند.
مثال: در بعضی از تگها برای نوشتن ارزش آن نیازی به گذاشتن (“ “) نمی باشد.
مانند BR.
اما دیگر نشانه ها نوع مقداری که قبول می کنند بسیار محدود می باشند.
بعنوان مثال HSPACEکه نشانه تگ IMG است تنها اعداد صحیح را قبول می کند و SRC که نشانه دیگری از تگ IMG است تنها URL را بعنوان مقدار قبول می کند.
مثال: بعضی از تگها مثلIMG می توانند بیش از یک نشانه را بپذیرند.
توجه داشته باشید که image.gif درون دو گیومه قرار گرفته ولی 5 که عدد صحیح است نیازی به گیومه ندارد..
گیومه
بطور عمومی باید گفت که ارزشها باید درون دو گیومه قرار بگیرند -“ “- (البته گیومه” “ قابل قبول نمی باشد).
با وجود این، هرگاه مقدار (Value) فقط شامل حروف (A-Z,a-z) ، ارقام(9-0)- خط پیوند (-) و یا یک نقطه(0) بود، می توان گیومه را حذف نمود.
حروف بزرگ و کوچک
در تمامی کدهای HTML بصورت حروف بزرگ(A-Z) نوشته شده تا بتوانید آنها را از بقیه متون تشخیص دهید.
البته هیچ ضرورتی ندارد که شما اینگونه عمل کنید مگر اینکه احساس راحتی برای انجام آن بکنید،Browserها، کدهایHTML را چه با حروف کوجک و یا بزرگ و یا مخلوطی از دو حالت بنویسید، تشخیص می دهند.
توجه داشته باشید که در برنامه HTML یا XML این حالت بسیار حساس شده و باید تفاوتی بین حروف بزرگ و کوچک در نوشتن تگهای سندXML قائل شوید. توجه داشته باشید که در برنامه HTML یا XML این حالت بسیار حساس شده و باید تفاوتی بین حروف بزرگ و کوچک در نوشتن تگهای سندXML قائل شوید.
تگهای تودرتو در بعضی موارد تصحیح محتوای صفحه با استفاده بیش از یک تگ صورت می گیرد.
بعنوان مثال، ممکن است بخوهید از فرمت italic برای متن خود در سر صفحه استفاده کنید .
دونکته مهم را باید بخاطر بسپارید نمی توان هر تگی را درون تگ دیگر قرار داد.
بعنوان یک قانون کلی، تگهایی که در تمام یک پاراگراف اثر می کنند(web در اصطلاح به آن«سطح-بلوکه» می گویند) می توانند شامل تگهایی باشند که به قسمت کوچکتر مثلاً چند کلمه تأثیر بگذارند.
اما برعکس آن قابل قبول نیست.
ثالثاً ترتیب بسیار مهم بوده و تقریباً همه چیز می باشد هرگاه یک تگ را بستید آنگاه این تگ مرتبط با آخرین تگ باز شده باشد، به عبارت ساده تر،اولa سپسb بعد/b و در آخر/a .
مثال: برای اینکه اطمینان پیدا کنید که تگها بصورت صحیح نوشته شده اند، هر مجموعه را با یک خط به هم ارتباط دهید.
هیچ کدام از خطها نباید روی یکدیگر قرار بگیرند و یا همدیگر را قطع کنند.
هر مجموعه داخلی باید کاملاً درون مجموعه بیرونی باشد.
Correct(no overlapping lines): big boytomato Incorrect(the sets of tags cross over each other):big boy tomato فاصله گذاری Browserها هرگونه فضاهای خالی بین تگهای موجود در سند HTML را نادیده می گیرند.
پس می توان برای واضح تر کردن سند HTML نوشته شده در Notepad یا غیره بطور دلخواه از دکمه Enter (Return)یا Spaceبرای قرار دادن فاصله استفاده کرد.
به عبارت دیگر شما قادر نخواهید بود که روی دکه Enter یا Space برای ایجاد فضای خالی حساب باز کنید.
یعنی در سند HTML کلیک کردن دکمه Enterهیچ تقاوتی در Browser ایجاد نمی کند.
در عوض می توانید از تگ برای شروع هر پاراگراف جدید استفاده کنید.
اما نمی توان از چندین تگ p برای ایجاد فضای خالی بین پاراگرافها استفاده کرد.
تگهای اضافه براحتی نادیده گرفته می شوند.
در عوض، می توان از روشهایی برای تعیین مقدار فاصله مورد نیاز بین پاراگرافها استفاده کرد.
خصوصیت Line Break عموماً تگهای block-level دارای خاصیت منطقی و اتوماتیک قطع خط یا Line break می باشند.
بعنوان مثال، نیازی به استفاده از یک تگ پاراگراف(p) بعد از تگ سرصفحه(h) نمی باشد.
زیرا تگ H بطور اتوماتیک، کار تگ P یا BR را انجام می دهد.
در واقع تنها وقتی که بخواهیم، شیوه خاص را اعمال کنیم می توان از تگ p استفاده کرد.
بعضی از تگهای متداول فوق عبارتند از:.P,H1,BR,UL,Table نامهای فایل یک صفحه web چیزی جز یک سند متنی که با تگهای html نوشته شده نمی باشد.
مانند تمامی سندهای متنی دیگر، صفحه های web دارای نام فایل هستند که سند را به شما و به دیگر بینندگان معرفی می کند.
دو نکته مهم برای بخاطر سپردن نامهای فایل وجود دارد که بتوان به آسانی فایلهای html را سازماندهی کرد و دستیابی به آنها را سهولت بخشید.
نام فایل را با حروف کوچک بنویسید از آنجاییکه نام فایل که شما برای صفحه web خودتان انتخاب می کنید آدرس را مشخص می کند پس ملاقات کنندگان صفحه شما باید آنرا تایپ کنند پس سعی کنید که تا آنجا که می توانید آنرا راحت و ساده انتخاب و با حروف کوچک تایپ کنید.
این روش برای شما که طراح صفحه هستید و می خواهید پیوندهایی درون صفحه خود را ایجاد کنید.
بطور قابل ملاحظه ای پرکاربرد است.
مثال: همیشه بخاطر داشته باشید که برای انتخاب نام فایلتان از حروف کوچک استفاده کنید و در پایان با پسوندhtm,html آنرا ضبط کنید.
استفاده از حروف کوچک و بزرگ بطور همزمان در انتخاب نام فایل، تایپ کردن آنرا برای دیگران اندکی سخت تر می سازد.
Capital_punishment.html Capital_Punishment.html از پسوند مناسب استفاده کنید یک روش اصلی که Browser تشخیص می دهد که فایل یک سند متنی ساده است یا یک سند Html ، پسوند فایل است که باید بصورت Htm یا Html نوشته شود در صورتیکه فایل غیر از دو پسوند فوق داشته باشد مثلاً txt باشد، با آن مانند یک سند متنی معمولی رفتار میکند.
برای کاربران مکینتاش هم همینگونه می باشد.
اگر سیستم عامل Windowsشما همیشه سند شما را با پسوند واقعی نمایش نمی دهد در اینصورت صفحه Web را درون دو گیومه گذاشته و سپس ذخیره کنید.
تنها کاربران سیستم عامل Windows 3.1 محدود به Htm هستند ولی بقیه افراد می توانند براحتی با پسوند Html نیز قابل خود را ذخیره کنند.
مثال: فراموش نکنید که برای آدرس دهی پرونده ها و دایرکتوری ها نیز از حروف کوچک استفاده کنید.
http://www.yoursite.com/WebPages/TORRURE/Capital_Punishment.html ایجاد صفحه وب جدید برای ایجاد یک صفحهWEB به هیچ ابزار خاصی نیاز نیست.
از نرم افزارهای notepad ،Wordpad یا Simple text می توان در سیستم های Macintash وWindows استفاده کرد.
برای اینکه یک صفحه Web جدید ایجاد کنید یک برنامه word را باز کنید.
ابتدا fileو سپس دثص را برای ایجاد یک فایل جدید انتخاب کنید.
با استفاده از تگهای html برنامه مورد نظر خود را بنویسید.
فایل خود را با پسوند htm ذخیره کنید.
نکات مورد توجه در صورت تمایل از Microsaft Word نسخه 97 و 2000 و دیگر نسخه های آن استفاده کنید فقط باید در هنگام ذخیره فایل، با پسوند” .htm” یا “".html آنرا ضبط کنید.
اگر تمایل به استفاده از برنامه های page Mill یا Front page یا برنامه های دیگر دارید، می توانید کدهای HTML را در آنها بکار ببرید، فقط کافی است که File و New را انتخاب کرده و فایلی جدید را ایجاد کنید، سپس از تگهای Html استفاده کنید.
برای ایجاد تفنن در کار می توانید از برنامه های Homestie یا 40 tudehtmlدر سیستم عامل Windows و از BBedit در سیستم مکینتاش استفاده کنید.
این برنامه ها ، جستجوی قوی و تگهای Html اتوماتیک، چک کننده Syntax موجود در برنامه و دیگر شکل های مفید و کاربردی دیگر را دارا هستند.
دستور شروع کردن صفحه Web اولین قدمی که برای نوشتن صفحهweb نیاز است.
بکارگیری تگ html است.
این تگ محتوی متن داخل خود را بعنوان کدهای html قلمداد می کند.
برای شروع کردن صفحه web را تایپ کنید.
مقداری فضا برای ایجاد بقیه صفحه کنار بگذارید.
را تایپ کنید.
نکات مورد توجه می توان فایلی با تگ “html” بعنوان نمونه شروع برنامه در کامپیوتر ذخیره کرد تا از نوشتن مجدد این تگ در ایجاد هر صفحه جدید جلوگیری کرد.
در نسخه های قبلی html استفاده از تگ doctype برای بیان نسخه html پیشنهاد شد.
اما هیچگاه دلیلی برای استفاده از این تگ ارائه نشد.
استفاده از تگهای پایه ای و اکثر صفحات وب به دو قسمت سر و بدنه تقسیم می شوند در قسمت سر(head)، تیتر صفحه وب شامل اطلاعاتی درباره صفحه است که مورد استفاده موتورهای جستجو نظیر altavista می باشد، محل قرار گرفتن صفحه را تنظیم می کند، فرمت دهی پیشرفته برای صفحه را انجام می دهد و اسکریپتها را در آن می نویسند به غیر از تیتر صفحه که توسط دستور نوشته می شود بقیه موارد نمایان نمی شوند.
برای ایجاد قسمت سر(head) مستقیماً پس از نوشتن تگ ، تگ را تایپ کنید.
چند سطر خالی برای برنامه های لازم بگذارید.
تگ را ببندید.
بر قسمت بدنه (body) سند html، قسمتی که بینندگان صفحه می بینند، متن و گرافیک نوشته می شود.
برای ایجاد قسمت بدنه(head) بعد از تگ ، تگ را تایپ کنید.
چندین سطر برای نوشتن محتوی صفحه وب کنار بگذارید.
و سپس تگ را بنویسید.
نکات مورد توجه اگر چه تگهای head و body اختیاری هستند اما پیشنهاد اکید می شود که برای تعیین دو قسمت ذکر شده حتماً از آنها استفاده کنید درغیر این صورت قادر نخواهید بود برای صفحه خود تیتر مشخص تعیین کنید.
دلیل دیگر برای استفاده از این دو تگ را برای اجرای اسکریپت های مخصوص خواهید دید.
بکارگیری تگ هر کدام از صفحات html باید تیتر داشته باشند.
تیتر را همیشه بصورت کوتاه و توصیفی انتخاب نموده که در اغلب browserها، تیتر صفحه در قسمت تیتر پنجره نشان داده می شود.
اگر چه تیتر اهمیت زیادی را برای مشخص کردن مفهوم کلی صفحه داراست ولی برای موتورهای جستجو نظیرLYCOSوBIGFOOTوYAHOO و...
بسیار با اهمیت تر می باشد.
برای ایجاد یک تیتر باید نشانگر ماوس را ما بین تگهای شروع و پایان “Head” قرار داد.
تگ را تایپ کنید.
تیتر مورد نظر برای صفحه وب را تایپ کنید.
سپس در پایان تگ را تایپ کنید.
مثال: همانطور که در browserمشاهده می شود تگ تنها دستوری است که برای کاربران نمایان می شود.
این تگ یک دستور پرکاربرد و مورد نیاز است.
نکات مورد توجه تگ Title همیشه مورد نیاز است.
در تیتر نمی توان هیچ گونه فرمت، تصویر و یا پیوندی قرار داد.
تیتر صفحه بطور مستقیم، در طبقه بندی نمودن کاربران در ردیفهای اول نمایش داده می شود.
تیتر را باید با دقت کافی انتخاب نمود.
این نام در قسمتهای History List و Favorite List و منوی Bookmark ذخیره می شود.
هیچگاه از “:” یا”|” در تیتر خود استفاده نکنید.
زیرا در بعضی از سیستم های عامل این علامتها برای نام فایل قابل قبول نیست و قبل از ذخیره شدن از کامپیوتر خارج می گردد.
اگر تیتر صفحه شامل کاراکترهایی مثلACCENT یا «حروف غیرانگلیسی» هست.
بایستی فرمت این حروف را با استفاده از کدهای عدد یا اسمی نوشت.
سازماندهی صفحه درHTML ، 6 سطح طبقه بندی شده برای نوشتن تیترهای داخل صفحه از نظر اندازه فونت تعیین شده است.
اما اغلب موارد بیش از 3 سطح استفاده نمی شود.
برای سازماندهی داخلی صفحه Web در قسمت بدنه(body) سند html تگ که در آن n عددی از 1 تا 6 است.
با توجه به فونت مورد نیاز از نظر درجه تیتر، انتخاب و آنرا تایپ کنید.
اگر می خواهید محل قرار گرفتن تیتر را در صفحه مشخص کنید از نشانهALIGN=DIRECTION که در آن Direction جهت چپ، راست و مرکز صفحه می باشد، استفاده کنید.
علامت”>” را تایپ کنید.
محتوی تیتر مورد نظر را تایپ کنید.
تگ پایانی را تایپ کنید.
توجه داشته باشید که در این تگ”n” همان عدد انتخاب شده در تگ می باشد.
شروع پاراگراف جدید Html هیچگاه مفهوم دکمه Enter برای ایجاد یک خط فاصله را درک نمی کند.
برای این کار حتماً باید از تگ مخصوص آن بنام استفاده کرد.
برای شروع یک پاراگراف ابتدا تگ را تایپ کنید در صورتی که مکان خاصی برای متن در نظر گرفته اید می توان از نشانه (جهت=align) استفاده کنید که «جهت» را می توان”Right,Left,Center” در نظر گرفت.
علامت> را تایپ کنید.
حال محتوی پاراگراف جدید را بعد از علامت فوق بنویسید.
در پایان می توان تگ انتخایی را نوشت ولی در هر صورت نیازی به آن ندارد.
زیرا این تگ بطور اتوماتیک تگ پایانی خود را اجرا می کند.
ذخیره کردن صفحه وب اگر از یک برنامه Word یا Simple text معمولی استفاده کنید.
در هنگام ضبط هیچ مسئله‌ی خاصی وجود نخواهد داشت.
در غیر اینصورت باید از ذخیره بقیه مواردی که به آنها نیاز ندارید جلوگیری کنید بدین ترتیب که فایل را به صورت “Text Only” ذخیره کرده اعداد، حروف و تعداد کمی کاراکتر خاص در فایل ذخیره می شود و در نهایت هر کامپیوتر می تواند صفحه Web را باز کند.
برای اینکه مطمئن شوید تمامی browser ها قابلیت نمایش صفحه را دارند باید در فرمت خاص و با پسوند مناسب فایل را ذخیره کرد.
برای ضبط صفحه Web بعد از ایجاد صفحه ابتدا File و سپسSave as را انتخاب کنید.
در پنجره جدید، عبارات”Text only”,”Text Document” یا “ASCII” را انتخاب کنید.(در کامپیوترهای مکینتاش بطور اتوماتیک فایل بصورت “text only” در صورت استفاده از برنامه “Simple Text” ذخیره می شود).
به نام فایل پسوند”Htm” یا”Html” را اضافه کنید(این پسوندها بسیار مهم هستند.) پوشه مورد نظر برای قرار گرفتن فایل مورد نظر را انتخاب کنید دکمه”Save” را کلیک کنید.
تماشای صفحه وب در Browser هنگامیکه یک صفحه ایجاد شده باشد می توان آنرا در browser مشاهده کرد.
برای تماشای صفحه Web در Browser نرم افزار Browser خود را باز کنید.
مسیر(Open Page)Openfile,File را طی کنید.
در پنجره باز شده یا فایل مورد نظر را تایپ کنید و یا روی فایل کلیک کنید.
اگر از دکمه”Browser” یا”Choose file” در مرحله قبل استفاده کنید پنجره دیگری باز می شود که باید فایل مورد نظر را بوسیله آن انتخاب کنید.
در نهایت روی دکمهOpen کلیک کنید تا صفحه مورد نظر در Browser شما نشان داده شود.
نکات مورد توجه اگر صفحه وب شما در پنجره Open مشاهده نشد، امتحان کیند که فایل حتماً به صورت “Text Only” با پسوند”Htm” یا “Html” ذخیره شده باشد.
می توان هم Browser و هم ویرایشگر متن را با هم در کامپیوتر برای تصحیح سریع و مسائل احتمالی باز نگاه داشت .
بعد از هر نوع تغییر ابتدا آنرا ذخیره و سپس صفحه را در Browser مجدداً با دکمه”refresh” مشاهده نمود.
فصل دوم قالب بندی متن اگر عادت به انتخاب فونت، اندازه و رنگ از یک سری منوهای مشخص داشته باشیم، آنگاه تعیین فرمت برای صفحه web آنچنان جالب نخواهد بود زیرا بجای استفاده از روش ساده انتخاب متن و سپس انتخاب مناسب دستور برای تغییر دادن قسمتی از مشخصه صفحه بایستی از تگهای مربوط استفاده نمود بخاطر داشته باشید که زیبایی صفحات html در این است که قالب بندی متن، قابلیت خوانده شدن صفحه web را به هر کامپیوتر می دهد.
تگهای نامطلوب استفاده از بعضی تگها نامطلوب می باشد بدین معنا که انجمنWorld Wide Web یا W3C کاربرد آنها را توصیه نمی کند و در عوض استفاده از قالب بندی CSS را به شما پیشنهاد خواهد کرد.
اما از آنجا که این تگها کاربرد مناسبی دارند می توان آنها را برای قالب بندی متن بکار برد.
دلایل بسیاری وجود دارد که از همه مهمتر ساده تر بودن تگهای html نسبت به CSS می باشد.
دومین علت، همه گیر بودن کاربرد آنها می باشد که در تمام Browser ها قابل مشاهده هستند.
اگر چه انجمنw3c آنها را از تگهای اصلی Html حذف کند در هر صورت در Browser مفهوم پذیر خواهد بود.
زیرا تابحال بسیاری از صفحات بدین گونه نوشته شده اند و نمی توان از مشاهده آنها صرفنظر کرد.
آخرین علت اینست که روش CSS هنوز در تمامی Browserها قابل فهم نمی باشد.
پس بطور خلاصه، تا زمانی که پشتیبانی از CSS در Browserها تقویت بشود می توان از این تگها بطور کامل استفاده نمود.
تغییر فونت به منظور ساختن صفحات وب در نسخه های قدیمیHtml قابلیت طراحی با فونت مخصوص نبود.
اما در نسخه2/3 این امکان در نظر گرفته شد.
البته باید به این نکته توجه داشت که در صورت انتخاب فونتی در طراحی، اگر درBrowserملاقات کننده، آن فونت وجود نداشته باشد فونت از پیش برگزیده Browser به نمایش در می آید.
برای تغییر فونت قبل از اینکه بخواهید فونت متنی را تغییر دهید اگر بخواهید می توان بعنوان فونت دوم”fontname2” نام فونت دوم را نیز تایپ کنید تا در صورتیکه ملاقات کننده نتواند از انتخاب اول استفاده کند از این فونت برای مشاهده صفحه شما بهره بگیرد.
ذکر این نکته نیز ضروری است که باید بین این دو نام از یک کاما استفاده کنید.
مرحله قبل را برای انتخاب هر فونت دیگر تکرار کنید.
علامت”>” برای کامل شدن تگ Front تایپ کنید.
حال متن مورد نظر را تایپ نمایید.
و در پایان، تگ انتهایی را بنویسید.
نکات قابل توجه تگ Font همچنین برای تغییر اندازه و رنگ متن نیز بکار می رود.
می توان تمامی نشانه ها را در یک تگ وارد کرد.
مثلاً با وجود اینکه تگ Font در استاندارد Html نسخه چهارم کنار گذاشته شده.
اما هنوز، کاربرد وسیع خود را دارا می باشد.
در هر صورت در استاندارد Html4 می توان از Css بدین منظور استفاده کرد.
Bold یا Italic کردن متن یک راه برای تعیین حالتItalic یا حالت Bold وجود دارد.
برای Bold کردن فونت تگ را تایپ کنید.
متنی را که می خواهید حالت Bold داشته باشد بنویسید.
برای Italic کردن فونت تگ را تایپ کنید.
متنی را که می خواهید حالت Italic داشته باشید بنویسید.
نکات مورد توجه همچنین به منظور ایجاد حالتBold وItalic می توان از تگ برای Italic نمودن و از تگ برای حالت Bold استفاده کرد.
البته فراموش نشود که باید تگ پایانی هر کدام را نوشت.
برای Italic کردن فونت می توان از تگ استفاده نمود ولی این تگ به معروفی تگ (I) نیست و کمتر کسی از آن استفاده می کند.
تگ هنوز یک تگ منطقی برای Italic کردن سندهای Html بوده هر چند که تگی از مد افتاده به حساب می آید، معمولاُ تنها طراحان صفحات Email آن را به کار می گیرند.
انتخاب اندازه فونت پیش فرض در متن برای انتخاب اندازه فونت در تمام متن بدنه(Body) تگ بکار گرفته می شود.
در صورت غیریکسان بودن فونت بعضی از قسمتها تگهای, یا استفاده می شود.
برای انتخاب اندازه فونت پیش فرض در متن عبارت سپس عبارتSize="n" را که در آن n مقداری از 1 تا 7 است را انتخاب کنید.
معمولاً عدد 3 انتخاب می شود.
نکات مورد توجه مقدار عددی که برای Basefont انتخاب می شود باید نسبتی از فونت Browser ملاقات کنندگان باشد.
مقدارn=3، معمولاً فونت پیش فرض برای Browserها است.
این شماره برابر عدد 12 در اندازه فونت بوده پس اگر مقدار n درBasefont از 1 تا 7 تغییر کند، اندازه اصلی فونت به ترتیب،36،24،18،14،12،10،8 خواهد بود.
سیستم عامل ویندوز معمولاً فونتها را نسبت به سیستم مکینتاش کوچکتر نشان می دهد.
بایستی تنها یکبار از تگ Basefont در سند Html استفاده شود و برای تغییرات بصورت تک تک، تگ Font قابل استفاده خواهد بود.
تگ Basefont نیز در Html4 یک تگ نامطلوب نامگذاری شده است.
پیشنهاد ما روش CSS می باشد.
در بعضی از Browserها(مانندIE5,IE4)تنظیم فونت توسط دستورBasefont صورت گرفته است.
بایستی برای تغییر اندازه و رنگ از نشانه های FaceوColor در تگ Font استفاده کرد.
تگ Basefont به سرتیتر(Header) تأثیری ندارد.
تغییر اندازه فونت تغییر اندازه فونت متن به دو صورت امکان پذیر است.
یکی آنکه اندازه مشخصی برای فونت انتخاب کنیم و با بزرگ و کوچک کردن متن مورد نظر نسبت به متون اطرافش، اندازه آنرا تغییر دهیم.
همچنین در هر صورت باید در نظر داشت که نتایج، وابسته به browserدیگر افراد می باشد.
برای مشخص کردن اندازه یک یا چند کاراکتر عبارت عبارتsize="n" را با فرض اینکه nعددی متغییر بین 1 تا 7 می باشد را تایپ کنید.
مثال: تفاوتهای اصلی بین دو تگ Font وBasefont تعداد اندازه فونت بوده که تگ Font قابل استفاده در هر جای متن می باشد درصورتیکه Basefont فقط در ابتدای برنامه بایستی نوشته شود.
انتخاب رنگ پیش فرض متن ویژگی دیگر تگ “Body” این است که با ما امکان تغییر رنگ متن را برای تمام نوشتارهای رنگ سندHtml می دهد.
در صورتیکه رنگ قسمت خاصی را بخواهید تغییر بدهید از تگ استفاده کنید.
برای انتخاب رنگ پیش فرض متن ابتدا در تگ کلمه”text” را تایپ کنید.
سپس کد هگزادسیمال که بصورت کلی”#rrggbb” است را بعد از آن قرار دهید و یا اینکه نام رنگ”color” را داخل دو گیومه تایپ کنید.
نکات مورد توجه ویژگی text در تگ انتخاب رنگ را برای همه متن فراهم می سازد .
ولی تگ رنگ قسمتی از متن را تغییر می دهد و بر ویژگی text در غلبه می کند.
همچنین می توان رنگ پیش زمینه و پیوندها را تعیین کرد، حتماً در انتخاب رنگ دقت کنید.
هر دو Browserاصلی(IE,Netscape) به ملاقات کننده اجازه می دهند تا رنگ مورد نظر شما را مشاهده کند.
تغییر رنگ متن یکی دیگر از روشهایی که می توان صفحه را جذاب تر نمود، تغییر رنک متن می باشد مثلاً می توان قسمتهایی از متن را به یک رنگ تبدیل کرد.
و بقیه را سیاه باقی گذاشت از استفاده از چندین رنگ در متن جداً خودداری کنید.
برای تغییر رنگ متن قبل از متن مورد نظر، عبارت بعد از علامت مساوی”#rrggbb” را تایپ کنید.rrggbb نام رنگ بصورت هگزا دسیمال است.یا نام رنگ را در جلوی آن بنویسید.
علامت “>” را تایپ کنید.
متنی که می خواهید رنگ آن تغییر کند را تایپ کنید.
نکات مورد توجه علاوه بر رنگ، تگ می تواند اندازه و نوع فونت را نیز تغییردهد و بدین ترتیب که هر سه ویژگی را با هم نوشت: برای تغییر رنگ تمام متن یکباره می توان از ویژگی TEXT در تگ BODY استفاده کرد.
رنگ تعیین شده توسط Font بر رنگ تعیین شده توسط Body ارجحیت دارد.
ایجاد Superscript و Subscriptها اعداد و یا حروف که اندکی بالا و یا پایین متن اصلی قرار بگیرند را به ترتیبSuperscript و Subscript می نامند.
این تگها رنگهای خاصHtml4 می باشند.
برای ایجاد Superscript و Subscriptها ابتدا تگ یا را تایپ کنید.
کاراکترها یا سمبلهایی که مورد نیاز می باشد را بعد از آن تایپ کنید.
از تگهای انتهایی یا برای بستن دستور فوق استفاده کنید.(اگر با تگ شروع کردید باید با تگ آنرا ببندید و اگر با تگ شروع کردید با تگ آنرا ببندید.
فصل سوم استفاده از تصاویر قرار دادن تصاویر در صفحه تمامی تصاویر را می توان در صفحه وب قرار دارد.
برای قرار دادن تصویر در صفحه در سندhtml نشانگر ماوس را در جای مورد نظر قرار دهید.
دستور در صورت تمایل، مقدارn را که ضخامت مرز عکس بر حسب Pixel است را در ویژگی (Border=n) تایپ کنید.
تگ را با نوشتن علامت”>” کامل کنید.
مثال: نوشتن متن متناسب با تصویر بعضی از Browserها تصویر را ابداً پشتیبانی نمی کنند و بعضی از بینندگان بعلت سرعت پایین ارتباط در شبکه نمایش تصاویر را قطع می کنند .
در این صورت می توان برای این افراد متن مناسبی برای تصویر نوشت.
برای نوشتن متن متناسب با تصویر نشانگر ماوس را در جایی که تگ بکار گرفته شده قرار دهید.
در تگ IMG نوشته شده ویژگیALT=" را تایپ کنید.
متن متناسب با تصویر مورد نظر را تایپ کنید .
سپس علامت"> را تایپ کنید.(متن مورد نظر را باید درون دو گیومه قرار داد).
مشاهده می شود که اگر موس روی تصویر مورد نظر قرار گیرد.پنجره کوچکی باز شده و متنی را که درون دو گیومه قرار داده ایم نمایش داده خواهد شد.
نکات مورد توجه توجه داشته باشید که ویژگیAlign در تگ قرار می گیرد و سپس خصوصیات مربوط به آن تگ را مورد بحث قرار می دهد.
یعنی داخل تگ می توان از دستورAlign=Right,Left, استفاده کرد تا به تناسب دستور استفاده شده تصویر مورد نظر در مرکز در وسط سطر یا سمت راست و یا سمت چپ قرار گیرد.
قرار دادن متن بین تصویر ابتدا تگ را بدین صورت تایپ کنید.
متنی را که می خواهید در سمت چپ تصویر اول بنویسید تایپ کنید.
عبارت ”left.image” آدرس تصویری که در سمت چپ قرار می گیرد.
در صورت تمایل تگ را برای شروع پاراگراف جدید تایپ کنید.
قسمتی را که می خواهید سمت راست تصویر دوم بنویسید را تایپ کنید.
برای جلوگیری از نمایش متن در اطراف تصویر تصویر و متن مورد نظر خود را ایجاد کنید.
نمایشگر ماوس را بعد از تگ قرار دهید و سپس مرحله بعد را انجام دهید.
یا عبارت را برای قرار ندادن تصاویر در سمت چپ متن بکار ببرید یا را برای قرار ندادن تصاویر در سمت راست متن بکار ببرید.
یا عبارت را برای قرار ندادن متن در اطراف تصاویر بکار ببرید.
فصل ششم طراحی صفحه وب تگهای HTML بسیاری وجود دارند که در هنگام اجرا بر روی کل صفحه تأثیر می گذارند.
از بین این تگها می توان از دستورهای تنظیم حاشیه ها و ستونهای صفحه، کنترل فضای بین اجزاء داخلی صفحه، تغییر رنگ پیش زمینه کل صفحه، تقسیم بندی صفحه به بخشهای منطقی، قرار دادن اجزاء مختلف صفحه در لایه ها و در نهایت، مشخص کردن محل انتهای متن با دستور نام برد.
تعیین رنگ پیش زمینه ویژگی BG Color را برای تعیین رنگ پیش زمینه کل صفحه بکار می بریم.
برای تنظیم رنگ پیش زمینه در تگ بعد از کلمه Body، عبارت”Bgcolor= #rrggbb” را که در آن#rrggbb کد هگزادسیمال رنگ است بنویسید و یا اینکه عبارت”bgcolor=color” را که در آنcolorیکی از 16 رنگ اصلی می باشد، بنویسید.
ویژگیهای دیگر تگ را در صورت تمایل اضافه کنید.
به کار گرفتن تصاویر بعنوان پیش زمینه می توان تصویری را بعنوان پیش زمینه صفحه معین نمود، باید توجه داشت این پیش زمینه، از قابلیت خوانده شدن صفحه نمی کاهد زیرا در امر جذاب نمودن صفحه نقش بسزایی دارد.
برای استفاده از تصویر در پیش زمینه صفحه در تگ موجود در سند HTML ویژگی”Background=” را تایپ کنید.
آدرس تصویر مورد نظر را برای قرار دادن عکس در مقابل آن تایپ نمایید.
نکات مورد توجه تصاویر کوچکی که برای پیش زمینه بکار می روند توسط browser بطور اتوماتیک در طول صفحه قرار داده می شوند.
می توانید توسط یک ویرایشگر تصویر مانندphotoshop روشنایی تصویر را افزایش داد تا از آشفته شدن صفحه جلوگیری کند بدین معنا که وجود پیش زمینه خللی در نمایش بقیه صفحه ایجاد نکند.
زمان انتقال صفحه را در تمامی صفحه های وب قرار دهید.
بعد از اینکه تصویر در اولین صفحه انتقال یابد، صفحات بعدی با استفاده از cache موجود، سریعتر بارگذاری (load) می شوند.
قرار دادن اجزاء صفحه در مرکز تگ عمومی که برای قرار دادن اجزاء داخل صفحه در مرکز بکار گرفته می شود، تگcenter نامیده می شود.
برای استفاده از این تگ: تگ را تایپ کنید.
عنصری را که می خواهید در وسط صفحه قرار بگیرد ایجاد کنید.
مثال: ویژگی Center را می توان با هر یک از دستورهایHtml مانند، پاراگراف، سرصفحه ها، تصاویر و فرمها بکار برد.
فرورفتگی افقی و لیست کردن هنگامی که نسخه جدیدNetscape وارد بازار شد، یکی از ویژگیهای سودمندی که ارائه کرد توانایی ایجاد فرورفتگی و لیست کردن سطرها بود.
برای ایجاد فررفتگی افقی و لیست کردن سطرها نشانگر ماوس را در جاییکه متن باید اندکی جلوتر تایپ شود قرار دهید.
متن مورد نظر را تایپ کنید.
فصل هفتم پیوندها پیوندها مشخصه اصلی worid wide web می باشند، به وسیله آنها می توان از صفحه ای به صفحه ای دیگر رفت، فیلم و یا آهنگ مورد علاقه خود را دریافت نمود و یا فایلهای را از روش ftp، (File Transfer Protocol) دریافت کرد.
یک پیوند از سه قسمت تشکیل شده است: مقصد(Destination) برچسب(Label) هدف(Target) اولین قسمت، که همان مقصد می باشد مهمترین قسمت می باشد.
که با کلیک کردن روی پیوندها جریاناتی که اتفاق می افتد را مشخص می کند.
این پیوندها می توانند تصویر، صدا، فیلم و فایل را انتقال دهند.
یک گروه خبری را باز کنندEmail بفرستند و یا برنامه CGI را اجرا کنند.
در هر صورت متداولترین پیوندها، به صفحات وب دیگر متصل شده و یا گاهی به آدرس های مخصوص در صفحاتی دیگر به نام”anchor” می رود.
تمام آنها با نوشتن یک URL مشخص می شوند که عموماً تنها در Browser,"statuse area" نمایش داده می شوند.
قسمت دوم پیوند که همان برچسب می باشد.
این قسمت می تواند یک عکس یا یک متن و یا هر دوی آنها باشد.
معمولاً متن هایی که برای این کار استفاده می شوند، زیر آنها خط کشیده می شود و یا به عبارتیUnderline می گردند.
هر چقدر پیوند جاذبه و کشش داشته باشد، ملاقات کننده رغبت بیشتری می کند تا بر روی آن کلیک کند.
در واقع طراحی با جذابیت بالا خود یک هنر واقعی است.
قسمت سوم که هدف نام دارد، معمولاً‌توسط Browserها نمایش داده نمی شود.Target محل نمایش مقصد(destination) را مشخص می کند.
Target یک ذخیره و یا یک Frame نام گذاری شده مخصوص پنجره می باشد و یا یک پنجره و Frame جدید.
پیوند دو صفحه وب اگر تعداد صفحاتی که ایجاد می کنید بیش از یکی باشد بایستی برای ارتباط به صفحات دیگر و یا بازگشت به صفه اصلی، از پیوندها استفاده کنید.
پیوند دادن دو صفحه به یکدیگر تگ متن Lable مورد نظر را که به رنگ آبی(پیش فرض) نوشته می شود را بنویسید.