مقدمه ای بر CSS

گام بعدی ما در طراحی سایت یادگیری( CSS :Cascading Style Sheets) است که ابزاری کلیدی برای طراحان امروزی وب محسوب می‌شود.

CSS چیست؟

CSS مخفف کلمات «Cascading Style Sheets» به معنی شیوه‌نامه‌های آبشاری است. CSS خواهر خوانده زبان کد نویسی HTML است که امکان می‌دهد صفحات وب‌تان را قالب بندی کنید. نمونه‌ای از تغییر در قالب بندی تیره کردن کلمات است. در HTML استاندارد می‌توانید از تگ <b> برای این‌کار استفاده کنید:

<b>make me boldb>

مباحث متفرقه در طراحی وب سایت:قسمت اول

چک لیست پروازی طراح وب

من همیشه در وب‌سایت‌ها دنبال این نکته‌ها می‌گردم:

1. طراحی/ ساختار تمیز با قابلیت به روز‌رسانی آسان.

2. قابلیت استفاده خوب در طراحی وب- و هر چه به این مقوله ربط داشته باشد.

3. صفحات «سبک» با بارگذاری سریع.

4. استفاده هوشمندانه از تکنولوژی- استفاده از فلش زمانی که به آن احساس نیاز می‌کنید نه وقتی می‌خواهید یک معرفی «با حال» داشته باشید!

5. توانایی وب‌سایت در انتقال معنا/ پیام وب‌سایت در کمترین سرعت، اگر چه فوراً نباشد.

ساختن وب سایت_قسمت پنجم

خلاصه فرایند ایجاد وب سایت- ادامه

8. ثبت نام دامنه وب سایت

ثبت نام دامنه می تواند از آن چیزی که شما فکر می کنید مشکل تر باشد، زیرا بسیاری از نام دامنه های خوب تا کنون فروخته شده اند. تا حد بسیار زیادی می توانید نام دامنه های تک کلمه ای مانند “buisine.com” یا “acutions.com” را فراموش کنید زیرا این نام دامنه ها 

ساختن وب سایت_قسمت چهارم

خلاصه فرایند طراحی وب سایت- ادامه

6. وب سایت خود را بسازید

ساختن وب سایت_قسمت سوم

خلاصه فرایند طراحی وب سایت- ادامه

3. متون داخل وب سایت خود را نگارش کنید

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

نکته مهم دیگر این است که قبل از بارگذاری متون بر روی سایت، حتما متن خود را بررسی کرده و نهایی کنید، چون ایجاد تغییر در متن در نرم افزارهای واژه نگار بسیار آسان تر از ایجاد تغییر در یک صفحه HTML است.

درباره وبلاگ

وبلاگ ساناتک متعلق به تیم فنی «طراحی سایت ساناتک» می باشد و از شهریور سال 1393 شروع به کار کرده است.

هدف این وبلاگ به شرح زیر است:

• انتشار مطالب آموزشی و نکات کلیدی کمتر مطرح شده در دنیای وب به زبان فارسی
• انتشار اخبار و پیشرفت های سازمانی و فنی شرکت مهندسی ساناتک

امیدواریم بتوانیم با ارائه مطالب مفید و به روز، گامی هر چند کوچک برای پیشرفت صنعت رو به رشد وب در ایران برداریم.

سید محمد میرزاده - مدیر فنی طراحی سایت ساناتک

منبع: درباره وبلاگ

ساختن وب سایت_قسمت دوم

نشانی وب (URL) مطلق در مقایسه با نشانی وب نسبی

آیا می توانید حدس بزنید نشانی وب مطلق صفحه اینترنتی با عنوان "bookcases.html" چه می شود؟ این نشانی برای نام دامنه"www.mystore.com" خواهد بود:

http://www.myStore.com/products/bookcases.html

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

 

نشانی وب نسبی

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

products/bookcases.html

در واقع شما به موتور های جستجو می گویید که صفحه ای از html که می خواهید بارگذاری شود در پوشه محصولات قرار دارد. با لینک ها و پوشه های وب سایت خود آنقدر بازی کنید تا همه چیز برایتان روشن شود. این امر مهم است زیرا اگر آدرس ها را اشتباه وارد کنید، صفحات بارگذاری (load) نخواهند شد.

از آنجایی که صفحه contact.html در یک سطح با صفحه index.html قرار دارد، تنها کافی است نام فایل html را در لینک آدرس قرار دهیم.

خلاصه فرایند ساخت وب سایت

حالا که تا اندازه ای با مسائل ابتدایی و تئوری طراحی وب سایت آشنا شدیم، وقت آن است به سراغ 10 گامی برویم که برای ساخت و بالا آوردن سایت در تارنمای جهانی (World Wide Web) به آنها نیاز خواهید داشت.

ساختن وب سایت_قسمت اول

حال که صفحه اول سایت را ایجاد کردیم و برخی از اصول اولیه را در نظر گرفتیم، می توانیم به سراغ طراحی وبسایت برویم.

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

<a href=”…”></a>

And here is an example of the link tag with a destination filled in:

<a href=” http://www.killersites.com “>Go to killersites.com</a>

طراحی سایت براساس رابط کاربری وب

رابط کاربری

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

طراحی سایت های نامنظم :

تبلیغات در اینترنت چه اهمیتی دارند؟

تبلیغات در اینترنت

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

7 راهکار برای کاهش هزینه های طراحی و توسعه وب سایت

کاهش هزینه های طراحی وب سایت

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

ساخت اولین صفحه ی وب _ قسمت سوم

زمانی برای ساخت اولین صفحه HTML به صورت دستی

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

ساخت اولین صفحه ی وب _ قسمت دوم

نمودار برچسب (تگ)

ممکن است متوجه شده باشید که برچسب‌های HTML به صورت جفتی می‌آیند؛ HTML هم یک تگ شروع (باز) دارد (<نام تگ>) و هم یک تگ پایان (بسته) (<نام تگ/>). تنها تفاوت میان تگ باز و بسته است این است که تگ بسته دارای یک علامت ممیز اضافه است.

ساخت اولین صفحه ی وب _ قسمت اول

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

سه روشی که می‌توان با آن یک صفحه وب ساخت

با طراح وب سایت تان ارتباط موثر برقرار کنید؟!

چگونگه نیازهایتان را به طراح وب سایت تان بگویید؟

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

فقط طراحی وب، یا طراحی وب زیبا؟!!

اولین چیزی که بعد از شنیدن کلمه ی طراحی وبسایت به ذهن شما می رسد چیست؟

    زیبایی وب سایت ؟

    جذابیت طراحی آن؟

    رنگ آمیزی طرح های به کار رفته؟

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

در این مطلب قصد دارم نکاتی را برای هرچه تاثیر گذارتر کردن یک وب سایت به شما ارائه دهم.

مطالبتان را از دزدی ادبی حفظ کنید؟!

چگونه از مطالبتان در وب سایت محافظت کنید

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

از موتور های جستجو چه می دانید؟

موتورهای جستجو

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

در ابتدا لازم است بدانیم که  رتبه ی سایت ما در موتورهای جستجو چند است؟ یا سایت شما در کدام صفحه از موتور جستجو به نمایش گذاشته می شود؟

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

10 عامل در شکست یک سایت به ظاهر خوب!!!

قطعا شما هم مثل من مطالب زیادی درباره ی دلایل موفقیت یک سایت دیده اید اما تا به حال به این نکته اشاره ای نشده است که چرا یک سایت شکست می خورد؟

۱- طراحی بد

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

9 اصل مهم در طراحی سایت های ریسپانسیو

اصول مهم در طراحی سایت ریسپانسیو

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

در مقاله قبلی به تفضیل طراحی سایت های ریسپانسیو و مزایای آن را توضیح داده ام و در این مقاله به 9 اصل مهم در طراحی ریسپانسیو اشاره می کنم که رعایت آن از سوی طراحان عزیز بسیار ضروری است: