آخرین مطالب
امکانات وب
اصول نوشتن صفحات HTML
<U> اين علامت را قبل از متني که مي خواهيم زير آن خط کشيده شود قرار مي دهيم. به اين تگ ، تگ ابتدايي (Opening tag) مي گويند، که عملياتي را که شما طراحی وب سایت مي خواهيد آغاز کنيد شروع مي کند. به منظور پايان دادن به زيرخط بايد از يک تگ پاياني استفاده کنيد. يک تگ پاياني با اين علامت شروع مي شود: /> بقيه تگ مانند تگ ابتدايي مي باشد. براي درک بهتر اين مطلب به مثال زير توجه کنيد:
Tags and their position
اگر بخواهيد متن بالا را با زيرخط در مرورگر خود ببينيد بايد آنرا مطابق خط روبرو در ويرايشگر متن خود بنويسيد:
<u>tags and their position</u>
نتيجه را به اين صورت مي بينيد:
Tags and their position
براي مثال تگي که براي وارد کردن عکس استفاده مي شود از اين قبيل تگهاست، که به اين صورت مي باشد:
<img src="myimage.gif">
<hr> که براي ايجاد يک خط افقي به کار مي رود و <p> که براي رفتن به پاراگراف بعدي استفاده مي شود.
در ضمن نياز نيست که حتماً تگها با حروف بزرگ نوشته شوند. مثلاً <P> همان <p> است. البته در نسخه هاي جديدتر HTML توصيه مي شود کدهاي HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامي است. فضاي خالي هم بين تگها تأثيري ندارد. مثلاً :
<u> متن زيرخط دار </u>
کد بالا همان نتيجه اي را مي دهد که کد زير دارد:
<u>متن زيرخط دار</U>
به اين طريق هم اگر نوشته شود فرقي نمي کند:
<u>
متن زيرخط دار
</u>
قالب پايه اي يک فايل HTML مانند زير است. ببينيد مي توانيد کاري را که تگهاي اين کد انجام مي دهند حدس بزنيد؟ البته همه آنها را بعداً توضيح مي دهيم.
<html>
<head>
<title>html قالب اصلي</title>
</head>
<body>
هر چيزي که اينجا قرار گيرد در صفحه شما قابل ديدن است
</body>
</html>
براي درک بهتر اين قسمت سعي کنيد تگها را به صورت جفتي در نظر بگيريد (از جايي که باز مي شوند تا جايي که بسته مي شوند) اولين تگ <html> است که علامت شروع يک متن HTML است و تگ پاياني آن <html/> است که همانطور که ممکن است حدس زده باشيد نشانه پايان متن HTML است. هر چيزي در HTML بايد بين اين دو تگ قرار گيرد. مانند متن، ديگر تگها، عکسها و... چون اين دو تگ نشان دهنده آغاز و پايان صفحه شما هستند.
تگ بعدي <head> است. اين تگ مشخص کننده بخشي است که شما بايد عنوان صفحه، کلمات کليدي، و ديگر توضيحات خود براي اين صفحه را در آن قرار دهيد. اين بخش با <head/> به پايان مي رسد. در مثال بالا تنها قسمت HEAD عنوان صفحه بود که با TITLE مشخص مي شود.
براي پايان دادن به تگ عنوان از اين تگ استفاده مي شود: <title/> در مثال بالا عنواني که براي صفحه نشان داده مي شود قالب اصلي HTML است.
تگ <body> بخشي را آغاز مي کند که در صفحه مرورگر شما به نمايش در مي آيد. اين قسمت جايي است که ما بايد کار اصلي خود را در آن انجام دهيم. براي طراحی وب سایت پايان دادن به اين تگ از <body/> استفاده مي کنيم. در مثال بالا متني که در صفحه مرورگر ديده مي شود به صورت زير است (البته در اينجا براي نوشته زير رنگ و فونت نيز انتخاب شده که در قسمتهاي بعد به آنها خواهيم پرداخت) :
هر چيزي که اينجا قرار گيرد در صفحه شما قابل ديدن است
چيزي که در اينجا مي بينيم متني است که به صورت ساده نوشته شده و در طرف چپ صفحه قرار دارد.
در درس بعد در مورد چگونگي کار کردن با متنها بحث مي کنيم.
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : soheil websara4 بازدید : 218
?- آدرس www.yahoo.com رادر نوار آدرس مرورگر طراحی وبسایت خود وارد و كليد Enter را در صفحه كليد فشار دهيد.
?- در قسمت بالاي صفحه بر روي گزينه Geocities كليك كرده و در صفحه باز شده Useame (نام كاربر) و Password (كلمه رمز) خود را وارد نموده و كليد Sign In را كليك نماييد.
?- در صفحه باز شده بر روي گزينه Yahoo! Page wizard كليك نماييد.
توسط اين گزينه شما مي توانيد با پيروي از دستورات صفحه نمايش به سادگي يك صفحه وب را ايجاد نماييد.
?- در صفحه باز شده شما مي توانيد انواع الگوهاي از پيش ساخته شده جهت ساخت صفحه وب مورد نظرتان استفاده نماييد، بر روي يكي از الگوها كليك نماييد.
?- در صفحه ظاهر شده شما مي توانيد صفحه وب انتخابي خود را در رنگهاي مختلف مشاهده نماييد. با توجه به سليقه خود يك رنگ را انتخاب كنيد.
?- در صفحه Welcome to Yahoo بر روي Begin كليك نماييد.
?- در صفحه Enter your into در قسمت your name نام خود و در قسمت Your email address آدرس Email خود را وارد كنيد. نام و آدرس Email وارد شده در اين قسمت در صفحه وب شما ظاهر مي گردد.
?- در صفحه Pick your picture شما مي توانيد تصويري را به دلخواه به صفحه وب خود اضافه نماييد. براي اضافه نمودن تصويري از كامپيوتر خود به صفحه وب در حال ساخت بر روي كليد Upload New Image كليك كرده و در پنجره ظاهر شده بر روي كليد Browse كليك كنيد و عكس مورد نظر خود را از روي كامپيوتر خود انتخاب كرده و بر روي كليد Upload كليك كنيد. بعد از چند لحظه تصوير انتخابي به صفحه وب اضافه مي گردد.
نكته: شما در اين قسمت مي توانيد از تصاوير پيش فرض نيز استفاده نماييد و يا در صورت عدم تمايل به داشتن عكس بر روي گزينه Donشt use an image كليك كنيد.
براي رفتن به مرحله بعد بر روي كليد Next كليك كنيد.
??- در صفحه Describe yourself در كادرهاي مربوطه توضيحاتي را در مورد خود و علايق خود وارد نماييد و بر روي Next كليك نماييد.
??- در قسمت Describe your friends and family شما مي توانيد توصيفي از خانواده و دوستانتان وارد نماييد و بر روي كليد Next كليك نماييد.
??- در صفحه Enter your friends and family شما مي توانيد اسامي دوستانتان را به صورت لينك درآوريد بعد از وارد كردن اسامي بر روي كليد Next كليك كنيد.
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : soheil websara4 بازدید : 213
از آنجا که حجم کمتري از کد در طراحي سايتهاي ثابت استفاده مي‌شود سرعت بارگذاري (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ها متفاوت است طراحي آنها و سيستمهاي مديريت محتواي آنها براي مصارف خاص است.
از مزاياي سيستمهاي مديريت محتوا نسبت به ساير سايتهاي دايناميک مي توان به آماده بودن و جامع بودن آنها اشاره کرد. از اين رو اغلب اينگونه از سايتها در کمتر از ? روز کاري قابل نصب و استفاده هستند.
طراحي سايتهاي CMS مانند يک خط توليد محصول است و از آنجا که طراح بايد نمونه‌هاي محدودي را به صورت انبوه توليد کند سعي در رعايت تمام اصول امنيتي، گرافيکي، موارد مربوط به رنکينگ و امتياز موتورهاي جستجو و ساير موارد موثر مي کند.
با توجه به مزيتهاي آنها به تمامي افراد، سازمانها و شرکتهايي که شرايط داشتن سايتهاي دايناميک را دارند توصيه مي‌شود تا ابتدا به دنبال سيستمهاي مديريت محتواي مخصوص به کار خود بگردند و در صورتي که پيدا نشد به طراحي سايتهاي پويا روي بياورند.
مزاياي استفاده از وبسايت[ويرايش]
وبسايت‌ها مزاياي فراواني را براي مديران و صاحبان خود به همراه دارند که مهمترين آنها به شرح زيرند:
تاثير سايت در اطلاع رساني:
داشتن يک سايت مانند داشتن يک کاتالوگ است اما با مزاياي فراوان ديگر. يک کاتالوگ مي تواند شامل تصاوير و متون باشد اما يک سايت ميتواند از تصاوير، متون، فيلم و صوت و يا انيميشن نيز بهره بگيرد بنابر اين امکان اطلاع رساني جامع با محتوايي جذاب تر را مي دهد. براي طراحي، چاپ و انتشار هر نسخه از کاتالوگ نياز به هزينه است اما براي يک سايت فقط کافيست هزينه اي بسيار پايين براي طراحي و نگهداري آن پرداخت شود و بعد از آن در طول سايت هزاران و يا ميليونها کاربر مي توانند بارها و بارها از آن بازديد کنند.
تاثير سايت در بازاريابي:
موتورهاي جستجو بدون هزينه براي شما بازاريابي مي کنند فقط کافيست رباتهاي آنها سايت شما را پيدا کنند و از آن پس زماني که فردي به دنبال هر يک از خدمات و يا محصولات و يا اطلاعات ارائه شده در سايت شما باشد، اين موتورها فرد را به سمت سايت شما هدايت مي کنند. ميزان بازديد کننده هدايت شده به سايت به پارامترهاي زيادي وابسته است اما در بدترين حالت چيزي در حدود ?? نفر در روز توسط موتورهاي جستجو به يک سايت هدايت مي شوند.
ايجاد قابليتهاي جديد تبليغاتي:
با داشتن يک وبسايت صاحبان و مديران آن وارد عرصه تجارت الکترونيک مي شوند و امکان استفاده از راهکارهاي تجارت الکترونيک براي آنها بوجود مي آيد از مهمترين اين قابليتها ميتوان به تبليغات اينترنتي، تبليغات در موتورهاي جستجوگر، تبليغات کليکي و تبادل بنر و لينک اشاره کرد.
در دسترس بودن:
سايت همواره با متقاضيان اطلاعات و محصولات يا خدمات قابل ارائه توسط آن فقط يک کليک فاصله دارد و در تمامي ساعات شبانه روز و روزهاي تعطيل نيز فعال است.
فعاليت در خارج از مرزهاي جغرافيايي:
امروزه يکي از ملزومات فعاليت بدون مرز سايت است و تقريبا هيچکس نمي تواند مدعي فعاليت خارج از مرزهاي جغرافيايي شود در حالي که وبسايتي ندارد.
درآمد زايي:
ميزان سودآوري و درآمد زايي سايتها به نوع سايت و طراحی اهداف آن بستگي دارد البته ميزان فعاليت صاحبان سايتها و بروز رساني و رسيدگي به آنها نيز عامل بسيار مهمي است. اما امروزه شرکتها و افراد بسياري هستند که فقط از طريق سايت فعاليت مي کنند و عمده درآمد آنها از طريق سايت و مشتريان آنلاين است.
طراحي وب‌گاه[ويرايش]
وب‌گاه مجموعه‌اي از اطلاعات درباره موضوع و يا عنوان خاص است. طراحي يک وب‌گاه مشخص کننده آرايش و ساختــار صفحات وبي است که بوجود آورنده وب‌گاه خواهند بود. يک صفحه وب شامـــل اطلاعاتي درمورد هدف ايجــاد وب‌گاه مي‌باشد. يک وب ســايت را همــانند کتابي تصور کنيد کـه هر صفحه وب در حکم برگي از کتاب خواهد بود.
در زمينه طراحي وب‌گاه جنبه‌هاي گوناگوني بايد در نظر گرفته شود که به سبب پيشرفت روز افزون اينترنت همواره براين موارد افزوده مي‌شود. براي وب‌گاه‌هاي تجاري عمومي، موارد زير از جمله اصلي‌ترين آنها به شمار مي‌روند:
طراحي سايت بر طبق عنوان و محتواي مطالب مي‌باشد.
مطالب، جوهر کلام و اطلاعات درون سايت بايد مطابق با هدف سايت بوده و طيفي از عموم را نشانه رود که به دنبال اطلاعات ارائه شده در سايت هستند.
سايت بـــايد قابل فهم بوده و برقـــراري ارتبــاط با آن حتي براي مخاطباني کـه آشنايي چنداني بـا وب ندارند، آســـان باشد. چنانچه سايت به اندازه کافي بزرگ بوده و اطلاعات زيادي را شامــل شود، بـايد اطلاعات راهنما را به گونه‌اي بکار برد که به سرعت در اختيار بيننده قرار گيرند.
نماي کــار بايد کلي بوده و تمام صفحه را دربر گيرد تا بتواند پايـداري و ثبات را القــا کند. سبک نگارش بايد زيبا و تخصصي بوده و مناسب با سليقه مخاطبان و محتواي سايت باشد.
در نگارش متون و اطلاعاتي که مخاطب به دنبال آنها است بايد بزرگ نمايي شود تا به بيننده القا کند که اين همان چيزي است که به دنبال آن بوده است.
همچنين سايت بايد به سادگي در اينترنت يافت شود و درصورت امکان در بالاي ليست‌هاي جستجو قرار گيرد، اگرچه همواره اينگونه نباشد لااقل در موتورهاي جستجوي اصلي چنين شود.
يک وب‌گاه معمولاً شامـل متن و تصـاويـر است. اولين صفحه يک وب سـايت صفحه خانه (Home Page) و يا صفحه ايندکس (Index) ناميده مي‌شود. بعضي از وب‌گاه هـــا از صفحه‌اي استفـــاده مي‌کنند کـــه معمولاً صفحه خوش آمد ناميده مي‌شود. اين صفحه ممکن است شــامــل مواردي چون پيغــــــــــام خوش آمـدگويي، انتخاب زبـــان، انتخاب ناحيه جغرافيايي و يـا اعلام عدم پذيرش مسيوليت درمــوارد خاص باشد. هر صفحه وب درون سايت وب، يک فايل HTML است که URL مخصوص به خود را دارد.
بعد از اين که هر صفحه وب ساخته شد، اين صفحات با استفاده از فهرست راهنمايي که از پيوندهاي مختلف تشکيل شده است به يکديگر متصل ميشوند.
هنگامي که يک وب ســايت کامل شد براي آنکه بـراي همه برروي اينترنت قابل مشاهده باشد بايد منتشر و يا ارسال (Upload) شود. اين کار به کمک يک ميزبانFTP انجام مي‌شود. هنگامي که سايت منتشرشد، مسئول سايت براي افزايش بازديدکنندگان، از تکنيکهاي گونــاگون استفاده مي‌کند. اين کار با ثبت کردن وب سـايت در موتورهاي جستجويي نظير Google و Yahoo، تبادل لينک با وب ســايت‌هاي ديگر، ايجاد پيوند با وب‌گاه‌هاي مشابه و غيره امکان پذير است.
طرح وب سايت[ويرايش]
طرح وب به قالب نمايشي و طراحي گرافيکي صفحات موجود در وب‌گاه مي‌گويند که معرف محتوا و مطالب آن وب سـايت مي‌باشد. طرح وب جلوه بصـري هدف وب‌گاه است و اولين بخش از يک صفحه وب است که ذهن مخاطب را با خود درگير مي‌کند.
طراح وب با در نظر گرفتن هدف سايت و مخاطبان آن و با استفـاده از المان‌هاي متناسب با رويکرد سـايت و به کمک ذهن خلاق و ذوق هنري خود در بکار بردن ابعاد و رنگها، طرحي خلق مي‌کند که ضمن ايجـاد يکپارچگي در کليه صفحات وب‌گاه، نماي تکرار شونده و خسته کننده را به مخاطب القا نکند. در وب‌گاه بايد از الگوي ثابتي در صفحات استفاده کرد که کاربر به هنگام ديدن صفحات متوجه اين است که همه صفحات در يک سايت مشخص هستند.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : soheil websara4 بازدید : 226
از زماني که اينترنت در حد نيروي برق همه گير شده، عبارات « اينترنت » و « شبکه جهاني وب » متدوالا و به اشتباه به جاي يکديگر استفاده شده اند. اين روزها بارها عبارات « جست و جوي اينترنت » و « جست و جوي وب » را به کار مي بريم و يا اين عبارات را از افراد پيرامون خود مي شنويم. در حالي که اين دو مساله کاملا با هم متفاوت هستند.
در اين مقاله از ديفوراف، تلاش ما اين است که اين اشتباه را يک بار و براي هميشه رفع کنيم. از يک سو، اينترنت را مي توان سخت افزار نت دانست – زيربنايي که از پروتوکلي خاص استفاده مي کند و باعث مي شود همه چيز در کنار هم با هماهنگي کامل کار کنند. اما از سويي ديگر شبکه جهاني وب همان نرم افزار وب است – شبکه اي عظيم از نرم افزار ها و پروتوکل ها که ارتباط دهنده همه اجزا با يکديگر است.
در واقع وب همانطور که از اسمش پيداست مثل يک تار عنکبوت عظيم است که اجزاي تشکيل دهنده آن، ميليارد ها ميليارد کاربر در سراسر جهان هستند که از اين شبکه جهاني استفاده مي کنند.
اينترنت در برابر شبکه جهاني وب:
بنابراين شبکه اي که ما آن را با عنوان اينترنت مي شناسيم را متشکل از دو لايه تصور کنيد. لايه اي مستحکم را متصور شويد که از سيم ها، سرور ها، روتر ها، سوييچ ها، کامپيوتر ها و هر آنچه که به صورت فيزيکي شبکه اي در سر تا سر جهان ايجاد کرده تشکيل شده است. اين همان چيزي است که به آن « اينترنت » مي گوييم.
اينترنت چگونه طراحي شده:
در يک توضيح مختصر و کوتاه، اينترنت در ابتدا زيرساختي بود که پايه هاي آن از سال ???? و در نتيجه تلاش هاي آژانس پروژه هاي تحقيقاتي پيشرفته وزارت دفاع آمريکا براي ايجاد يک شبکه ارتباطي قوي در رابطه با جنگ ايجاد شد که اين شبکه ARPAnet نام گرفت که مخفف Advanced Research Projects Agency Network بود.
اما شبکه جهاني وب، در واقع مغز همه چيز است که همه سخت افزار و زيربناي اينترنت را به شکل نرم افزار ها وارد سرور ها و کامپيوتر ها مي کند. اين مجموعه شامل مرورگر هاي اينترنت و نرم افزار هايي مي شود که از طريق پروتوکل TCP/IP ( يکي از مهم ترين پروتوکل هاي استفاده شده در شبکه هاي کامپيوتري ) با هم در ارتباط هستند.
امروزه ديگر فقط صحبت از کامپيوتر ها و مرورگر هاي وب در ميان نيست. مردم ديگر به صورت فيزيکي و با استفاده از دستگاه هايي چون تبلت ها، اسمارت فون ها، موزيک ديوايس ها، کنسول هاي بازي، تلويزيون ها و حتي وسايلي مثل قاب عکس ها و دوربين هاي ديجيتال به اينترنت متصل مي شوند. تقريبا تمام دستگاه ها به اينترنت وصل مي شوند و به کاربران خود اين امکان را مي دهند تا به راحتي به سازه عظيم اينترنت دسترسي يابند.
حالتـهاى زيادى پيش مـي آيد که به جـاى وب از اينترنت استفاده مي کنيم : مثل وقتى که يک e-mail ميفرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم (peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامهاى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرسهاى وب که با ".www" شروع نميشوند.
به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو?ً نيازى به وارد کردن ".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد ميکنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد. سرور اغلب سايت را حتى بدون پيشوند تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب (ping) مي کند. حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود. اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايتتان را پيدا نکنيد. طراحی وب سایت
يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد « در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده ». در حال حاضر کاربران، سايتها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينکها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند .
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : soheil websara4 بازدید : 252
Beginners' Guide to Web Design with WordPress
Start your freelance career in web design with this course!
Overview
What's included?
Preview
Reviews
Do you want to lea how to use WordPress for web design? Do you want to start a freelance career in web design, but thought you couldn't because you're not a developer? Did you know that over 13% of the 1,000,000 biggest websites on the inteet run on WordPress? Whether you've been dreaming about designing your own website (and saving yourself some money), or starting your own business, this course if for you! It's a beginner's guide to leaing how to become a web designer specializing in WordPress, and also other fundamentals such as: what web hosting is, why Firefox is a web designer's best friend, and even how to edit images!
The course is is made up of 7 easy-to-follow lessons, including articles, video tutorials, and interaction! You'll get your interactive practice time through simple homework plans where you'll actually try doing what you've leaed in the tutorials. My objective is to make web design easy to understand, and I use real-world analogies to explain technical jargon to help you make sense of some of the fundamental concepts you need to understand in order to be a successful web designer.
What you'll lea
Setting up hosting
Installing WordPress
How to edit images
Who should do this
If you're interested in leaing how to start designing websites and/or blogs with the WordPress platform, and you've never done any kind of web design, then this course is definitely for you!
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : soheil websara4 بازدید : 233
فرض کنيد مي خواهيم دو جدول را در يک سطر قرار دهيم. اگر بخواهيم دو تگ جدول را پشت سر هم استفاده کنيم، جدول دوم در سطر بعدي و زير جدول اول قرار مي گيرد.
براي حل اين مشکل مي توانيد دو جدول مورد نظر را در يک جدول که آنها را در بر مي گيرد قرار دهيم. در اين صورت مي توان دو جدول در يک سطر ايجاد کرد.
در اينجا مي توانيد کدي را که يک جدول را درون يک جدول ديگر ايجاد مي کند:
<table width="500" border="4"><!-- تگ آغازي جدول بيروني -->
<td align="center"><!-- سلول اول در جدول بيروني -->
<table width="400" border="2"><!-- آغاز جدول دروني -->
<td align="center"><!-- اولين سلول جدول دروني -->
محتويات جدول دروني
</td><!-- پايان سلول جدول دروني -->
</table><!-- پايان جدول دروني -->
</td><!-- پايان سلول جدول بيروني -->
</table><!-- پايان جدول بيروني -->
اين هم جدول به دست آمده:
براي مثال فرض کنيد مي خواهيم دو جدول را در يک سطر داشته باشيم. مي توانيم مانند زير عمل کنيم:
<table width="600" border="4"><!-- تگ آغازي جدول بيروني -->
<td align="center"><!-- سلول اول در جدول بيروني -->
<table width="250" border="2"><!-- آغاز جدول دروني -->
<td align="center"><!-- اولين سلول جدول دروني -->
محتويات اولين جدول دروني
</td><!-- پايان سلول اولين جدول دروني -->
</table><!-- پايان اولين جدول دروني -->
</td><!-- پايان اولين سلول جدول بيروني -->
<td align="center"><!-- آغاز دومين سلول جدول بيروني -->
<table width="250" border="2"><!-- آغاز دومين جدول دروني -->
<td align="center"><!-- آغاز سلول دومين جدول دروني -->
محتويات دومين جدول دروني
</td><!-- پايان سلول دومين جدول دروني -->
</table><!-- پايان دومين جدول دروني -->
</td><!-- پايان دومين سلول جدول بيروني -->
</table><!-- پايان جدول بيروني -->
اين هم نتيجه به دست آمده:
محتويات اولين جدول دروني
محتويات دومين جدول دروني
قابل ذکر است که ما در اين مثالها براي بهتر مشخص شدن محل جدولها از شناسه border استفاده کرده ايم. شما مي توانيد به دلخواه از آن استفاده کنيد.
با اين روش مي توانيد هر تعداد جدول که نياز داشته باشيد در کنار هم قرار دهيد.
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : soheil websara4 بازدید : 434
Domain names are used in various networking contexts and application-specific naming and addressing purposes. In general, a domain name represents an Inteet Protocol (IP) resource, such as a personal computer used to access the Inteet, a server computer hosting a web site, or the web site itself or any other service communicated via the Inteet.
Domain names are organized in subordinate levels (subdomains) of the DNS root domain, which is nameless. The first-level set of domain names are the top-level domains (TLDs), including the generic top-level domains (gTLDs), such as the prominent domains com, info, net and org, and the country code top-level domains (ccTLDs). Below these top-level domains in the DNS hierarchy are the second-level and third-level domain names that are typically open for reservation by end-users who wish to connect local area networks to the Inteet, create other publicly accessible Inteet resources or run web sites. The registration of these domain names is usually administered by domain name registrars who sell their services to the public.
A fully qualified domain name (FQDN) is a domain name that is completely specified in the hierarchy of the DNS, having no omitted parts. Domain names are usually written in lowercase, although labels in the Domain Name System are case-insensitive.
Contents
1 Purpose
2 History
3 Domain name space
3.1 Domain name syntax
3.2 Top-level domains
3.3 Second-level and lower level domains
3.4 Inteationalized domain names
4 Domain name registration
4.1 History
4.2 Administration
4.3 Technical requirements and process
4.4 Business models
5 Resale of domain names
6 Domain name confusion
7 Use in web site hosting
8 Abuse and regulation
8.1 Truth in Domain Names Act
8.2 Seizures
9 Fictitious domain name
10 See also
11 References
12 Exteal links
Purpose طراحی وب سایت
Domain names serve as humanly memorable names for Inteet participants, like computers, networks, and services. A domain name represents an Inteet Protocol (IP) resource. Individual Inteet host computers use domain names as host identifiers, or host names. Host names are the leaf labels in the domain name system usually without further subordinate domain name space. Host names appear as a component in Uniform Resource Locators (URLs) for Inteet resources such as web sites (e.g., en.wikipedia.org).
Domain names are also used as simple identification labels to indicate ownership or control of a resource. Such examples are the realm identifiers used in the Session Initiation Protocol (SIP), the Domain Keys used to verify DNS domains in e-mail systems, and in many other Uniform Resource Identifiers (URIs).
An important function of domain names is to provide easily recognizable and memorizable names to numerically addressed Inteet resources. This abstraction allows any resource to be moved to a different physical location in the address topology of the network, globally or locally in an intranet. Such a move usually requires changing the IP address of a resource and the corresponding translation of this IP address to and from its domain name.
Domain names are used to establish a unique identity. Organizations can choose a domain name that corresponds to their name, helping Inteet users to reach them easily. For instance IBM's web site is at ibm.com, and GNU's is at gnu.org.
Generic domain names increase popularity. A generic domain name may sometimes define an entire category of business that a company is involved in, rather than being the name of the company. Some examples of generic names include books.com, music.com, travel.com and art.com. Companies have created successful brands based on a generic name, and such generic domain names tend to be very valuable
Domain names are often referred to simply as domains and domain name registrants are frequently referred to as domain owners, although domain name registration with a registrar does not confer any legal ownership of the domain name, only an exclusive right of use.
The use of domain names in commerce may subject them to trademark law. In 2010, the number of active domains reached 196 million.
طراحی وب سایت...ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : soheil websara4 بازدید : 277
تنظیم پیج کد مورد استفاده در صفحه طراحی وب سایت
حتماً تا به حال با صفحاتی مواجه شده اید که به زبان فارسی نوشته شده اند، اما وقتی از آنها بازدید می کنید با کلماتی به هم ریخته و غیر قابل فهم مواجه می شوید. دلیل این مشکل ناسازگار بودن Encoding انتخاب شده در مرورگر با زبان فارسی است.
این ناسازگاری ممکن است به دلیل کامل نشدن بارگزاری صفحه طراحی وب سایت ایجاد شده باشد یا به دلیل اینکه در هنگام طراحی Encoding متناسب با زبان فارسی انتخاب نشده باشد یا اصلاً در طراحی صفحه هیچگزینه ای برای Encoding صفحه در نظر گرفته نشده باشد.
در اکثر مواقع می توانید صفحه مورد نظر را به روش زیر به صورت فارسی مشاهده کنید:
مرورگر اینترنت اکسپلورر در ویندوز (Microsoft Inteet Explorer) :
از منوی view گزینه Encoding را انتخاب کنید و گزینه utf-8 را کلیک کنید. در صورتی که در لیست اولیه کد پیجهای مختلف نتوانستید utf-8 را مشاهده کنید نشانگر ماوس خود را روی گزینه More نگهدارید و utf-8 را از بین کد پیجهای مختلف پیدا کرده و روی آن کلیک کنید.
در سایر مرورگر ها هم به همین روش باید عمل کنید فقط مسیر منو ها کمی تفاوت دارد. می توانید مسیر های زیر را دنبال کنید.
مرورگر فایر فوکس : (Firefox)
view --> Character Encoding --> unicode (utf-8)
یا
view --> Character Encoding --> More Encodings --> Unicode --> Unicode (utf-8)
مرورگر اپرا : (Opera)
view --> Encoding --> Unicode --> UTF-8
البته اگر به این روش مشکل صفحه مورد نظر شما حل نشد به دلیل این است که صفحه با پیج کد دیگری نوشته شده است. می توانید گزینه هایی مثل (Arabic(Windows رانیز امتحان کنید.
برای اینکه یک صفحه فارسی طراحی وب سایت کنیم دو چیز را باید مد نظر قرار دهیم:
راست به چپ بودن صفحه
برای اینکه یک صفحه راست به چپ طراحی کنیم می توانیم به چند طریق عمل کنیم.
استفاده از شناسه "dir="rtl در تگ <html>
از این شناسه در بسیاری از تگهای HTML می توان استفاده نمود. در صورتی که صفحه ای راست به چپ باشد و بخواهیم از قسمتهای چپ به راست نیز در آن صفحه استفاده کنیم می توانیم از شناسه "dir="ltr استفاده کنیم.
استفاده از CSS برای تعیین direction صفحه
مثلاً استفاده از یک استایل خارجی یا در بخش HEAD متن یا استفاده از شناسه "style="direction: rtl در تگهایی که می خواهیم به صورت راست به چپ نمایش داده شود
تنظیم Encoding در هنگام طراحی وب سایت
برای تنظیم Encoding صفحه باید از یک متاتگ در بخش HEAD متن استفاده کنیم. این متاتگ برای کد پیج utf-8 که بیشترین سازگازی را با صفحات فارسی دارد به صورت زیر است:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
اگر در طراحی وب سایت صفحه ای از این متاتگ استفاده شود کد پیج utf-8 در مرورگر به صورت خودکار برای آن صفحه اعمال می شود.
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : soheil websara4 بازدید : 262
به کار گیری html و css در طراحی وب سایت
به کار گیری html و css در طراحی وب سایت
2011/09/20
آموزش css, آموزش html, آموزش طراحی وب سایت
دیدگاه ها
در آنلاینر، شما سرفصل های آموزش طراحی وب سایت html و آموزش css را به عنوان دو بخش اساسی در سلسله مقاله های آموزشی طراحی سایت، مشاهده خواهید کرد.
در این مقاله ی آموزشی نقش html و css را در طراحی صفحات وب توضیح خواهیم داد.
نقش html در طراحی سایت؛ مشخص کردن اجزای صفحات وب
این یک اشتباه رایج است که گفته می شود با html، صفحات سایت طراحی می شوند! اما چرا این جمله اشتباه است؟ به خاطر اینکه استفاده از html به تنهایی نمی توان صفحه ای را ایجاد نمود که در نظر کاربر، یک صفحه ی سایت مناسب باشد. بلکه تا هنگامی که کدهای ایجاد شده به وسیله ی طراحی وب سایت html، حداقل با css سبک دهی نشوند، نمی توان صفحات وب با کیفیت و کارآیی مناسب را ایجاد کرد. در حقیقت html به طراحی وب سایت کمک می کند.
نقش کلیدی html، نشانه گذاری (mark up)، عناصر مختلف صفحات وب می باشد. مانند تعیین بخش هدر (header)، تیترها، منوها، نظرات، دیدگاه ها، سایدبار (sidebar)، فوتر (footer) و …
نکته:
html با محتوای صفحات وب سروکار دارد.
نقش css در طراحی وب سایت ؛ سبک دهی و استایل دهی به اجزای صفحات وب
بخش های مختلف که توسط html، نشانه گذاری شده اند، توسط css سبک دهی می شوند. مثلا برای هر کدام از عناصر نشانه گذاری شده توسط اچ تی ام ال، css تعیین می کند: چه رنگی داشته باشد، تصویر پس زمینه و یا رنگ پس زمینه ی آن چه باشد، چه عرضی داشته باشد، چه ارتفاعی داشته باشد، در چه موقعیتی قرار بگیرد و …
نکته:
css با ظاهر و چیدمان صفحات وب سروکار دارد.
استفاده از html، به صورت معناگرا
یکی از اصولی که در طراحی وب سایت به طور جدی باید مورد توجه قرار بگیرد، استفاده ی مفهومی از اچ تی ام ال است. یعنی باید هر عنصر را طوری ایجاد کرد که:
نحوه ی نشانه گذاری هر عنصر، نشان دهنده ی محتوای آن باشد.
نحوه ی نشانه گذاری هر عنصر، بر اساس سبک دهی آن نباشد (نشانه گذاری ها، presentational نباشند.)
برای درک دقیق آنچه گفته شد، به مثال زیر توجه کنید:
1
2
3
4
در مثال فوق، با استفاده از صفت های id، نام هر بخش به صورت معناگرا مشخص شده است: header, sidebar, footer, content بنابر این کاربرد کدهای html بصورت معناگرا کاملا در مثال فوق مشاهده می شود.
در کدهای بالا، اسامی انتخاب شده به دلایل زیر اشتباه و نامناسب هستند:
نام ali-logo به این دلیل مناسب نیست که اسم یک شخص است و بر اساس محتوای آن (که قرار است هدر باشد) نامگذاری نشده است.
نام های right و left بهیچ وجه مناسب نیستند. چرا که چپ و یا راست بودن عناصر با css تنظیم می شوند. حالا فرض کنید پس از گذشت مدتی بخواهیم جای عناصری که با نام های right و left مشخص کرده ایم را جابجا کنیم. چه اتفاقی می افتد؟ عنصری که نام آن left است، در سمت راست قرار میگیرد و عنصری که نام آن right است در سمت چپ قرار میگیرد!
نام red-box هم مناسب نیست؛ چرا که مانند نام های right و left بر اساس سبکدهی (presentational) نامگذاری شده است. در حالی که ممکن است بخواهیم بعدا رنگ آن را به آبی، زرد و یا … تغییر بدهیم. واضح است که جالب نیست نام قسمتی قرمز باشد، در حالی که رنگ آن سبز است!
بنابراین همیشه توجه داشته باشید که هنگام استفاده از کدهای طراحی وب سایت html، نامگذاری ها را به صورت معناگرا انجام بدهید.
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : soheil websara4 بازدید : 233