Xگروه بین المللی HSE IRAN
گروه بین المللی ایمنی بهداشت
مرجع اطلاعات کامپیوترواینترنت :: آموزش طراحی سایت برای کودکان قسمت 1
 
 

آخرین اخبار
ارائه مقاله با نام خودتان
اموزش شبکه کامپیوتری
اموزش تکنیک های افزایش بازدیدسایت
تجارت الکترونیک
هک وامنیت
اموزش طراحی وب سایت
خوش آمد گویی به خوانندگان ونویسندگان عزیز
قاب تلفن همراه ضدجاذبه با فناوری نانومکش
برگزاری نمایشگاه رباتیک درمسکو
پیش فروش ۱۰۴ آپارتمان در ۴ ساعت از طریق بازاریابی چریکی
چرا لینکدین سایت آموزش آنلاین لیندا را ۱٫۵ میلیارد دلار خرید؟
چگونگی تبلیغات موثرانلاین بخش اول
گول متدهای هوشمندانه افزایش لایک درلینکدین نخورید
اطلاعاتی مفید در مورد گوگل
آینده سئو سایت از دید گوگل
اسپمر ها و پنالتی شدن وب سایت توسط ان ها
تاثیر سرعت بارگذاری صفحات وب سایت در سئو
نحوه بازنشرصحیح مقالات از سایتها(نحوه جلوگیری ازاشتباه فاحش)
اموزش تصویری گوگل انالیز
 


پانل کاربری
فراموشی کلمه عبور
عضویت
 


گزیده خبرها


ارائه مقاله با نام خودتان

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

:: ادامه خبر



اموزش شبکه کامپیوتری

بنام خدا
آموزش انواع مدل های شبکه کامپیوتری و وای فای ومقالات علمی وجذاب پیرامون محاسبه برد شبکه های وای فای

:: ادامه خبر



اموزش تکنیک های افزایش بازدیدسایت

بنام خدا
بررسی و اموزش چگونگی افزایش رتبه یا افزایش بازدیدسایت یا همان افزایش رتبه (رنکینک)یا همان سئوبهینه سازی سایت

:: ادامه خبر



تجارت الکترونیک

بنام خدا
آموزش و گرد آوری مقالات جذاب و کاربردی پیرامون تجارت الکترونیک
کلیک کنید

:: ادامه خبر



هک وامنیت

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

:: ادامه خبر

 


سازمان های مرتبط
 


پربازدیدترین مطالب
 


نظر سنجی
 

 

 

   

مشروح جزئیات

» آموزش طراحی سایت برای کودکان قسمت 1

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

وب چطور کار می کنه؟

برای شروع اول باید یک قدم به عقب برگردیم و به این موضوع فکر کنیم که اصلاً وب چطور کار می کنه؟ وقتی دو کامپیوتر، به اینترنت (خط زرد رنگ در عکس پایین) وصل هستن می تونن با هم ارتباط برقرار کنن. یک سرور (که در عکس زیر به شکل یک جعبه ی آبی رنگ هست) یک کامپیوتر مخصوصه که فایل های صفحات وب رو نگه داری می کنه. کامپیوتری که شما توی خونه و یا مدرسه ازش استفاده می کنید، سرور نیست چون مستقیم به اینترنت وصل نیست. ما با استفاده از یک ISP که مخفف  Internet Service Provider و به معنی رساننده ی خدمات اینترنتیه، به اینترنت وصل می شیم. آی اس پی ها شرکت هایی هستن که کامپیوتر شما رو با استفاده از خط تلفن یا روش های دیگه، به اینترنت وصل می کنن (مثل پارس آنلاین، شاتل، داتک و ...)

محتوای یک سایت (یعنی همه ی چیزهایی که توی یک سایت وجود داره) با مجموعه ای از قانون های مخصوصی کنار هم چیده شدن که کامپیوتر ها این قوانین رو می فهمن. مثل صحبت کردن به یک زبان رمزی! البته ما هم به زودی از راز این زبان، سر در میاریم!
الان که شما دارین این آموزش رو می خونید، مرورگر از سرور (یعنی جایی که فایل های صفحه ی وب وجود دارن)، می خواد که صفحه ی www.sokanacademy.com رو نشون بده، سرور این فایل ها رو می فرسته و مرورگر اون ها رو برای نشون دادن روی صفحه ی کامپیوتر، رمزگشایی می کنه. شاید براتون سوال شده که اصلاً مرورگر چیه ! مرورگرها، نرم افزار هایی هستن که توی کامپیوتر شما نصب شدن و با استفاده از اون ها می تونید سایت های اینترنتی رو ببینید. اینترنت اکسپلورر، گوگل کروم و فایر فاکس، مرورگر های معروفی هستن که شما حتماً یکیش رو توی کامپیوترتون دارید. البته همه ی این اتفاق ها خیلی سریع می افتن. به این مراحل، برقراری ارتباط و یا به اشتراک گذاری اطلاعات می گن.
برای گذروندن این مراحلی که بالاتر توضیح دادیم، سایتی که شما در کامپیوتر خودتون می سازین رو افراد دیگه با کامپیوتر های دیگه نمی تونن ببینن، مگر اینکه شما اون رو به یک سرور منتقل کنین.
کار یک طراح وب چیه؟

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

قراره چیکار کنیم؟

در این مجموعه، ما می خوایم یک وب سایت برای معرفی یک شهر بسازیم. این شهر به یه مکانی نیاز داره تا توریست ها قبل از وارد شدن به شهر، بتونن درباره ی اون اطلاعات بیشتری به دست بیارن (عکس زیر پیش نمایشی از این سایته.) این سایت همه ی نکته هایی که می خوایم در مورد طراحی وب سایت یاد بگیریم را بهتون یاد میده و برای اولین کار، تجربه ی جالبیه!
طراحی اولیه و ساختن سایت

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

شکل دادن به سایت

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

نقشه ی این مجموعه ی آموزشی

عکس بالا، نقشه ی مسیریه که باید برای ساخت وب سایتمون طی کنیم. هر قسمت، یک مقدمه داره و به قسمت های کوچیک تر تقسیم می شه.

مقدمه

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

ساختن یک وب سایت

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

HTML که مخفف HyperText Markup Language است، همان زبان رمزیه که قبلاً درباره ی اون صحبت کردیم. این زبان به مرورگر های ما کمک می کنه تا فایل های وب سایتمون رو بفهمن و نمایش بدن. همه ی چیزهایی که ما در سایتمون داریم، در درون اجزاء HTML قرار دارن. این اجزاء، مثل کلمه های این زبان هستن که هر کدام معنی خاصی دارن و چیزهایی که ما در صفحه ی وب سایتمون داریم رو توصیف می کنن.
فعلاً درباره ی معنی این کد ها فکر نکنید و نگران نباشید. هر وب سایتی از یک بخش نوشتاری تشکیل شده که با استفاده از این زبان نوشته میشه.
زبان سی اس اس

CSS مخفف Cascading Stylesheets است و به ما اجازه می ده تا شکل ظاهری وب سایتمون مثل فونت ها و رنگ ها رو مشخص کنیم و کاری کنیم تا وب سایتمان جذاب باشه و بازدیدکننده ها به راحتی بتونن ازش استفاده کنن. سی اس اس هم مثل اچ تی ام ال یک زبانه که برای خوشکل کردن ظاهر سایت ها ازش استفاده می کنن.
صفحه آرایی با CSS

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

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

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

تایپوگرافی

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


رنگ

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


پایان مجموعه

این مجموعه رو با درسی در مورد اینکه چطور وب سایتمون رو به یک کامپیوتر سرور منتقل کنیم، تموم می کنیم. این کار خیلی مهمه و باعث می شه تا دوستان و اعضای خانواده ی شما بتونن با کامپیوتر خودشون اون رو در اینترنت ببینن. پس به زودی شما را خواهیم دید. در درس بعدی یاد می گیریم که چطور سایت رو با استفاده از HTML بسازیم.

حالا اماده ایدبرویم قسمت دوم طراحی سایت کلیک کنید قسمت دوم

منبع:سکان اکادمی



» تاریخ انتشار : 1394/06/29
» بازدیدها : (0)
» نظرات : (0)
نظرات

پست نظرات
نام:


ایمیل:


عنوان:


نام سایت:


نظرات:

كد:


جدیدترین گزارشات


اطلاعاتی مفید در مورد گوگل

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

:: ادامه خبر



آینده سئو سایت از دید گوگل

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

:: ادامه خبر



اسپمر ها و پنالتی شدن وب سایت توسط ان ها

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

:: ادامه خبر

 
 
 
 
اخبار علمی جدید


ايده هاي كارآفريني براي راه اندازي كسب و كارهاي اينترنتي

اگر به کارآفرینی و راه‌اندازی یک کسب و کار علاقمندید ولی نمی‌دانید از کجا شروع کنید یا نگران بودجه اولیه آن هستید، کسب و کارهای اینترنتی گزینه‌ی خوبی برای شروع هستند. هزینه‌های راه‌اندازی اینگونه کسب و کارها به نسبت کم و دامنه‌ی کسب و کارهایی که  

:: ادامه خبر



آموزش سئو اهرم ایجاد پیوند و رسانه های اجتماعی برای تجارت الکترونیک

‫ساخت لینک و جلب توجه مردم‬ به محتوای تجارت الکترونیک میتواند دشوار باشد‬ ولی با کمی خلاقیت، شما میتوانید‬ فرصتهای با ارزشی را پیدا کنید که‬ به موتورهای جستجو و همچنین بازدید کنندگان شما کمک میکند.‬ 

:: ادامه خبر



ویژگی‌های یک طرح کسب و کار موفق

تعریف: طرح کسب و کار سندی مکتوب است که جزئیات کسب و کار پیشنهادی را مشخص می‌کند. این سند باید ضمن تشریح موقعیت کنونی، نیازها، انتظارات و نتایج پیش‌بینی شده را شرح دهد و کلیه جوانب آن را ارزیابی کند.

:: ادامه خبر



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

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

:: ادامه خبر



روش اندازه گیری پیشرفت خودبعدازراه‌اندازی یک گروه بازاریابی

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

:: ادامه خبر

 
 
   
جستجوی اخبار
جستجو در محتوا   
 
 
   
وضعیت آب و هوا


 
 
   
اوقات شرعی
 
 
   
آلبوم های تصاویر
 
 
   
آمار سایت

» بازدید امروز : 57
» بازدید دیروز : 125
» بازدید هفتگی : 617
» بازدید ماهیانه : 1878
» بازدید سالانه : 7859
» کل بازدیدها : 48590

 
 
   
   
  Copyright @ 2012 IranWebService.