no-img
ایستگاه یادگیری

مقدمه ای بر ساخت صفحه ی وب توسط html | ایستگاه یادگیری


ایستگاه یادگیری
مطالب ویژه‌ی سایت
اطلاعیه های سایت :

ادامه مطلب

ZIP
مقدمه ای بر ساخت صفحه ی وب توسط html
zip
خرداد ۵, ۱۳۹۴

مقدمه ای بر ساخت صفحه ی وب توسط html


ساخت صفحه ی وب 

به نام خدا

سلام و خسته نباشید به تمام کاربران عزیز ایستگاه یادگیری

امروز اولین مقاله ام رو در سایت منتشر میکنم که امیدوارم بکارتون بیاد

دوستان یکی از مهم ترین چیز هایی که یه برنامه نویس و یا یک طراح وب ویا حتی یک دیزاینر باید بدونه، طراحی صفحات html هست

شما اگر یک طراح وب هستید ، باید بدونید که چطور صفحات وب رو بسازید، گرافیست باید بتونه بنر هایی درست کنه که در وب کاربرد داشته باشه و همینطور برنامه نویس باید از صفحات و کد ها استفاده کنه

پس میشه گفت الفبای وب ، زبان html هستش

در ادامه این مقاله با ما همراه باشید.

چهار روش اصلی برای طراحی صفحات وب موجوده که در ادامه ، هر چهار مورد رو به اختصار بررسی میکنیم:

۱-استفاده از زبان html:

زبان html زبان تگ هاست.

شما برای نوشتن متون و یا قرار دادن لینک و تصویر در وب باید از تگ ها استفاده کنید.

ساختار کلی این زبان به صورت زیر هست

<html>
<body>
this is a test
</body>
</html>

برای مثال اگر شما میخواهید یک صفحه با پس زمینه سبز و نوشته ای با رنگ مشکی داشته باشید از قطعه کد زیر استفاده میکنید.

<html>
<body bgcolor="green">
<font color="black" size="30">
this is a test
</font>
</body>
</html>

و متن خروجی به شکل زیر در میاد

 

همچنین شما میتونید این کد ها رو در notepad کپی کرده و فایل را با پسوند htm. ذخیره کنید و با اجرای این فایل، شما در مرورگر صفحه وب را خواهید دید.

برای بادگیری و یا اطلاعات بیشتر درباره تگ های Html به سایت w3schools.com مراجعه کنید.

۲- استفاده از microsoft office word:

مسلما نام این نرم افزار به گوشتون خورده

شما میتونید متن خودتون رو در نرم افزار word تایپ و طراحی کنید و سپس به منوی File رفته و بر روی save as کلیک کنید

در کادر باز شده و در قسمت :save as type بر روی web page کلیک کنید.

۳- استفاده از نرم افزار های WYSIWYG :

این نرم افزار ها ، در حین اینکه شما متن رو تایپ میکنید، متن رو به تگ های html/css تبدیل میکنن

مانند نرم افزار WYSIWYG WEB BUILDER و یا ویرایشگر متن وردپرس

برای استفاده از نرم افزار WYSIWYG WEB BUILDER باید ابتدا با توجه به نیازتون اشیا رو به صفحه وارد کرده و سپس مکانشون رو تایین کنید و بعد از این کار با راست کلیک کردن روی میحط background ، گزینه ی page HTML کلیک کنید و در این قسمت میتونید تمامی کد های صفحه تون رو مشاهده کنید.

۴- استفاده از محیط های کد نویسی:

اینگونه نرم افزار ها ، به دانش کد نویسی نیاز دارن و شما باید برای هر شیئ ، کد مروطه اش رو بنویسیید(مکان،استایل ها و …)

از جکله این نرم افزار ها میتونیم به نرم افزار های معروفی همچون microsoft front Page و یا Adobe Dreamweaver اشاره کرد.

جمع بندی: 

اگر شما مایل به یادگیری و کار اصولی با طراحی وب هستید بهتره که کد های html رو یاد بگیرید و در محیط های کد نویسی از اونا استفاده کنید

اما اگر به html به صورت مقطعی و مثلا برای ارسال یک ایمیل یا ساخت یک کتاب نیازمندید ، میتونید با نرم افزار هایی مانند word و یا ویرایشگر WYSIWYG استفاده کنید.

موفق باشید.

اختصاصی ایستگاه یادگیری

[Google]



موضوعات :
HTML , مباحث تحت وب

درباره نویسنده

شهاب الدین اسکندری هستم...علاقه مند به برنامه نویسی(وب،اندروید،دسکتاپ)،گرافیک و طراحی وب.سوالاتتون رو بپرسید shahabeskandary16@gmail.com

شهاب اسکندری 10 نوشته در ایستگاه یادگیری دارد . مشاهده تمام نوشته های

دیدگاه ها


3 پاسخ به “مقدمه ای بر ساخت صفحه ی وب توسط html”

  1. عالی بود
    البته Adobe Dreamweaver نرم افزاری هست که بدون داشتن دانش html هم میتونید صفحات وب و وبسایت ایجاد کنید
    و فقط به html محدود نمیشه :)
    با تشکر

  2. شهاب اسکندری گفت:

    قربانت عزیزم
    پیش نیاز آموزش های بعدیمونه :)

  3. مهدی کفشگرمدیر سایت گفت:

    بسیار عالی و کاربردی بود شهاب جان ممنون.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سایت جدید ایستگاه یادگیری تاسیس شد..! (پشتیبانی از محصولات ادامه دارد)ورود به سایت