پاسخ : آموزش مقدماتي و پيشترفته Html شروع از ابتدا خسته نباشيد دوستان، در صفحات قبل تا حدودي با مقدمات راه اندازي يک وب سايت آشنا شديد و آموختيد تا هدفتان را با محتواي سايت هماهنگ کنيد، همچنين به اهميت طراحي هم پي برديد. اما حالا کاري که شما بايد انجام دهيد، کمي استراحت کنيد و يک نوشيدني براي خود مهيا کنيد سپس نفس عميقي بکشيد و آماده باشيد تا اولين گام را براي معرفي خودتان به عنوان يک طراح و برنامه نويس حرفه اي وب برداريد. ما ورود شما را به يکي از ساده ترين و جذاب ترين رشته هاي آموزشي وب و کامپيوتر خوش آمد مي گوييم . پس از اينجا جاي ديگر نرويد که بهترين مکان را براي آموزش برنامه نويسي تحت وب و طراحي سايت پيدا کرده ايد. البته اين موضوع را شوخي کرديم، اين ديگه بستگي به شما دارد تا مطالب اين سايت را تا چه حد قابل بدانيد. تگهاي HTML اولين چيزي که براي برنامه نويسي html بايد بدانيد، اينست که تگ html چيست و چه کاري انجام ميدهد. تگهاي html دو نوع هستند، تگهاي آغازين و تگهاي پايان دهنده. بطور کل تگها با دو علامت کوچکتر و بزرگتر، يعني < > مشخص ميشوند و بين اين دو علامت کد html نوشته ميشود، مانند: <b> اين يک تگ آغازين است و کد داخل آن به مرورگر ما ميفهماند که متن بعد از آن بايد بصورت حروف ضخيم و bold به بيننده صفحه نشان داده شود و بلافاصله متن مورد نظر را مينويسيم و در آخر آن، تگ پايان دهنده که مرورگر بفهمد تا کجا اين متن بايد بصورت ضخيم نمايش داده شود، <b> This is a bold text. </b> همانطور که مشاهده ميکنيد، تگهاي پايان دهنده داراي يک علامت Slash ( / ) ميباشد. اما کار اين تگها چيست؟ مرورگرهاي وب مانند اينترنت اکسپلورر، به علامتهاي < > حساس هستند و به محض اينکه به آنها مي رسند کد داخل آنها را خوانده و عمليات لازم را بر روي متن بعد از آن انجام ميدهند تا به تگ پايان دهنده برسند. در حقيقت مرورگرها حکم مترجم را براي ما دارند و کليه تگها ونوشته هاي داخل آنها را بصورت اطلاعات منظم و قابل فهم در قالب يک صفحه وب براي ما ترجمه کرده و به نمايش ميگذارند. ما با وارد کردن تگهاي مناسب، کنترل نمايش صفحه وب را در مرورگرها به کنترل خود در مي آوريم پس بايد ياد بگيريد که تگهاي html را چگونه و در کجا بنويسيد. زبان html هم مانند هر زبان ديگري ساختار و قواعد خاص خود را دارد که در صفحات بعد با آنها آشنا مي شويد. Source code صفحات وب داراي مزيتي هستند و آن مشاهده کدهاي Html در مرورگر است که شما براحتي مي توانيد تگهاي عناصر تشکيل دهنده آن صفحه را ببينيد و با نحوه قرار گرفتن و تکنيکهاي بکار گرفته شده آشنا شويد. براي ديدن سورس کد يا همان کد تشکيل دهنده صفحه وب داخل منوي view در مرورگر مي شويد و بر روي گزينه Source کليک مي کنيد که بطور معمول برنامه Notepad باز شده و تگهاي Html را نشان مي دهد که در حال حاضر فهميدن آنها براي شما مشکل است ولي در آينده نزديک هيچ مشکلي براي درک کدها نخواهيد داشت.
پاسخ : آموزش مقدماتي و پيشترفته Html ساخت اولين صفحه وب در اين بخش شما اولين صفحه وب را خواهيد ساخت تا سادگي زبان html را لمس کنيد. براي شروع ابتدا برنامه Notepad ويندوز را باز کنيد، البته مي توانيد از هر برنامه ويرايشگر متن استفاده کنيد. سپس اين تگها را بنويسيد: کد: <html> </html> اين تگها به مرورگر وب ميفهماند که از کجا کدهاي html شروع و به کجا ختم ميشوند. پس بقيه تگها را ما بايد بين اين دو وارد کنيم. تگها را ما به دو دسته تقسيم ميکنيم: تگهاي قسمت سر head و تگهاي قسمت بدنه body ، بدين صورت: کد: <html> <head> </head> <body> </body> </html> فرق اين دو قسمت در اينست که هر اطلاعاتي داخل تگهاي قسمت سر head نوشته شود در صفحه مرورگر نشان داده نميشود ولي در قسمت بدنه body هر اطلاعاتي وارد شود در صفحه نمايش داده ميشود. خب دوستان اين ساختار کلي و اسکلت بندي يک صفحه وب هست که بايد هميشه آنرا در نظر داشته باشيد. حالا يک متني بين تگهاي بدنه body وارد کنيد، مثلاً کد: <html> <head> </head> <body> This is my first page! </body> </html> نامگذاری و ذخيره کردن فايل الان کدنويسي ما تکميل شد و بايد اين فايل متني را ذخيره کنيم تا بتوانيم در مرورگر وب خود امتحانش کنيم. ابتدا منو File را باز کنيد و گزينه Save as را انتخاب کنيد، يک پنجره براي آدرس دهي و نامگذاري آن فايل باز ميشود که آدرس جايي که بايد ذخيره شود را مانند My Documents وارد کنيد سپس در پايين پنجره باز شده در قسمت File Name اسم فايل را بنام Firstpage وارد کنيد و دقت کنيد تا در آخر اين اسم يک نقطه بگذاريد و پسوند html را بنويسيد و دکمه Save را بزنيد تا فايل متني ما بصورت يک فايل html ذخيره شود. دقت کنيد اگر ميخواهيد فايل شما در سيستم عامل DOS هم باز شود بايد پسوند .htm را در آخر اسم وارد کنيد. حالا به سراغ فايل ذخيره شده ميرويم، اگر در سيستم عامل ويندوز اينکار را انجام داده ايد، آن فايل بايد آيکون مرورگر اينترنت اکسپلورر را داشته باشد، روي فايل کليک کنيد تا باز شود، همانطور که مشاهده ميکنيد مرورگر وب شما باز ميشود تا اطلاعات آن صفحه را نمايش دهد. اگر داخل صفحه فقط نوشتهايي که بين تگ body وارد کرده ايد را مي بينيد پس بايد به شما تبريک بگويم و از اين به بعد بايد به خودتان بيشتر توجه کنيد. اگر هم غير از آن مي بينيد يا چيزي مشاهده نميکنيد، مراحل گفته شده را دوباره انجام دهيد.
پاسخ : آموزش مقدماتي و پيشترفته Html افزودن متن به صفحه همانطور که دربخشهاي قبل گفته شد، هرمتني را بين تگهاي <body>وارد کنيد بعد از ذخيره آن فايل با پسوند.html يا.htm و هنگام نمايش فايل در مرورگر آنرا مشاهده خواهيد کرد که متن مورد نظر با تنظيمات مرورگر نمايان خواهد شد. ولي ما با استفاده از تگهاي اين عنصر کنترل نمايش نوشته ها را بدست خود ميگيريم تا همان چيزي که مورد نظر ما است نشان داده شوند. تگهاي متن را ميتوان به دو دسته تقسيم کرد، تگهاي اوليه که بيشتر وظيفه خط بندي، پاراگراف بندي و يا تنظيمات در ارتباط با متن را به عهده دارند و تگهايي که شکل و آرايش حروف را کنترل ميکنند که به آنها formatting مي گويند. بهتر است که Notepad يا هر برنامه ويرايشگر متن را که داريد باز کنيد و هر کدام از اين تگها را امتحان کنيد تا کاربرد آنها در ذهن شما جاي گيرد.
پاسخ : آموزش مقدماتي و پيشترفته Html <br> براي خط بندي از اين تگ استفاده ميشود و متن بعد از آن به يک خط پايين تر منتقل ميشود که نيازي به تگ پايان دهنده هم ندارد. line breakThis is an example for line break tag.
پاسخ : آموزش مقدماتي و پيشترفته Html [h=2][/h] p> پاراگراف بندي متن را به عهده دارد و فاصله بيشتري را نسبت به <br> بين خطوط ايجاد ميکند. اين تگ داراي خصوصيت align= " " ميباشد که محل قرارگيري پاراگراف را در يک سطر کنترل ميکند و با کلمات "left", "center", "right", "justify"مقداردهي ميشود. <p align="left">...</
پاسخ : آموزش مقدماتي و پيشترفته Html <center></center> همانطور که از اسمش پيداست متن بين اين دو تگ در وسط يک سطر قرار خواهد گرفت، البته اين تگ را براي عناصر ديگر وب نيز ميتوان بکار برد
پاسخ : آموزش مقدماتي و پيشترفته Html <pre></pre> مرورگرها فاصله هر کلمه را در حد استاندارد نشان ميدهند و اگر شما بخواهيد که يک متن با فاصله هاي زيادي نمايش داده شود يعني آنطور که ميخواهيد نشان داده شود از اين تگ استفاده ميکنيد
پاسخ : آموزش مقدماتي و پيشترفته Html <h1></h1> به اين تگHeading مي گويند و براي مشخص کردن سرفصلها و تيترها بکار ميرود. اين تگ از عدد يک تا شش درجه بندي دارد که عدد يک بزرگترين حد و شش کوچکترين حد حروف را نمايش ميدهند. در ضمن داراي خصوصيت " "=align ميباشند و با left, center , right مقداردهي ميشود
پاسخ : آموزش مقدماتي و پيشترفته Html hr> اين تگ روي خود متن کاري صورت نميدهد و فقط با ترسيم يک خط افقي آنها را از هم جدا ميکند که داراي خصوصيات زير ميباشد. width=" "طول خط را کنترل ميکند که هم با عدد در مقياس پيکسل و هم با درصد ميتوان مقدار دهي کرد. align=" " که محل قرار گيري خط در يک سطر را کنترل ميکند. color=" "رنگ خط که ميتوانيد اسم رنگ يا کد هگز رنگ را بنويسيد. size=" " اين خصوصيت ضخامت خط را تعيين ميکند که هرچه عدد بزرگتر باشد ، ضخامت بيشتر است. بصورت پيش فرض خط داراي سايه ميباشد و اگر خصوصيت noshade را به تگ اضافه کنيد ديگر سايه را نشان نميدهد
پاسخ : آموزش مقدماتي و پيشترفته Html <div></div> اين تگ کاربرد فراواني براي مدل دادن به متن دارد و مانند تگ <br> آن قسمت از متن را جدا ميکند وبه خط بعد منتقل ميکند . خصوصيت style=" " در اين تگ توانايي اعمال يک الگوي خاص در آن قسمت از متن را ميدهد. بطور مثال هر گاه کاربر نشانگر موس را روي آن متن برد ، نوشته هاي ما خط دار شود، البته هر نوع Style که تعريف شود همان را بکار ميبرد.
