آخرین مطالب
امکانات وب
طراحان وب يا همان معماران وب
معماري صفحات وب، توسط طراحان سايت، آنها به آرشيتکت هاي وب، تبديل کرده است.
مهدخت يافتيان? ديدگاهاصول طراحي وب سايت , ايده و خلاقيتدوشنبه, ??م خرداد , ????1767 بازديد
همه ما ديدي کلي از حرفه مهندسان معمار و آرشيتکت ها داريم. آنها ساعت ها با نرم افزار CAD،در ها، پنجره ها و ديوار ها را روي پلن هاي سطحي، طراحي مي کنند.
اما بعد از آشنايي با وظايف يک مهندس معمار و شباهت قابل توجه و متقاعد کننده، اين برداشت از اين موضوع به وجود مي آيد که، طراحان وب هم به نوعي مهندس معمار هستند.
براي زندگي،دفاتر و مکان هاي اداري و زمينهاي بازي، با در نظر گرفتن آخرين تکنولوژيها بنا مي کنند، دقيقا مشابه کاري که طراحان وب انجام ميدهند، پياده سازي ساختار وب، براي آسانتر شدن کار و بازي، براي مردم با استفاده از مدل هاي ديجيتالي .
طراحان وب ، مهندس معمار هستند
ما معمار هستيم - webtarget.ir
با بررسي مقالات مختلف موجود در وب در زمينه آشنائي با وظايف يک معمار، ليستي از کارها و وظايف روزمره يک مهندس معمار در زير نمايش داده شده است، با عنوان ” يک روز زندگي معماران “:
بحث و تبادل نظر در مورد اهداف، بودجه تعيين شده و احتياجات مورد نياز يک پروژه.
ارائه پيش طرح هاي گوناگون که ممکن است شامل انجام عمليات امکانسنجي و اثرات زيست محيطي باشد، انتخاب سايت يا تعيين نيازهايي لازم براي طرح.
ارائه طرح ها و نمايش ايده هاي موجود براي بررسي مشتري.
توسعه ساختار نهايي برنامه و پلن را که ظاهر ساختمان را به همراه جزئيات ساخت مشخص مي کند.
انجام تغييرات مورد نياز در حين روند انجام پروسه ي برنامه ريزي شده.
وظايف روزمره در ليست بالا را مي توان به راحتي با وظايف موجود در طراحي وب(چه به عنوان يک آزاد کار يا فري لنسر يا چه به عنوان يک کارمند در يک سازمان بزرگ )، مطابقتش داد. ليست اصلاح شده از وظايف يک طراح وب با استفاده از الگوي وظايف طراحان معمار که به صورت هفتگي انجام خواهد شد در زير نمايش داده شده است:
در مورد اهداف ، نيازمندي ها، بودجه مقرر شده براي طراحي وب يا انجام پروژه هاي موبايل، بحث و تبادل نظر مي کنند.
ارائه پيش طرح هاي گوناگون که شامل انجام بررسي هاي لازم امکانات وب سايت در مرور گر هاي مختلف، تجزيه و تحليل امکانات يا مشخص کردن احتياجات و نيازمندي هاي طراحي.
آماده سازي نمونه ها و نمايش ايده ها براي مشتري.
گسترش بخش هاي ظاهري وب سايت که به اندازه ي جزئيات، موثر در توسعه وب سايت ها است.
پيروي از انواع کد هاي به روز، استاندارد هاي وب ، دستورها و قوانين، و بهترين شيوه هاي طراحي وب.
انجام تغييرات لازم در حين روند برنامه ريزي و طراحي.
ما معمار هستيم - webtarget.ir
به راستي که طراحان وب و توسعه دهنده گان FROND- END نمونه اي از معماران وب هستند، در زمانهاي گذشته طراحان وب را با طراحان گرافيک مقايسه مي کردند. امروزه وب سايت چيزي فراتر از يک تبليغ يا محلي براي دريافت اطلاعات در مورد يک کار تجاري است.
سايت هاو اپليکيشن ها رسانه هاي غول پيکري هستند در واقع مردم براي تماشاي فيلم، خواندن کتاب، بازي کردن، کار بر روي پروژه ها و برقراري تعامل بين مشاغل به آنها مراجعه مي کنند. مانند ساختمان ها.
نه فقط طراحي گرافيک
اگر شما يک طراح وب هستيد يا يک توسعه دهنده وب اين مقاله در واقع بخشي از کارهاي روزمره شماست. در صورتي که تصميم داريدامکانات جالب و با کيفيتي را در وب سايت اجرا کنيد لازم است از قبل بدانيد که معماري (ساختار) وب سايت بخش اعظم موفقيت کلي پروژه شماست و درک اهميت آن قسمتي از اين کار بزرگ است.
ما معمار هستيم - webtarget.ir
طراحان وب نياز به چيزي فراتر از طراحي گرافيک دارند. طراحي گرافيک در واقع نقش تکميل کننده (بصري) وب سايت را داراست . مانند طراحي ساختمان که طراحی وبسایت بايد ابتدا به طراحي عناصر بزرگ و اصلي ساختمان فکر کند تا طراحي ودکوراسيون داخلي آن. در صورتي که تمايل به طراحي وبسايتي راداريد که در برابر تست مهمي به نام گذشت زمان مقاوم بماند و واقعا قابل استفاده براي مشتري و کاربران باشد، نياز است که در شروع کار به عناصر بزرگتر واصلي آن فکر کنيم.
همه ما بر روي وب سايت هايي که داراي ساختاري مناسب نبوده است کار کرده ايم يا با طراحان و توسعه دهندگاني که نمي دانستند که چگونه بايد ساختار وب را طراحي کنند همکاري کرده ايم. وقتي طراحان و توسعه دهندگان اين سوالات را جدي نمي گيرند يا فقط مي خواهند يک کاري را به سرعت و نا مرتب انجام دهند باعث مي شوند وب سايت را جوري پياده سازي کنند که قابليت بهينه سازي و توسعه ، تغيير و به روز رساني نداشته باشد. نکته واقعا مهم اين است که وب سايت حالت سيال و معلق دارد. هميشه در حال رشد ، تغيير پيشرفت است دقيقا مانند تکنولورژي هاي ساخت و ساز ساختمان.اين مهم است که مطمئن شويد ساختار سايت به درستي و با استحکام ساخته شده است که شما مي توانيد روي آن بخش هاي ديگه را پياده سازي کنيد و در صورت نياز آن را تغيير دهيد.
بهتراز اين باشيد.
ما معمار هستيم - webtarget.ir
ابتدا بهتر است سوال هاي مذکور در ليست بالا را در هنگام شروع پروژه جديد از خود بپرسيد. البته براي تبديل شدن به يک معمار وب خوب ، بايد مجموعه اي از کارها را انجام دهيد تا بهتر از ايني که هستيد باشيد و اين موضوع به سادگي قبول يک نگرش يا فلسفه جديد براي طراحي و توسعه وب سايت به شمار مي رود.
به همه پروژه ها به يک ديد نگاه کنيد يعني فرض کنيد که همه پروژه ها پروژه ي مورد علاقه شما هستند.علايق شخصي خود را نديده بگيريد.
هميشه براي يادگيري روش ها و تکنولورژي هاي جديد در طراحي آماده باشيد . از اطلاعاتي که يک من خاک روي انها نشسته استفاده نکنيد.
با افراد واقعا خلاق و نوآور کار کنيد.
از قبل براي انجام پروژه برنامه ريزي کنيد و براي انجام آن زمان هاي واقع بينانه در نظر بگيريد.
هميشه کار را تکميل شده فرض کنيد و نحوه استفاده کاربران از آن را تجسم کنيد.
در مورد انجام پروژه صبور باشيد ، در مورد کارمندان يا حتي خودتان.
عاشق کاري که انجام ميدهيد باشيد و روي پروژه هايي کار کنيد که مي تواند افتخار آميز باشند. اگر شما بتوانيد آن علاقه واقعي را در کار پيدا کنيد مي توانيد بهترين در کار خود باشيد. همين حالا ايراد يکي از بخشها در پروژه اخير خود را پيدا کنيد و آن را به بهترين نحو ممکن اصلاح کنيد. بگذاريد افتخار از دست رفته کارتان دوباره به آن بازگردد.
مسئول کارهاي خود باشيد، چه بد چه خوب.
تشنه پيشرفت پروژه ها و کارتان باشيد.
چيز هاي جديد ر ا هميشه امتحان کنيد حتي اگر هنوز روش انجام انها ثابت نشده است.
معمار بزرگ فقط علاقمند به طراحي يک ساختمان زيبا و دلنشين که به عنوان يک اثر با گذشت زمان پايدار باقي بماند نيستند، آنها علاقمند به عقب راندن مرزها و محدوديت هاي دانش معماري براي طراحي ساختنمان هاي با شکوه و به ميراث گذاشتن آنها براي مردم نيز هستند.
ما معمار هستيم - webtarget.ir
کار را جوري انجام ندهيد که فقط آن را انجام داده باشيد!
بعضي از روش طراحان وب به اين صورت است که کار را فقط براي اينکه انجام داده باشند ، انجام ميدهند. لازم به توضيح زياد نيست که اين ذهنيت، ذهنيت مناسبي براي معاري وب نيست.برنامه ريزي جلوتر، صبور بودن و تفکر در مورد مقياس و نحوه اجراي آن خيلي مهم است و نکته کليدي براي تبديل شدن به يک معمار وب بزرگ، است.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : armin webdesignsara4 بازدید : 236
انواع سايت
سايتها بر اساس کاربرد و نوع برنامه نويسي به چند دسته تقسيم مي شوند که عبارت است از :
سايتهاي ثابت (Static Website):
اين سايتها يکبار طراحي مي شوند و اطلاعات مورد نياز در داخل آنها قرار مي گيرد و پس از آن براي تغيير در آنها نياز به يک طراح حرفه اي يا نيمه حرفه اي سايت است. زبان برنامه نويسي اينگونه از سايتها غالبا HTML و Java Script هستند که در نوع توسعه يافته تر از CSS نيز بهره گرفته مي شود.
از آنجا که حجم کمتري از کد در طراحي سايتهاي ثابت استفاده ميشود سرعت بارگذاري (Loading) بالايي دارند. علاوه براين کاهش حجم کدها که باعث خوانايي بشتر سايت توسط رباتهاي جستجوگر ميشود از يک سو و کاهش زمان بارگذاري از سوي ديگر سبب طراحی بهتر شدن وضعيت آنها از لحاظ امتياز دهي موتورهاي جستجو يا همان "رنکينگ" مي شود. سايتهاي ثابت قيمت طراحي پايين تري را نيز عمدتا نسبت به ساير سايتها دارند.
عدم امکان ايجاد تغيير در اين نوع از سايتها توسط افراد عادي علاوه بر افزايش امنيت سبب بهرهمندي از گرافيک و ظاهري زيبا ميشود چرا که همه چيز ثابت است از جمله متون و اندازه تصاوير و همچنين همه عناصر مکان مشخص و ثابتي را دارند در نتيجه مي توان براي محل قرار گرفتن هر يک از اجزاء بهترين تصميم را گرفت.
اما از طرفي نيز عدم امکان ايجاد تغييرات توسط افراد عادي سبب ميشود تا امکان بروز رساني سايت توسط صاحبان و مديران سايت صلب شود.
نکته: سايتهاي ثابت (Static) براي افراد، شرکتها و سازمانهايي مناسب است که حداکثر يک يا دو بار در سال نيازمند به تغيير در محتواي سايت هستند.
سايتهاي پويا (Dynamic Website): محتواي سايتهاي دايناميک بعد از طراحي توسط افراد عادي که دسترسي به سيستم مديريت محتواي سايت را داشته باشند قابل تغيير است. زبان برنامه نويسي وبسايتهاي پويا ميتواند براساس نياز متفاوت باشد اما عمدتا از زبانهاي ASP ، ASP.Net و Php استفاده ميشود و از زبانهاي کمکي CSS و Silver light و يا Ajax براي ايجاد قابليتهاي ويژه نيز بهره گرفته مي شود.
در اينگونه از سايتها ابتدا اسکلت سايت توسط طراح ايجاد ميشود و سپس محتوا توسط مديران سايتها تغيير ميکند مانند فرم قراردادي که يکبار توسط فردي ايجاد ميشود و توسط افراد ديگري بارها تکميل مي شود، از اين رو طراح نسبت به محل قرار گرفتن و اندازه دقيق متون و تصاوير و ساير عناصري که بعداً توسط مديران سايتها تغيير ميکند اطلاع ندارد بنابر اين چاره اي ندارد جز اينکه همه حالات را در نظر بگيرد و اينکار سبب ميشود تاحدودي از گرافيک و جلوه سايت کاسته شود.
يکي از مزيتهاي سايتهاي دايناميک اين است که هيچ محدوديتي براي ايجاد، تغيير يا حذف مطالب، تصاوير و صفحات و غيره وجود ندارد.
با توجه به اينکه در سايتهاي پويا از زبانهاي برنامه نويسي پيشرفته استفاده ميشود امکانات زيادي در آنها قابل ايجاد است مانند ايجاد صفحات هوشمند، فرمها و جستجوهاي پيچيده.
استفاده زياد از کدها سبب کند شدن بارگذاري سايت و امتياز آن در موتورهاي جستجو مي شود.
نکته: سايتهاي پويا براي افراد، شرکتها و سازمانهايي مناسب است که بيش از دوبار در سال نياز به تغيير درمحتواي سايت را دارند.
پرتالها (Portal): پرتالها سايتهاي پوياي جامعي هستند که چند هدف خاص را در يک سايت دنبال مي کنند به عبارت ديگر مجموع چند سايت پويا که براي رسيدن به هدفي خاص در کنار هم قرار گرفته اند را مي توان پرتال ناميد. به عنوان مثال پرتال خبري مي تواند از چند سايت دايناميک تشکيل شده باشد که هر يک امکانات خاصي چون عضو گيري، انتشار اخبار، انتشار تصاوير، نظر سنجي و ... را در اختيار مديران آن قرار دهد.
تمام ويژگيهاي يک سايت پويا مي تواند در يک پرتال نيز صدق کند.
نکته: معمولاً پرتالها توسط سازمانها، گروهها و شرکتها خريداري مي شوند. به دليل نياز به بروز رساني بخشهاي مختلف اداره آنها توسط يک فرد بسيار مشکل است مگر آنکه به چشم يک کار حداقل پاره وقت به آن نگاه شود.
سايتهاي متحرک استاتيک و نيمه دايناميک (Static and Dynamic Flash Website): سايتهاي فلش يا متحرک دو نوع استاتيک و نيمه دايناميک هستند و توسط نرم‌افزارهاي خاصي ايجاد مي شوند در برخي موارد از XML يا Action Script براي ايجاد قابليتهاي تغيير يا هوشمندي در اين سايتها بهره گرفته مي شود.
به طور کلي سايتهاي فلش ثابت (استاتيک) غير قابل تغيير مي باشند و مانند سايتهاي ثابت يکبار توسط طراح ايجاد مي شوند و براي تغيير آن نياز است تا افراد به صورت حرفه اي يا نيمه حرفه اي از دانش طراحي فلش برخوردار باشند.
اما سايتهاي فلش نيمه دايناميک يا نيمه پويا مانند سايتهاي پويا عمل ميکند و قابل تغيير هستند اما تغيير در آنها به سادگي سايتهاي پويا نيست و وسعت ايجاد تغييرات نيز بسيار محدودتر است.
از مزيتهاي وب سايتهاي فلش جذابيت آنهاست. گرافيک زيبا و انيميشن‌هاي جذاب. اما از معايب عمده آنها ميتوان به عدم خوانده شدن اطلاعات موجود در آنها توسط رباتهاي جستجوگر و عمدتا سرعت بسيار پايين بارگذاري اشاره کرد.
نکته: سايتهاي فلش براي افراد و گروهها يا شرکتها و سازمانهايي مناسب است که نياز به تبليغات ندارند و عموم کاربران با آنها آشنا هستند مانند خوانندگان، سياست مداران، بازيگران و گروههاي موسيقي، هتلهاي معروف، مکانهاي توريستي.
سايتهاي مجهز به سيستم مديريت محتوا (Content Management Systems): سايتهاي مجهز به سيستم مديريت محتوا که در اصطلاح به CMS که مخفف Content Management System است مشهورند، وبسايتهايي از نوع پرتالها يا سايتهاي پويا هستند که براي مصارف خاص توسط طراحان حرفه اي و يا شرکتهاي طراحي حرفه اي ايجاد ميشوند.
تمام مزايا و معايب مربوط به سايتهاي پويا در مورد سايتهاي مجهز به سيستم مديريت محتوا صدق مي کند.
البته در نظر داشته باشيد که سايتهاي پويا و پرتالها نيز مجهز به سيستم مديريت محتوا هستند اما آنچه که در CMSها متفاوت است طراحي آنها و سيستمهاي مديريت محتواي آنها براي مصارف خاص است.
از مزاياي سيستمهاي مديريت محتوا نسبت به ساير سايتهاي دايناميک مي توان به آماده بودن و جامع بودن آنها اشاره کرد. از اين رو اغلب اينگونه از سايتها در کمتر از ? روز کاري قابل نصب و استفاده هستند.
وبسايت‌ها مزاياي فراواني را براي مديران و صاحبان خود به همراه دارند که مهمترين آنها به شرح زيرند:
تاثير سايت در اطلاع رساني:
داشتن يک سايت مانند داشتن يک کاتالوگ است اما با مزاياي فراوان ديگر. يک کاتالوگ مي تواند شامل تصاوير و متون باشد اما يک سايت ميتواند از تصاوير، متون، فيلم و صوت و يا انيميشن نيز بهره بگيرد بنابر اين امکان اطلاع رساني جامع با محتوايي جذاب تر را مي دهد. براي طراحي، چاپ و انتشار هر نسخه از کاتالوگ نياز به هزينه است اما براي يک سايت فقط کافيست هزينه اي بسيار پايين براي طراحي و نگهداري آن پرداخت شود و بعد از آن در طول سايت هزاران و يا ميليونها کاربر طراحی مي توانند بارها و بارها از آن بازديد کنند.
تاثير سايت در بازاريابي:
موتورهاي جستجو بدون هزينه براي شما بازاريابي مي کنند فقط کافيست رباتهاي آنها سايت شما را پيدا کنند و از آن پس زماني که فردي به دنبال هر يک از خدمات و يا محصولات و يا اطلاعات ارائه شده در سايت شما باشد، اين موتورها فرد را به سمت سايت شما هدايت مي کنند. ميزان بازديد کننده هدايت شده به سايت به پارامترهاي زيادي وابسته است اما در بدترين حالت چيزي در حدود ?? نفر در روز توسط موتورهاي جستجو به يک سايت هدايت مي شوند.
ايجاد قابليتهاي جديد تبليغاتي:
با داشتن يک وبسايت صاحبان و مديران آن وارد عرصه تجارت الکترونيک مي شوند و امکان استفاده از راهکارهاي تجارت الکترونيک براي آنها بوجود مي آيد از مهمترين اين قابليتها ميتوان به تبليغات اينترنتي، تبليغات در موتورهاي جستجوگر، تبليغات کليکي و تبادل بنر و لينک اشاره کرد.
در دسترس بودن:
سايت همواره با متقاضيان اطلاعات و محصولات يا خدمات قابل ارائه توسط آن فقط يک کليک فاصله دارد و در تمامي ساعات شبانه روز و روزهاي تعطيل نيز فعال است.
فعاليت در خارج از مرزهاي جغرافيايي:
امروزه يکي از ملزومات فعاليت بدون مرز سايت است و تقريبا هيچکس نمي تواند مدعي فعاليت خارج از مرزهاي جغرافيايي شود در حالي که وبسايتي ندارد.
درآمد زايي:
ميزان سودآوري و درآمد زايي سايتها به نوع سايت و اهداف آن بستگي دارد البته ميزان فعاليت صاحبان سايتها و بروز رساني و رسيدگي به آنها نيز عامل بسيار مهمي است. اما امروزه شرکتها و افراد بسياري هستند که فقط از طريق سايت فعاليت مي کنند و عمده درآمد آنها از طريق سايت و مشتريان آنلاين است.
طراحي وب‌گاه[ويرايش]
وب‌گاه مجموعه‌اي از اطلاعات درباره موضوع و يا عنوان خاص است. طراحي يک وب‌گاه مشخص کننده آرايش و ساختــار صفحات وبي است که بوجود آورنده وب‌گاه خواهند بود. يک صفحه وب شامـــل اطلاعاتي درمورد هدف ايجــاد وب‌گاه ميباشد. يک وب ســايت را همــانند کتابي تصور کنيد کـه هر صفحه وب در حکم برگي از کتاب خواهد بود.
در زمينه طراحي وب‌گاه جنبه‌هاي گوناگوني بايد در نظر گرفته شود که به سبب پيشرفت روز افزون اينترنت همواره براين موارد افزوده ميشود. براي وب‌گاه‌هاي تجاري عمومي، موارد زير از جمله اصلي‌ترين آنها به شمار مي‌روند:
طراحي سايت بر طبق عنوان و محتواي مطالب ميباشد.
مطالب، جوهر کلام و اطلاعات درون سايت بايد مطابق با هدف سايت بوده و طيفي از عموم را نشانه رود که به دنبال اطلاعات ارائه شده در سايت هستند.
سايت بـــايد قابل فهم بوده و برقـــراري ارتبــاط با آن حتي براي مخاطباني کـه آشنايي چنداني بـا وب ندارند، آســـان باشد. چنانچه سايت به اندازه کافي بزرگ بوده و اطلاعات زيادي را شامــل شود، بـايد اطلاعات راهنما را به گونه‌اي بکار برد که به سرعت در اختيار بيننده قرار گيرند.
نماي کــار بايد کلي بوده و تمام صفحه را دربر گيرد تا بتواند پايـداري و ثبات را القــا کند. سبک نگارش بايد زيبا و تخصصي بوده و مناسب با سليقه مخاطبان و محتواي سايت باشد.
در نگارش متون و اطلاعاتي که مخاطب به دنبال آنها است بايد بزرگ نمايي شود تا به بيننده القا کند که اين همان چيزي است که به دنبال آن بوده است.
همچنين سايت بايد به سادگي در اينترنت يافت شود و درصورت امکان در بالاي ليست‌هاي جستجو قرار گيرد، اگرچه همواره اينگونه نباشد لااقل در موتورهاي جستجوي اصلي چنين شود.
يک وب‌گاه معمولاً شامـل متن و تصـاويـر است. اولين صفحه يک وب سـايت صفحه خانه (Home Page) و يا صفحه ايندکس (Index) ناميده ميشود. بعضي از وب‌گاه هـــا از صفحه‌اي استفـــاده مي‌کنند کـــه معمولاً صفحه خوش آمد ناميده ميشود. اين صفحه ممکن است شــامــل مواردي چون پيغــــــــــام خوش آمـدگويي، انتخاب زبـــان، انتخاب ناحيه جغرافيايي و يـا اعلام عدم پذيرش مسيوليت درمــوارد خاص باشد. هر صفحه وب درون سايت وب، يک فايل HTML است که URL مخصوص به خود را دارد.
بعد از اين که هر صفحه وب ساخته شد، اين صفحات با استفاده از فهرست راهنمايي که از پيوندهاي مختلف تشکيل شده است به يکديگر متصل ميشوند.
هنگامي که يک وب ســايت کامل شد براي آنکه بـراي همه برروي اينترنت قابل مشاهده باشد بايد منتشر و يا ارسال (Upload) شود. اين کار به کمک يک ميزبانFTP انجام ميشود. هنگامي که سايت منتشرشد، مسئول سايت براي افزايش بازديدکنندگان، از طراحی تکنيکهاي گونــاگون استفاده ميکند. اين کار با ثبت کردن وب سـايت در موتورهاي جستجويي نظير Google و Yahoo، تبادل لينک با وب ســايت‌هاي ديگر، ايجاد پيوند با وب‌گاه‌هاي مشابه و غيره امکان پذير است.
طرح وب سايت[ويرايش]
طرح وب به قالب نمايشي و طراحي گرافيکي صفحات موجود در وب‌گاه مي‌گويند که معرف محتوا و مطالب آن وب سـايت ميباشد. طرح وب جلوه بصـري هدف وب‌گاه است و اولين بخش از يک صفحه وب است که ذهن مخاطب را با خود درگير ميکند.
طراح وب با در نظر گرفتن هدف سايت و مخاطبان آن و با استفـاده از المان‌هاي متناسب با رويکرد سـايت و به کمک ذهن خلاق و ذوق هنري خود در بکار بردن ابعاد و رنگها، طرحي خلق ميکند که ضمن ايجـاد يکپارچگي در کليه صفحات وب‌گاه، نماي تکرار شونده و خسته کننده را به مخاطب القا نکند. در وب‌گاه بايد از الگوي ثابتي در صفحات استفاده کرد که کاربر به هنگام ديدن صفحات متوجه اين است که همه صفحات در يک سايت مشخص هستند.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : armin webdesignsara4 بازدید : 247
تاريخچه اينترنت در ايران
بدون شک آغاز ارتباط با شبکه اينترنت در ايران همواره نام مرکز تحقيقات فيزيک نظري و رياضيات را به ياد مي آورد. مرکز تحقيقات فيزيک نظري و رياضيات که در سال 1369 بعنوان نماينده ايران در شبکه آموزش و پژوهش اروپا پذيرفته شده بود، در سال 1370 ارتباط ايران را بصورت e-mail و از طريق گره اتريش با شبکه اينترنت برقرار نمود.
پس از ارتباط مطمئن و دائمي تر با اينترنت در سال 1371، مرکز تحقيقات فيزيک نظري سرويس دهي به دانشگاهها را آغاز نمود.
از سال 1372 ارايه اينترنت در ايران توسط مراکز خصوصي آغاز شد، در حاليکه قبل از آن شرکت مخابرات از طريق شرکت ديتا اقدام به ارايه سرويس اينترنت کرده بود.
Web :
وب بر اساس مدل سرويس گر(server)/سرويس گير(client) عمل ميكند
مدل سرويس گر و سرويس گير در سيستم شبكه هاي كامپيوتري شامل 3 جزء است . سرويس گر ، سرويس گير و شبكه كه ، سرويس گير يك نرم افزار است كه بر روي كامپيوتر كاربر اجرا ميشود و سرويس گر نرم افزاري است كه بر روي كامپيوتري كه عمل تغذيه اطلاعاتي را به عهده دارد انجام ميشود. كاربر از طريق اين نرم افزار ميتواند درخواستهايي را براي دريافت اطلاعات و انجام اعمالي ارسال دارد اين درخواست از طريق شبكه به كامپيوتر سرويس گر ميرسد و سرويس گر اعمال لازم را انجام مي دهد. تمام اطلاعاتي كه بر اساس مدل سرويس گر و سرويس گير عمل ميكنند از يكسري ضوابط يا پروتكل طراحی وب سایت هايي پيروي ميكنند كه براي آن سيستم تعريف شده اند. اين شكل فعاليت درخواست و پاسخ كه از طريق مدل سرويس گر و سرويس گير اجرا ميشود توانائيهاي زيادي دارد رابطه سرويس گير و سرويس گر بر اساس يك پروتكل از پيش تعيين شده برقرار ميشود.
نرم افزار سرويس گر ميتواند براي هر نوع سخت افزار خاصي طراحي شود در واقع Server ديگر نگران اينكه كاربر از چه نوع كامپيوتري استفاده ميكند نخواهد بود زيرا ميداند كه زبان مشترکي با Client دارد كه صرفنظر از سيستم سخت افزاري كاربر هر دوي آنها به اين زبان با همديگر ارتباط برقرار ميكنند در واقع اين طراحي در سطح نرم افزار Client صورت گرفته و همين امر است كه وب را به صورت يك پديده غير وابسته به سيستم در آورده است . Platform Independent براي درك بهتر موضوع مدل Server/client را مشابه سيستم پخش تلويزيوني مي دانيم كه برنامه هاي تلويزيون از طريق هر دستگاه تلويزيوني گرفته ميشود اطلاعات از يك سيستم پخش امواج بر اساس ساختار استاندارد انتشار مي يابد.
- مرورگر هاي Web ميتوانند به اطلاعات چند پروتکلي دسترسي داشته باشند مرورگرهاي وب چند پروتکلي هستند اين بدان معناست كه مرورگر ها ميتوانند به انواع مختلفي از سرويس گرها كه بر اساس پروتكل هاي مختلفي ارتباط برقرار ميكنند دسترسي داشته باشند مهمترين پروتكل هايي كه مرورگرها ميتوانند با استفاده از آنها به سرويس گرها متصل شوند عبارتند از :
1. HTTP -Hyper text transmission protocol : اين پروتكل مخصوص وب است و براي انتقال ابر متني از طريق شبكه طراحي شده است.
2. FTP - transmission protocol File: اين پروتكل براي اين طراحي شده كه به كاربر اجازه ميدهد تا فايلها را خيلي سريع و به راحتي برداشت كند . انتقال فايل بين کامپيوترهاي متصل به اينترنت بر عهده اين پروتکل است، اما اين پروتکل خدمات ذيل را هم ارائه ميکند.
- تهيه ليستي از فايل هاي موجود در کامپيوتر ميزبان.
- حذف، تغيير نام و جا به جا کردن فايل ها در کامپيوتر ميزبان.
- جستجوي دايرکتوريهاي کامپيوتر ميزبان.
- ايجاد يا حذف دايرکتوري روي کامپيوتر ميزبان.
3. Telnet : براي ورود به سيستم يك كامپيوتر ميزبان ( معمولا از راه دور ) مثلاً هنگامي كه به Gopher/server متصل است بعنوان يك سرويس گر گوفر و وقتي كه به يك اخبار يوزنت متصل است مانند يك سرويس گر اخبار عمل ميكند
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : armin webdesignsara4 بازدید : 259
Creative Web Design
Creative Web Design and Marketing for your Business
We handle just about any web design work you can throw at us. Whether you’re a small business owner, freelancer, artist, writer, or bespoke candlestick maker, we’ll get you online with a great looking creative web design that works. From large not-for-profits to micro-businesses, we design websites tailored to each and every one
طراحی وب سایت of our clients. Check out our latest web designs to see for yourself.
We love designing easy to use, professional, highly creative websites. What’s morewe make sure they’re easy to update so coding knowledge. Explainafide is a complete web design agency; we handle everything from website design, inteet marketing, branding, search engine optimisation (SEO), e-commerce solutions, copywriting and of course any graphic design work you can dream of.
If you have an average website, your business is nearly as bad off as if it had no website at all.
More than most industries, web developers tend to use a bewildering amount of buzz words and catch phrases, leaving potential clients confused and out of pocket. That’s where we come in….
At Explainafide, we give you straightforward advice to decode the Mumbo-Jumbo and help you make an informed decision on what will work best for you and your company.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : armin webdesignsara4 بازدید : 281
اگر شما يک کاربر ابتدايي هستيد بهتر است بدانيد هاست چيست و چه فرقي با دامنه دارد. در اين مقاله نکاتي درباره هاست و دامنه ذکر خواهم کرد.
دامنه چيست؟ به آدرس هاي سايت دامنه مي گويند. مانند www.google.com که دامنه آن google.com است. شايد اجزاي هر URL را بدانيد ولي دامنه يکي از مهم ترين قسمت هاي سايت و URL است. براي مثال دامنه زير را ببينيد:
https://www.bsi.ir
پسوند IR ، پسوند اين دامنه است ولي دقت کنيد:
https://www.bsi.ir/default.aspx
aspx پسوند فايل default و IR پسوند دامنه ماست. خب حالا فرق .com و .net و .ir و … در چيست؟ هر يک از پسوند هاي دامنه معناي خاصي دارد. مثلا پسوند .ac.com يا ac.ir را براي دانشگاه ها و موسسات آموزش مي گذارند. هر دامنه بسته به نوع خود در سازمان مربوطه و هر سازمان اجازه اجاره آن را از سازمان خاصي مي گيرد. براي مثال براي ثبت دامنه phpassistant.ir ، ما بايد به سازمان نيک مراجعه کنيم تا آن را براي ما ثبت کنند. دامنه هايي با پسوند عمومي مثل net يا com در سازماني به نام Domain Name Register Center ثبت مي شود. اگر شما بخواهيد دامنه اي ثبت کنيد مشخصات شما را مي خواهند. خواستن مشخصات به اين دليل است که مشخصات شما در پايگاه Whois ثبت شود و از دزديده شدن دامنه شما جلوگيري شود. Whois چيست؟ کجاست؟ Whois يک پايگاه وابسته به سازمان ثبت دامنه است که با جستجوي هر دامنه DNS ، نام مشخصات مالک و نام ثبت کننده نمايش داده مي شود که آن را در سايت هاي اجاره دامنه حتما ديده ايد.
DNS دامنه چيست؟ مانند آجرهاي يک خانه است. آدرس DNS ها ممکن است به صورت زير باشد:
ns1.server.com
ns2.server.com
DNS براي اين که هاست شما به دامنه شما مربوط شود ، تنظيم مي شود. سرور هاي ns1 ممکن است قطع باشند به همين دليل بايد ns2 کار کند. اگر به هر دليلي Data Center هاست شما از بين برود ، DNS هاي شما نيز از بين مي روند تا دامنه بدون هاست شما دزديده نشود.
هاست يا Host يعني چه؟ با توضيحات بالا فهميديد که هاست و دامنه به يک ديگر وابسته اند. هاست (Host) در زبان انگليسي به معني ميزبان است. يعني ميزباني سايت شما برعهده شرکتي است که شما انتخاب کرديد. Host يک کامپيوتر تحت شبکه است که توسط cpanel سايت شما کنترل مي شود. محتواي اين کامپيوتر يک سيستم عامل است که شما انتخاب کرديد لينوکس يا ويندوز. ممکن است بگوييد من و دوستم از يک هاست خريده ايم ولي DNS هايمان فرقي ندارد. چرا؟ DNS پرتکول خاصي ندارد و تنظيمات DNS نيز توسط مرورگر ها قابل مشاهده نيست. DNS فقط شامل يک نشاني نيست بلکه به طور اتوماتيک يوزرنيم و پسورد هاست مربوطه نيز در هاست ها به آدرس DNS فرستاده مي شود تا بتوان کنترل DNS را در دست گرفت.
هاست VPS چيست؟ هاست VPS فقط در يک کامپيوتر اجرا مي شود و توسط سخت افزار هاي مخصوص مجازي سازي مي شود. يک سوپر کامپيوتر وظيفه چندين کامپيوتر را دارد و به هر سايت مقداري رم و فضا اختصاص مي دهد. اين هاست ها معمولا گران هستند ولي سرعت آن ها بيش از بقيه هاست است. هاست VPS معمولا براي سازمان هاي هاستينگ خيلي قوي و پرمشتري گذاشته مي شود.
Data Center چيست؟ وقتي سايت هايي مثل فيس بوک تا اين حد بازديد دارند خب بديهيست که اگر بخواهند تمام اطلاعات ميليون ها کاربر را بر روي يک کامپيوتر هاست مجازي يا هاست معمولي ذخيره کنند کامپيوتر بلافاصله کرش کرده و تمام اطلاعات کاربران در عرض يک چشم به هم زدن از بين مي رود. پس بايد جهت کمتر شدن هزينه و افزايش مقدار فضا آن ها را به قسمت هاي مختلفي که شبيه کابل هاي برق هستند و در آن اطلاعات ? و ? رد و بدل مي شود. هر هاست معمولي مجازي يا هر نوع هاست بايد يک يا چند Data Center داشته باشد.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : armin webdesignsara4 بازدید : 232
کدام يک از کدهاي زير بر روي عناصر تاثير ميگذارند؟
وقتي به يک عنصر يکسري خصوصيات نسبت مي دهيم، و در يک استايل دهي گروهي يا در جاي ديگري يکسري خصوصيات ديگر براي آن مي نويسيم، از بين خصوصيات يکسان تمامي آنها به ارث برده ميشود و از بين ساير خصوصيات آن ويژگي هايي به ارث مي روند که نسبت به ساير دستورات ديرتر و يا به عبارتي بعد تر نوشته شده اند و در صفحه استايل دهي پايين تر قرار گرفته اند. با هم به بررسي مثال زير مي پردازيم :
h2
{
color: blue;
font-size: medium;
font-weight: normal;
}
h1, h2, h3
{
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: navy;
color: white;
}
در دستورات ابتدايي رنگ نسبت داده شده به تگ h2 آبي است، اما در استايل دهي گروهي رنگ نسبت داده شده به آن سفيد است، به همين دليل رنگ فونت انتخابي براي آن سفيد خواهد بود. مهم نيست که در دستورات قبلي 100 بار رنگ آبي به h2 نسبت داده شود پرا که آخرين دستور css رنگ سفيد را به اين تگ نسبت مي دهد.
استايل دهي به لينک ها:
لينک ها در سراسر دنياي وب وجود دارند، اگر به لينک هاي اوليه با استايل پيش فرض نگاهي بيندازيم مي بينيم که لينک ها داراي يک خط در زير نوشته لينک (underline) هستند. به صورت پيش فرض مرورگرها از رنگ هاي زير براي لينک ها استفاده مي کنند:
آبي : لينکي که مشاهده نشده باشد.
بنفش : لينکي که شما آن را قبلا مشاهده کرده ايد.
قرمز: لينکي که فعال است و شما در حال کليک کردن بر روي آن هستيد.
در بيشتر مواقع استايل دهي به لينک ها ممکن است به شکل زير باشد:
A
{
font-weight: bold;
color: black;
}
با اين دستور به جاي اينکه لينک هاي آبي رنگ با سايز فونت نرمال داشته باشيم، لينک هاي شما به رنگ آبي و ضخيم خواهد بود.
design-web-115.jpg
همانطور که قبلا اشاره کرديم تا کنون يک نوع حالت براي لينک ها معرفي کرديم، لينک هاي مشاهده شده، لينک هاي فعال و لينک هايي که هنوز بر روي آنها کليک نشده است، اما نوع چهارمي وجود دارد که hover ناميده مي شود، اين حالت براي وقتي است که نشانه گر موس بر روي لينک مي آيد که با استايل دهي در css نيز ميتوان خصوصيات اين لينک را نيز تغيير داد.
در اينجا به برخي از استايل هايي که مي توان به لينک ها داد نگاهي مي اندازيم:
a {
font-weight: bold;
}
a:link {
color: black;
}
a:visited {
color: gray;
}
a:hover {
text-decoration: none;
color: white;
background-color: navy;
}
a:active {
color: aqua;
background-color: navy;
}
design-web-114.jpg
عکس بالا کليه حالت هاي مختلف لينک ها را نشان مي دهد و حالت hover آن لينک تماس با ما (contact us) است. تمامي رنگ هاي پيش زمينه و ساير رنگ هاي ديگر را مي توانيد با css ايجاد کنيد و مي توانيد افکت هاي بسيار جذابي مانند آن چيزي که در بخش فوتر سايت وب اسکالا مشاهده نماييد ايجاد کنيد.
پاک کردن پيشينه مرورگر:
مرورگرها به صورت پيش فرض مقداري از پيشينه صفحات وب سايت را در خود ذخيره مي کنند و از اين اطلاعات استفاده مي کنند که بدانند آيا لينکي بازديد شده است يا نه، اما اين کار براي زمانيکه طراح وب سايت در حال تست کردن صفحه سايتي است کمي مشکل ساز مي شود به خصوص وقتي که طراح مي خواهد لينکي که بازديد نشده است را استايل بدهد، اما چون صفحه سايت را چندين بار refresh کرده مرورگر وي به اصطلاح cache کرده و به همين دليل لينک هاي بازديد نشده را بازديد شده مي پندارد که به همين دليل مي بايست cache يا اطلاعات ذخيده شده را پاک کرد. براي اين منظور به اين صورت عمل مي کنيم:
در مرورگر اينترنت اکسپلورر : تب tools راانتخاب کرده، inteet option را کليک مي کنيد، زير browser history دکمه delete را بزنيد، در پنجره باز شده check box مربوط به history را فعال کنيد، انتخاب ساير گرينه ها با توجه به نظر خودتان مي تواند صورت گيرد. در نهايت دکمه delete را زده و پنجره inteet option را ok ميکنيم تا بسته شود و cache مرورگرمان پاک شود.
design-web-113.jpg
ساير مرورگرها نيز روشي مشابه دارند که آدرس دسترسي به history آنها نيز به صورت زير است:
Tools > Options يا Preferences > Privacy
کلاس هاي انتخابگر :
تا اينجا ياد گرفتيم که چگونه در يک فايل CSS خصوصيات مختلفي براي تگها بنويسيم و آموختيم که ميتوان خصوصيات يک کلاس را براي تگهاي مختلفي اعمال کرد يعني ميتوان کلاس را چندين بار استفاده کرد. به عنوان مثال بياييد کلاس زير را دريک پاراگراف اعمال کنيم :
.fun {
color: #339999;
font-family: Georgia, Times, serif;
letter-spacing: 0.05em;
}
به اين ترتيب 3 خصوصيت براي پاراگرافمان تعريف کرده ايم،که خصوصيت سوم letter-spacing به معناي اينست که فاصله بين کلمات موجود درمتن 0.05em باشد. (اگرارتفاع حرف M رابرابربا em1 درنظربگيريد 5% اين مقدار برابر با 0.05em خواهد بود).
حال براي اين که اين خصوصيات که در css نوشتيم برروي پاراگراف مدنظر اعمال شود کافيست که نام کلاس موجود در css رابه تگ مورد نظ مان درصفحه html نسبت دهيم:
<p class="fun">
A man walks into a bar; you would've thought he'd see it coming!
</p>
به نظر شما اگر بخواهيد چند پاراگراف درون اين تگ قراردهيد چه کارميتوان کرد؟ ميتوان راه حل زير را اعمال کرد:
<blockquote>
<p class="fun">"Happiness is a dip in the ocean followed by a pint or two of Old Speckled Hen. You can quote me on that! </p>
<p class="fun">"Join us for a weekend away at some of our favorite dive spots and you'll soon be making new friends. </p>
<p class="fun">"Anyway, about time I got on with some <em>proper</em> work!" </p>
</blockquote>
اما همانطور که مي بينيد تکرار نام کلاس در تگها ي بالا زياد صورت گرفته ، پس به جاي استفاده از روش بالا ميتوان روش بهتري را به کار برد :
<blockquote class="fun">
<p Happiness is a dip in the ocean followed by a pint or two of Old Speckled Hen. You can quote me on that! </p>
<p>"Join us for a weekend away at some of our favorite dive spots and you'll soon be making new friends. </p>
<p>"Anyway, about time I got on with some <em>proper</em> work!" </p>
</blockquote>
ID & CLASS
ياد گرفتيد که چگونه ميتوان از ID و کلاس براي تگهاي موجود در HTML خود استفاده نماييد ، به عنوان مثال براي کلاس از نماد "." قبل از نام کلاس در نظر گرفته شده در فايل سي اس اس استفاده مي کنيم و براي ID از نماد "#" .
نکته از مترجم : دقت نماييد براي استايل دهي هم از کلاس استفاه ميشود و هم از ID. اما تفاوت هايي هم در استفاده دارد وآن اينکه از ID براي استايل دهي و مشخص کردن عناصر اصلي صفحه مانند هدر فوتر و منو و غيره استفاده ميکنيم و يا براي استفاده در موارد برنامه نويسي .
تنها نکته در اين باره اين است که در يک صفحه HTML از نام يک ID فقط مي شود يکبار استفاده نمود اما از نام يک کلاس مي توان به هر تعداد استفاده کرد.
در نظر بگيريد براي چند تگ درون صفحه تان از يک کلاس يکسان استفاده کرده ايد، مثلا:
.fun {
font-family: Georgia, Times, serif;
color: #339999;
letter-spacing: 0.05em;
}
اما براي يکي از تگ ها علاوه بر خصوصيات فوق يک يا چند خصيصه ديگر نيز اضافه کنيد، به اين روش اين کار را انجام مي دهيم:
blockquote.fun {
font-style: italic;
}
بدين ترتيب چنانچه کلاس fun درون تگ blockquote قرار گيرد خصوصيت italic را نيز مي خواند ، اما اگر به ساير تگ هايي که مي خواهيم تنها کلاس fun را بخوانند تگ blockquote را قرار ندهيم خصيصه italic شدن فونت اعمال نمي شود.
براي روشن تر شدن اين موضوع مثال ديگري مي زنم:
فرض کنيد مي خواهيم تمامي متون قرار گرفته درون تگ p صفحه مان به رنگ آبي نفتي درآيند بنابراين کافيست که در CSS بنويسيم :
p {
color: navy;
}
اما حالا اگر بخواهيم يکي از متون قرار گرفته درون تگ p مان به رنگ ديگري درآيد کافيست ، به اين تگ p يه کلاس بدهيم و سپس به آن کلاس رنگ مورد نظرمان را نسبت دهيم:
.p.gre {
color: green;
}
استايل دهي قسمتي از متن با استفاده از span :
فرض کنيد که چنين متني داريد:
<p>Bubble Underis a group of diving enthusiasts based in the south-west UK who meet up for diving trips in the summer months when the weather is good and the bacon rolls are flowing. We arrange weekends away as small groups to cut the costs ofaccommodation and travel and to ensure that everyone gets a trustworthy dive buddy.</p>
و مي خواهيد دو کلمه اول اين متن يعني Bubble Underis به صورت bold (پر رنگ) نمايش داده شود. براي اين کار براي اين کلمات يک تگ span به کار مي بريم و سپس به اين span استايل ديگري را اعمال مي کنيم و آن را آبي رنگ مي کنيم:
<p><span class=" blue ">Bubble Under</span> is a group of diving enthusiasts based in the south-west UK who meet up for diving trips in the summer months when the weather is good and the bacon rolls are flowing. We arrange weekends away as small groups to cut the costs ofaccommodation and travel and to ensure that everyone gets a trustworthy dive buddy.</p>
.blue
{
Color: # a3c2fa;
}
design-web-112.jpg
فصل 4
استايل دهي عناصر با استفاده از css
طي سالهاي گذشته توسعه دهندگان وب سايت با استفاده از css تنها مي توانستند به متون موجود در سايت استايل بدهند و در پاره اي از مواقع رنگي را به متني اختصاص مي دادند، اين تنها کاري بود که مي شد با استفاده ازcss انجام داد چون در آن زمان مرورگر ها بسيار ضعيف بود و نمي توانستند خصوصيات بيشتري از css را پشتيباني کنند. اما با گذشت زمان اين امر ميسر شد و مرورگر ها پيشرفت کردند.
در اين فصل به بررسي زواياي ديگري از css مي پردازيم و امکانات بيشتري از آن را معرفي مي کنيم. از جمله:
تغيير ظاهر و اندازه فضاي مشخصي از وب سايت
تغيير پس زمينه و کناره هاي اشکال
موقعيت عناصر در هر جاي صفحه وب سايت
قبل از شروع کار، ابتدا براي ايجاد تغيير در ظاهر و اندازه عناصر در وب سايت مي بايست با مفهوم block-level elements و inline elements آشنا شويد.
block-level elements و inline elements
block-level elements: به عناصر يا تگ هايي مي گوييم که توسط آن مي توان کل سطر يا فضايي که آن عنصر در اختيار خود دارد را مسدود يا به اصطلاح block کرد، هر عنصر block مي تواند درون خود عنصر و يا عناصر inline و يا block را جاي دهد.
inline elements : به عناصر يا تگ هايي مي گويند که آنها تنها مي توانند به اندازه متني که درون آن جاي گرفته قسمتي از سطر را اشغال نمايند، اين عناصر خطي يا به اصطلاح inline ناميده مي شوند، توجه داشته باشيد که درون تگ هاي inline تنها عنصر Inline جاي ميگيرد.
نحوه تشخيص عناصر inline بدين صورت است که اگر عنصري دوم در کنار عنصر اول در امتداد يک خط قرار گيرند عنصر اول قطعا inline است، اما اگر عنصر اول block باشد عنصر دوم در بالا يا پايين عنصر اول قرار خواهد گرفت و نه در امتداد عنصر اول.
در اينجا چند عنصر block را معرفي مي کنيم:
تگ هاي h1, h2,...و h6
P
div
Blockquote
Ul و ol
Form
وقتي که شما يک پاراگراف ايجاد مي کنيد، نيازي نيست که بعد از پايان پاراگراف اول با استفاده از <br /> به خط بعد برويد تنها کافيست يک تگ<p> را باز کرده متن خود را بنويسيد و سپس آن تگ را ببنديد.</p>
بذين ترتيب چون تگ p بلاک است خود به خود متني که در تگ دوم P قرار مي گيرد از ابتداي سطر بعد شروع مي شود.
design-web-111.jpg
و خروجي آن را بدين صورت خواهيم داشت:
design-web-116.jpg
ادامه دارد اگر مورد استقبال قرار گيرد!
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : armin webdesignsara4 بازدید : 267
نوشتن متن ها به صورت ضخیم، مورب، زیر خط دار و خط خورده
در این درس طراحی وب سایت به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:
1- <B> این تگ باعث می شود کلماتی که بین این تگ و تگ پایانی آن قرار دارند به صورت پر رنگ و بولد (Bold) دیده شوند. به مثال زیر توجه کنید:
<b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود</b>
مثال بالا به صورت زیر دیده می شود:
متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود
بیایید با تگهای دیگری ادامه دهیم:
2- زیرخط (Underline):
<u>این متن با زیر خط مشاهده می شود</u>
این هم نتیجه:
این متن با زیر خط طراحی وب سایت مشاهده می شود
3- حروف کج (Italic):
<i>این متن به صورت مورب دیده می شود</i>
و نتیجه به این صورت است:
این متن به صورت مورب دیده می شود
4- حروف خط خورده:
<strike>این متن به صورت خط خورده دیده می شود</strike>
متن در مرورگر به این صورت دیده می شود:
این متن به صورت خط خورده دیده می شود
5- وسط چین طراحی وب سایت :
<center>این متن در وسط خط نوشته می شود</center>
نتیجه کد:
این متن در وسط خط نوشته می شود
شما می توانید بیشتر از یک فرمان را برای یک متن اجرا کنید. مثلاً وقتی که می خواهید متنی به صورت پر رنگ و کج نوشته شود. برای این کار هر دو تگ ابتدایی را برای متن در ابتدای آن و تگهای پایانی را در جایی که می خواهیم پایان پر رنگی و کجی متن طراحی وب سایت باشد قرار می دهیم.
با این مثال توجه کنید:
<b><i>این متن به صورت کج و پر رنگ دیده می شود</i></b>
نتیجه هم به این صورت دیده می شود:
این متن به صورت کج و پر رنگ دیده می شود
آیا ترتیب قرار گرفتن تگهای پایانی مهم است؟ در پاسخ باید گفت در مثال بالا خیر، اما مواردی وجود دارد که ترتیب قرار گرفتن تگها مهم است مثلاً قرار گرفتن تگ پایانی <HTML/> قبل از <BODY/> اشتباه است. شما با تمرین و تجربه می توانید این نکته را فرا بگیرید. شما می توانید برای جلو گیر از اشتباه HTML را به صورت زیر بنویسید:
<b>
<i>
این متن به صورت پر رنگ و کج دیده می شود
</i>
</b>
اما این روش خسته کننده است. در اینجا مهم نیست تگها به چه صورت باز و بسته شوند. اما نکته مهمی که باید در نظر داشته باشید این است که متنها تحت تأثیر تگهایی که قبل از آنها باز شدهاند و بسته نشده اند قرار می گیرند. تأثیر یک تگ تمام طراحی وب سایت می شود وقتی که تگ بسته شود.
مثال زیر را در نظر داشته باشید:
<b><i><u>این متن پر رنگ، کج و دارای زیرخط است</u></i></b>
این نتیجه را به ما می دهد:
این متن پر رنگ، کج و دارای زیرخط است
اما این یکی:
<u><i><b>این متن پر رنگ، کج و دارای</b></i>زیرخط است</u>
این نتیجه را به ما می دهد:
این متن پر رنگ، کج و دارایزیرخط است
همان طور که دیدید متن بولد و ایتالیک زودتر از متن زیرخط دار به پایان رسید و این به این دلیل است که تگهای پایانی بولد (<B/>)و ایتالیک (<I/>) زود تر نوشته شدند و انتهای متن فقط توسط تگ زیرخط (<U/>) تحت تأثیر قرار دارد.
متنها به صورت پیش فرض در سمت چپ صفحه به نمایش در می آیند. اما با استفاده از <CENTER> می توان آنها را در وسط صفحه به نمایش در آورد. این تگ را هم می توان با دیگر تگها ترکیب کرد و نتایج جابی گرفت. به مثال زیر توجه کنید:
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : armin webdesignsara4 بازدید : 249
طراحي سايت ، طراحی وب سايت ، بهينه سازي وب سايت
شرکت طراحی وب سايت ، طراحي سايت و بهينه سازي سايت رادپرداز با هدف پوشش يکپارچه کليه نيازهاي تاجران و توليدکنندگان ايراني جهت حضور کاملاً مستقل در دنياي تجارت الکترونيک فعاليت خود را از سال 82 و با استفاده از جديد ترين تکنولوژيهاي طراحي وب سايت روز دنيا آغاز نموده است.
بهترين روش براي اين نوع تجارت الکترونيکي ، طراحی وب سايت فروشگاهي ميباشد. از طريق طراحي وب سايت فروشگاهي و بهينه سازي وب سايت ، اين گروه مي توانند مشخصات تک تک کالا ها را به تفصيل براي همه مشتريان نشان دهند. همچنين اين گروه مي توانند سفارشات خريداران را بررسي و حتي در صورت تمايل مبالغ آنرا از طريق اينترنت و به صورت آنلاين دريافت نمايند. همه دست اندر کاران توليد و توزيع کالا بدنبال فروش بيشتر و جذب مشتريان بيشتر ميباشند. اينترنت ميتواند کالاهاي شما را فارغ از زمان و مکان براي تعداد نا محدود بازديد کننده نمايش دهد.
از مهمترين ويژگيهاي طراحی وب سايت فروشگاهي توسط راد پرداز ميتوان به طراحي سفارشي و اختصاصي گرافيک ، عدم استفاده از کدها و سايت هاي آماده و تحليل و پياده سازي توسط تيم فني مجرب اشاره نمود.
طراحي وب سايت فروشگاهي
طراحي سايت، طراحی وب سايت، برنامه نويسي وب سايت
با توجه به گسترش روز افزون استفاده از خدمات الکترونيک در کشور و متناسب با پيشرفت فناوري اطلاعات ، نياز به طراحي وب سايت کارآمد و معرفي و ارائه خدمات از طريق وب سايت توسط شرکتهاي دولتي و خصوصي ، مؤسسات ، توليد کنندگان و فروشندگان بيش از پيش به چشم ميخورد.
از اين رو پياده سازي و برنامه نويسي طرح ها و ايده ها مي بايست به گونه اي انجام پذيرد تا شرکتها و موسسات را در کوتاهترين زمان ممکن به اهداف خود در اين زمينه برساند.
شرکت طراحی وب سايت و بهينه سازي وب سايت راد پرداز ، با در اختيار داشتن دانش علمي ، کادر مجرب و تسلط به جديدترين تکنولوژي ها و فن آوري ها در زمينه طراحي و برنامه نويسي وب سايت افتخار دارد آمادگي خود را جهت ياري و پيشبرد اهداف شرکتها و مؤسسات محترم در زمينه مشاوره ، طراحي وب سايت ، برنامه نويسي وب سايت و بهينه سازي وب سايتهاي اينترنتي اعلام نمايد.
طراحي و برنامه نويسي وب سايت
طراحی وب سايت هاي اينترنتي موفق نيازمند داشتن عواملي مانند زير مي باشند :
استفاده راحت و آسان توسط کاربران : طراحی وب سايت و برنامه نويسي آن بايد به گونه اي صورت پذيرد تا وب سايت داراي محيطي دوستانه و ساده باشد و کاربران با ورود به آن بتوانند به راحتي به تمامي امکانات موجود در سايت ، دسترسي داشته باشند.
طراحي گرافيکي زيبا و ظاهري دلنشين : از آنجا که وب سايت يک شرکت نمايانگر محيط کار مجازي آن شرکت ميباشد ، لذا طراحي زيباي سايت به تداوم استفاده کاربران از سايت منجر خواهد شد.
بهينه بودن طراحي وب سايت براي موتورهاي جستجو و سرعت لود مناسب : امروزه قرار داشتن در رتبه هاي مناسب جستجوهاي اينترنتي نقش زيادي در يافتن کاربران و مخاطبان هدفمند ايفا مي کنند.
براي دستيابي به موارد اشاره شده ، شرکت طراحي وب سايت راد پرداز با ارائه طرحهاي مناسب و استفاده از جديدترين دانش طراحی وب سايت روز دنيا آماده طراحي وب سايتهاي اينترنتي شما ميباشد.
مشاهده نمونه کارهاي طراحي وب سايت
طراحي سايت، طراحي وب سايت، بهينه سازي وب سايت (سئو)
شرکت طراحي وب سايت راد پرداز با در اختيار داشتن نيروهاي متعهد ، با تجربه و مسلط به جديدترين تکنيکهاي بهينه سازي وب سايت قادر است وب سايت شما را براى گوگل و هر موتور جستجوگر ديگرى جذاب و بهينه نمايد به گونه اى که وب سايت شما بتواند در رتبه هاي بالاتر و بهتري نسبت به ساير رقبايتان قرار بگيرد.
بهينه سازي وب سايت يا سئو عبارت است از تکنيکهاي ي که در طراحي سايت شما لحاظ ميگردد تا وب سايت شما به نحو شايسته و مناسبي جايگاه خود را در موتورهاي جستجو بيابد و در معرض ديد مخاطبان مورد نظر قرار بگيرد. در اينصورت وب سايت شما به طرز صحيحي با موتورهاي جستجو گر در تعامل خواهد بود.
موتورهاي جستجو بدون هزينه براي شما بازاريابي مي کنند فقط کافيست طراحی وب سايت شما به گونه اي باشد که رباتهاي آنها به درستي سايت شما را پيدا کنند و از آن پس زماني که فردي به دنبال هر يک از خدمات و يا محصولات و يا اطلاعات ارائه شده در سايت شما باشد، اين موتورها فرد را به سمت سايت شما هدايت مي کنند.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : armin webdesignsara4 بازدید : 262