انجمن های تخصصی علوم رایانه و هنرهای دیجیتال
آموزش طراحی وبسایت با html قسمت 1 - نسخه‌ی قابل چاپ

+- انجمن های تخصصی علوم رایانه و هنرهای دیجیتال (https://www.forum.cgaria.com)
+-- انجمن: رایانه (https://www.forum.cgaria.com/forum-236.html)
+--- انجمن: برنامه نویسی | طراحی وب (https://www.forum.cgaria.com/forum-22.html)
+---- انجمن: طراحی صفحات وب (https://www.forum.cgaria.com/forum-27.html)
+----- انجمن: صفحات استاتیک (https://www.forum.cgaria.com/forum-69.html)
+----- موضوع: آموزش طراحی وبسایت با html قسمت 1 (/thread-637.html)



آموزش طراحی وبسایت با html قسمت 1 - محمد علی - 18-09-2014

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


مقدمه:

HTML مخفف "HyperText Markup Language" است. HTML زبانی است که از آن برای نوشتن صفحات وب ایستا (استاتیک) استفاده می شود. این زبان برای مشخص کردن عناصر مختلف صفحه از یک سری تگ (برچسب) استفاده می شود. برای مثال برای اینکه یک تصویر را واصرد فحه کنیم از برچسب <img> استفاده می کنیم و برای مشخص کردن یک پاراگراف متن مورد نظر خود را بین تگ <p> و <p/> قرار می دهیم. بدین وسیله مرورگر اینترنت می تواند عناصر مختلف صفحه را شناسایی کند و آنها را نمایش دهد. مرورگرهای اینترنت کدهای HTML را دریافت می کنند و پس از تفسیر آنها را به صورت یک صفحه وب به نمایش در می آورند.


قسمت اول:

شما میتوانید برای طراحی صفحات وب خود از یک نرم افزار قوی برای کد نویسی استفاده نمایید که من در اینجا نرم افزار Macromedia Dreamweaver 8 به شما معرفی میکنم و این نرم افزار لظوما بهترین نرم افزار در جهت کد نویسی html است



قدم اول:

ما برای کد نویسی html نیاز به چند تا کد برای شروع داریم که به این گونه تعریف میشود:

کد:
<html>

<html/>
در بین دو تگ html دو تگ head برای قسمت بالایی سایت تعریف میشود


کد:
<html>
<head>

<head/>

<html/>
, و کد های body را هم تعریف مینماییم


کد:
<html>
<head>

<head/>
<body>

<body/>

<html/>

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