از آنجا که html مهمترین زبان برای برنامه نویسی می باشد بهتر است از قسمت آموزش html شروع کنید.

از آنجا که طراحی سایت نیازمند آموزش html و آموزش css می باشد در این وب سایت آموزش آنها را برای شما به طور کامل توضیح داده ایم.

در زبان اچ تی ام ال دستورات را وارد تگ یا همان برچسب می کنیم که هر کدام از این تگ ها کارایی خاص خود را دارند.دانش کافی از Html ( آموزش html ) و Css ( آموزش css ) باعث می شود که وب سایت شما در بین جستجوگرهای گوگل در لینک های بالاتر قرار بگیرد بنابراین دانستن کاربرد آنها و همچنین قابلیت نمایش در همه ی مرورگرها بسیار مهم می باشد.

مقالات زیر مقدمه آموزش طراحی سایت می باشد:

• آموزش Html
• آموزش Css
• سئو

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

همه ی افرادی که می خواهند تجارت خود را گسترش دهند و همچنین می خواهند خود را در عرصه ی وب معرفی نمایند می توانند با طراحی وب به هدف خود دست یابند.

در این قسمت می خواهیم شما را با نحوه طراحی وب سایت و همچنین مواردی که باید آن ها را یاد بگیرید آشنا کنیم.
افرادی که می خواهند آموزش طراحی سایت را فرا بگیرند باید با یکسری برنامه ها از جمله photoshop , xara 3d و سایر برنامه ها آشنا باشند.
توجه داشته باشید  سایتی که طراحی می کنید قابل اجرا در تمام مرورگرها باشد.به خاطر داشته باشید که برای نشان دادن صفحات وب در مرورگر باید از پسوند htm,mht,php,aspx باشد در غیر این صورت متن شما در notepad به همان صورت باقی می ماند و در مرورگر نمایش داده نمی شود.
 هرچه ما در کد html و تگ های آن آشنایی داشته باشیم می توانیم طراحی سایت بهتری را انجام دهیم.

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

برای طراحی سایت باید به زبان html ( آموزش html ) و css , javascript ( آموزش css ) آشنایی داشت.یادگیری این زبان ها با تمرین زیاد و تسلط کامل امکان پذیر خواهد بود.هرچه تسلط بیشتری داشته باشید خلاقیت بیشتری از خود نشان خواهید داد.

برای نوشتن تگ ها بهتر است ابتدا آن ها را داخل notepad وارد کنید.همچنین برای بهینه سازی سایت بهتر است حجم صفحات کم باشد برای اینکار بهتر است عکس های کم حجم انتخاب کنید این کار سرعت لود شدن پیج شما را افزایش می دهد برای این کار می توانید از برنامه Adobe photoshop و یا Xara 3d استفاده کنید.فراموش نشود که یک وب سایت استاندار باید در همه ی مرورگرها از جمله mozila firefox,internet explorer,goole chrome,opera قابل اجرا باشد.

در بخش آموزش html تمامی بخش های موردنیاز را برای شما توضیح داده ایم.

•     Html چیست
•     تگ html
•     تگ a
•     تگ div
•     تگ table
•     تگ img
•     تگ لیست Ul,Li
•     تگ Table,Td,Tr
•     تگ Object,Param
•     تگ Frame,iframe,frameset
•     تگ Form,Input
•     تگ Select,Option,Optgroup
•     تگ Button,Label,Textarea
•     تگ توضیحات
•     تگ H1 - H6
•     تگ P,Br
•     تگ B,Hr,Sub,Sup,Center
•     تگ Fieldset,Legend
•     تگ Span
•     تگ Map,Area
•     متاتگ ها
•     تگ script
•     تگ Title
•     تگ Html,Head,Body
•     تگ Style
•     تگ Link

  css بیشتر جهت طراحی  عناصر مانند فونت ،ایجاد پس زمینه و ... استفاده می شود.از این زبان در کنار زبان html ( آموزش Html ) به کار می رود زیرا این دو مکمل یکدیگر می باشند؛هر دو در طراحی سایت کاربرد اساسی دارند.
سی اس اس نیز مانند html دارای دستورات خاص می باشد که در بخش آموزش Css آن ها را به طور کامل توضیح داده ایم.

•     Css چیست
•     طریقه نوشتن Css
•     ویژگی Width و Height در Css
•     ویژگی Background در Css
•     ویژگی FontFamily در Css
•     ویژگی Textcolor در Css
•     لیست ها در Css
•     خواص Border , Margin , Padding در Css
•     ویژگی Overflow در Css
•     ویژگی Position در Css
•     ویژگی Float و Clear در Css
•     ویژگی Cursor و Visibility و Display در Css
•     ویژگی Opacity در Css
•     واحدهای شمارش در Css
•     انتخابگرها در Css