با سلام این کتاب برایه کسایی هستش که میخوان یک طراح حرفه ای در زمینه طراحی بشن.
این کتاب در سایت امازون 7 تا 30 دلار فروخته میشه و میتونید میتونید از این لینک ببینید .
ما به عنوان یک فروشگاه خوب همه چی رو به مشتری میگیم تا احساس خوبی بهش دست بده.
این کتاب با اشکال مختلف و یک متن ساده و روان به شما آموزش میده.
و شما از طریق این کتاب میتونید یک طراح سایت بشید و میتونید کسب درامد کنید.
تعداد صفحات کتاب 514 ...
با هر 5 هزار تومان خرید یک کتاب به ارزش 6 هزارتومان دریافت کنید...
تمام صفحات وب با نوعی از HTML ساخته می شوند. لذا برای ایجاد وب سایت های پیشرفته یادگیری HTML ضروری می باشد. در این دوره آموزشی سعی شده است که با به کارگیری مثال های فراوان و دوری از هر گونه اضافه گوِیی در سریعترین زمان ممکن توانایی ایجاد صفحات وب بدون نیاز به برنامه ای کمکی در شما ایجاد گردد.
مقدمه ای بر وب و HTML
وب گسترده جهانی
وب گسترده جهانی(www , World Wide Web) که معمولا فقط وب گفته می شود؛ شبکه ای است که تمام رایانه های متصل به آن را در سراسر جهان به هم وصل می کند؛ و تمام رایانه ها در وب می توانند با هم ارتباط داشته باشند.
www چگونه کار می کند ؟
اطلاعات وب در فایلهایی به نام Web Page قرار می گیرند که آنها نیز در رایانه هایی به نام Web Server قرار دارند و رایانه ها برای دیدن صفحات وب از استانداردی ارتباطی به نام HTTP (Hyper Text Transfer Protocol ) استفاده می کنند. رایانه های متصل به وب اطلاعات موجود در Web Page ها را از طریق برنامه هایی با نام مرورگر وب (Web Browser) نشان می دهند. معمولترین مرورگرها که مورد استفاده قرار می گیرند Internet Explorer وNetscape Navigator می باشند.
چگونه مرورگرها صفحات وب را نشان می دهند ؟
همه صفحات وب شامل دستورالعمل هایی برای نمایش توسط مرورگر ها هستند، و مرورگر ها با خواندن این دستورالعمل ها صفحات را نشان می دهند. دستورالعمل های نمایش صفحات وب، برچسبهای HTML
(Hyper Text Markup Language) نامیده می شوند مانند:
یک فایل HTML چیست ؟
یک فایل HTML فایل متنی ساده ای شامل برچسب ها (Tag) می باشد؛ که بهتر است پسوند html یا htm داشته باشد و می تواند توسط یک ویرایشگر ساده متن مانند Notepad ساخته شود. برای بهتر روشن شدن مطلب بهتر است یک فایل HTML بسازیم. در Windows برنامه Notepad را اجرا کنید و متن زیر را بنویسید :
این فایل را با نام "Test.htm" ذخیره کنید. حال مرورگر اینترنت خود را باز کرده و گزینه Open یا Open Page را از منوی File مرورگر انتخاب کنید؛ یک جعبه محاوره ای باز خواهد شد، Browse یا Choose Fileرا انتخاب کنید و فایل"Test.htm" که هم اکنون ساخته اید را بیابید، انتخابش کنید و روی Open کلیک کنید. حال شما یک آدرس مانند:
"D:\My Documents\Test.htm" را در جعبه محاوره ای خواهید دید. روی OK کلیک کنید، مرورگر صفحه ساخته شده توسط شما را نشان می دهد.
بدین ترتیب شما اولین صفحه HTML خود را بدون استفاده از برنامه های طراحی وب و فقط با یک ویرایشگر متن ساده ساختید و نتیجه آن را نیز توسط مرورگر دیدید. حال بیایید کمی درباره صفحه ای که ساخته اید صحبت کنیم :
اولین برچسب در فایل HTML شما <html> است. این برچسب به مرورگر می گوید که این شروع یک فایل HTML است. آخرین برچسب در فایل شما </html> است. این برچسب به مرورگر می گوید که این پایان یک فایل HTML است. نوشته های بین برچسب <head> و برچسب </head> اطلاعات سربرگ می باشند و در پنجره مرورگر نمایش داده نمی شوند. متن بین برچسب <title> و برچسب </title> عنوان فایل می باشد و در نوار عنوان مرورگر نمایش داده خواهد شد. متن بین <body> و </body> توسط مرورگر نشان داده خواهد شد. همچنین متن بین <b> و</b> به صورت پررنگ نمایش داده می شود.
نکته ای درباره ویرایشگرهای HTML :
شما می توانید صفحات HTML را با ویرایشگرهای WYSIWYG
(What You See Is What You Get) مانند: FrontPage و Claris Home Page و Adobe PageMillبه جای نوشتن برچسبهای مورد نیاز در یک فایل متنی ساده؛ ویرایش نمایید. اما اگر می خواهید یک طراح حرفه ای صفحات وب شوید بهتر است از یک ویرایشگر ساده متن استفاده کنید تا HTML را به خوبی درک کنید و در مباحث پیشرفته به درستی و با تسلط از آن استفاده کنید.
برچسبهای HTML
برچسبها برای مشخص کردن عناصر فایل HTML استفاده می شوند و توسط دو حرف < و > احاطه می شوند. برچسبها معمولا به صورت جفت استفاده می شوند مانند <b> و </b> ؛ برچسب اول، برچسب ابتدایی و برچسب دوم، برچسب انتهایی نامیده می شود و متن بین آنها مندرجات عنصر می باشد. برچسبها به بزرگی یا کوچکی حروف حساس نیستند مثلا <b> همانند <B> می باشد اما ما در این کتاب از حروف کوچک استفاده می کنیم. اگر می خواهید خود را برای استفاده از نسل جدید HTML آماده کنید شما نیز بهتر است از حروف کوچک استفاده کنید. ضمنا این پیشنهادی است که W3C (World Wide Web Consortium) برای استفاده از XHTML می کند.
عناصر HTML
برای روشن شدن مفهوم عنصر به دو مثال زیر بسنده می کنیم:
خط زیر یک عنصر است:
این عنصر با برچسب ابتدایی <b> شروع شده و با برچسب انتهایی </b> پایان می پذیرد و This text is bold نیز مندرجات عنصر است.
خطوط زیر نیز مجموعا یک عنصر می باشد که شروع آن با برچسب ابتدایی <body> و پایان آن با برچسب انتهایی </body> می باشد.
مشخصه برچسبها
برچسبها می توانند دارای مشخصه (Attribute) باشند. مشخصه ها می توانند اطلاعات بیشتری در باره عناصر HTML صفحه شما تدارک ببینند.
برچسب <body> عنصر بدنه صفحه شما را تعریف می کند. با اضافه کردن مشخصه bgcolor شما می توانید به مرورگر بگویید که رنگ پس زمینه شما مثلا قرمز باشد؛ مانند:
برچسب <table> یک جدول ایجاد می کند. با اضافه کردن مشخصه border می توانید به مرورگر بگویید که مثلا جدول شما حاشیه ندارد؛ مانند:
مشخصه ها همواره به شکل جفت نام و مقدار به کار می روند: name="value" ؛ و همواره به برچسب ابتدایی اضافه می شوند. در ضمن بهتر است که مقدار مشخصه ها بین علامتهای نقل قول قرار گیرند.
برچسبهای اساسی HTML
عنوانها
عنوانها توسط برچسب <h1> تا <h6> ایجاد می شوند که <h1> بزرگترین عنوان و <h6> کوچکترین عنوان را ایجاد می کند. HTML به طور خودکار یک خط خالی قبل و بعد از عنوان اضافه می کند. به مثال زیر توجه کنید.
پاراگراف
پاراگرافها توسط برچسب <p> ایجاد می شوند؛ و همانند عنوانهای HTML به طور خودکار یک خط خالی قبل و بعد از عنوان اضافه می کند.
شامل 48 صفحه فایل word قابل ویرایش
لینک پرداخت و دانلود *پایین مطلب*
فرمت فایل:Word (قابل ویرایش و آماده پرینت)
تعداد صفحه90
اگر از ویندوز مایکروسافت استفاده میکنید، Notepad را باز کرده (Mac کارها از
SimplaeText استفاده کنند. ) و متن زیر را در آن تایپ کنید:
<html><head><title>Title of page</title></head><body>This is my first html page. <b>This text is bold</b></body></html>
سپس فایل را با نام مثلا test.html در درایو c:\ ذخیره کنید.
برای دیدن فایل اچتمل بالا در مرورگر یا Brower تان ( معمولا اینترنت اکسپلورر و یا نتسکیپ
نویگیتور ) کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده
بخوانید. ( به آدرس فایل در قسمت Address توجه کنید، مثلا c:\test.html)
یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی
کامپیوتر شما ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند. با کلیک روی یک لینک فایلی
شبیه فایل ذخیره شده توسط شما از روی وب سرور توسط مرورگرتان
یک فایل HTML چیست؟
• HTML را "اچ تی ام ال" و یا اچتمل بخوانید.
• HTML برگرفته از حروف اول Hyper Text Markup Language میباشد.
• یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.
• مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.
• یک فایل HTML باید دارای انشعاب htm و یا html باشد.
• یک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای قابل ایجاد است.
• وظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی نمایش اطلاعات میباشد.
________________________________________
میخواهید که یک فایل اچتمل بسازید؟
اگر از ویندوز مایکروسافت استفاده میکنید، Notepad را باز کرده (Mac کارها از SimplaeText استفاده کنند. ) و متن زیر را در آن تایپ کنید:
Title of page
This is my first html page. This text is bold
سپس فایل را با نام مثلا test.html در درایو c:\ ذخیره کنید.
برای دیدن فایل اچتمل بالا در مرورگر یا Brower تان ( معمولا اینترنت اکسپلورر و یا نتسکیپ نویگیتور ) کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده بخوانید. ( به آدرس فایل در قسمت Address توجه کنید، مثلا c:\test.html)
یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی کامپیوتر شما ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند. با کلیک روی یک لینک فایلی شبیه فایل ذخیره شده توسط شما از روی وب سرور توسط مرورگرتان خوانده شده و سپس نمایش داده خواهد شد!!! ( به آدرس فایل در قسمت Address توجه کنید. )
توضیح مثال بالا
اولین تگ مثال بالا تگمیباشد. از روی این تگ، مرورگر نوع متن یعنی اچتمل بودنش را یافته و از رویانتهای متن اچتمل را میبابد.متن بین تگو تگاطلاعات شناسنامه ای یا "Header information" متن اچتمل بوده و نمایش داده نخواهند شد. در این مثال با کمک تگهایوتیتر و یا Title صفحه که در این مثال عبارت "Title of page" میباشد در بالای مرورگر نمایش داده خواهد شد.
متن بین تگو انتهای آن یعنی تگتنها اطلاعاتی است که توسط مرورگرنمایش داده خواهند شد.
متن بین تگ و انتهای آن یعنی تگ بصورت Bold و یا توپر نمایش داده خواهند شد.
انشعاب فایل htm یا html ؟
اغلب مرورگرها هر دو نوع انشعاب را به خوبی میشناسند ولی ترجیحا به هنگام ذخیره فایلهای اچتمل از html استفاده کنید.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.)
________________________________________
نکته ای در مورد ادیتورهای اچتمل ( HTML Editors )
با وجودیکه با استفاده از ادیتورهای اختصاصی اچتمل مانند FrontPage و یا Claris Home Page امکان نوشتن و طراحی صفحات اچتمل بصورت WYSIWYG یا "What You See Is What You Get" وجود دارد اما توصیه میشود که از ادیتورهای معمولی متن برای تهیه صفحات خود استفاده کرده، عملکرد تگها را شناخته و هیچگاه بدون اینکه بدانید کاربرد یک تگ چیست آنرا بکار نبرید.
بیشترین سوالات پرسیده شده ( FAQ ) :
فایلم را درست کردم ولی هنوز نمیتوانم آنرا در صفحه مرورگرم ببینم، مشکل کجاست؟
مطمئن شوید که فایل را با انشعاب درست (htm یا html ) ذخیره کرده اید. در ضمن مطمئن شوید که همان فایل را Open کرده اید.( نام و مسیر فایل را در قسمت Address مرورگرتان چک کنید.)
هر بار پس از تغییر و ادیت مثالها نسخه اولیه را در صفحه مرورگرم میبینم و تغییرات داده شده مشاهده نمیشود، مشکل کجاست؟
به خاطر بالا بردن سرعت، همیشه مرورگرها از نسخه های موجود در Cache یا حافظه موقت خود برای خواندن صفحات استفاده میکنند.برای وادار کردن مرورگر به خواندن اصل صفحه کافی است که در مرورگرتان Refresh/Reload کنید. در اینترنت اکسپلورر کلید F5 یا View/Refresh و در نت اسکیپ Ctrl+R یا View/Reload اینکار را انجام خواهند داد.
آیا میتوانم از هر دو مرورگر Internet Explorer و Netscape Navigator استفاده کنم؟
بله، فقط اگر از استاندارد یونیکد برای فارسی نویسی استفاده میکنید، برای دیدن درست صفحات فارسی باید از نسخه 5 Internet Explorer و به بالا و در مورد Netscape Navigator از نسخه 6.2 و به بالا استفاده کنید.
کجا میتوانم آخرین نسخه از مرورگرهای Internet Explorer و Netscape Navigator را داونلود کنم؟
Internet Explorer اینجاست و Netscape Navigator اینجا.
در این درس با مفاهیم وب، اینترنت، مرورگرها و استانداردهای وب آشنا خواهید شد.
درس قبلی، درس بعدی
________________________________________
منظور از وب چیست؟
وب شبکه ای است متشکل از تمامی کامپیوترهای دنیا، شبکه ای از شبکه ها.
اینترنت، وب، 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 ) بیان چگونگی نمایش اطلاعات میباشد.
یک تگ اچتمل چیزی شبیه
این تگ پاراگراف است!
<strong>است. <br />________________________________________<br />چه کسانی استاندارد های وب را تعیین میکند؟<br /> تعیین استاندارد های وب ربطی به شرکتهای مایکروسافت و یا نت اسکیپ ندارد. <br /> World Wide Web Consortium یا W3C متولی تعیین استانداردهای وب است. <br /> HTML, CSS and XML از مهمترین استانداردهای تصویب شده وب میباشند. <br /> آخرین استاندارد HTML استاندارد XHTML 1.0 میباشد . <br />script عناصر ( Elements ) <br />یک فایل اچتمل متنی از نوع text است که از عناصر یا element ها تشکیل میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود. در این فصل با عناصر و تگ ها اچتمل آشنا خواهید شد. <br /><br />درس قبلی، درس بعدی <br /><br /><br />--------------------------------------------------------------------------------<br /><br />تگ های اچتمل (HTML Tags) <br /><br />با کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند. <br />در زبان اچتمل حدود 80 عنصر تعریف شده است. <br />تگ های اچتمل بوسیله دو نویسه (char) > و < ساخته میشوند. <br />تگ های اچتمل معمولا بصورت زوج ظاهر میشوند، مانند <strong>test</strong> <br />تگ اول در یک زوج تگ مثلا <strong> تگ شروع و تگ دوم مثلا تگ پایانی نام دارد. <br />متن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا element content نامیده میشود، مثلا "test" <br />تگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا بزرگ (upper case) بنویسید و case sensitive نیستند. برای مثال دو تگ <strong> و <strong> معادل هم هستند ولی شدیدا توصیه میشود که به خاطر سازگاری با XHTML از حروف کوچک استفاده شود. </strong></strong></strong></strong>
شامل 52صفحه Word