با ورود اینترنت به زندگی انسانها، تحول زیادی در نوع زندگی و فکر مردم ایجاد شده است. با گسترش ارتباطات مجازی و جریان اطلاعات بین کامپیوترها توسط اینترنت، کمتر شرکت یا موسسه ای پیدا می شود که به فکر معرفی خود و محصولات و خدماتی که ارائه می کند در دنیای ارتباطات مجازی نباشد. قطعا این معرفی باید به بهترین نحو ممکن صورت گیرد تا موثر و مفید واقع شود. در این کتاب سعی شده است تا حد امکان نحوه طراحی صفحه ای از وب به طور کامل مورد بحث قرار گیرد. این کتاب به صورت مرحله به مرحله، روش، متد طراحی و همچنین پیاده سازی یک صفحه از ابتدا تا انتها را مورد بررسی قرار می دهد. این اثر، برخی از تگ های حائز اهمیت HTML را توضیح داده و بیشتر به موضوع طراحی و کاربرد این کدها در صفحات وب پرداخته است.
مقدمه
تاريخچه وب
تیم برنرز لی، بنیانگذار شبکه جهانی وب، با راه اندازی یک وب سایت در آگوست سال 1991 ، نام خود را به عنوان نخستین طراح وب در تاریخ به ثبت رساند. در آغاز، سایت های وب با کدهای ساده HTML نوشته می شدند، گونه ای از زبان کدنویسی که ساختار ساده ای به وب سایت ها می داد، شامل سرتیتر و پاراگراف، وتوانایی پیوند دادن به صفحه های وب دیگر. در مقایسه با روش های دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی می توانستند با یک مرورگر، صفحه های پیوند خورده را باز کنند. با پیشرفت وب و هنر طراحی آن، زبان کد نویسی HTML پیچیده تر و پرانعطاف تر شد. ابزاری مانند جدول ها که بیشتر برای نمایش نمودارهای داده ای بودند، بزودی مورد استفاده نادرست، برای چیدمان های پنهان در صفحه های وب قرارگرفتند. با پیدایش صفحه های الگوی وب یا CSS ، روش نادرست طراحی با جدول های پنهان در صفحه، از گردونه خارج، و به جای آن، استفاده مناسب از صفحه های الگوی وب (CSS)، جایگزین شد. فن آوری‌های یکپارچه سازی داده ها (Database)، مانند زبان های کدنویسی سمت سرور (Server-Side Scripting) مانند CGI, PHP, ASP.NET, ASP, JSP و ،ColdFusion واستانداردهای طراحی مدرن با الگوها (CSS)، ساختار سایت های وب را باز هم تغییر داده و آنرا پیشرفته تر کرده اند.همچنین با آمدن نگاره های جاندار و فن آوری های پویانمایی به صفحه ها، مانند فلش (Flash)، چهره وب بیشتر از پیش تغییر کرد و توانمندی‌های تازه به سازندگان رسانه و طراح‌های وب داده شد، ومرورگر‌ها از توانایی‌های بیشتر و کارایی ها تازه ای برخوردار شدند.
طراحی وب سایت
وب سایت مجموعه ای از اطلاعات درباره موضوع و یا عنوان خاص است. طراحی یک وب سایت مشخص کننده آرایش و ساختار صفحات وبی است که بوجود آورنده وب سایت خواهند بود. یک صفحه وب شامل اطلاعاتی درمورد هدف ایجاد وب سایت می باشد. یک وب سایت را همانند کتابی تصور کنید که هر صفحه وب در حکم برگی از کتاب خواهد بود. یک وب سایت معمولا شامل متن و تصاویر است. اولین صفحه یک وب سایت صفحه خانه ( Home Page) و یا صفحه ایندکس (index) نامیده می شود. بعضی از وب سایت ها ازصفحه ای استفاده می کنند که معمولا صفحه خوش-آمد نامیده می شود. این صفحه ممکن است شامل مواردی چون پیغام خوش آمدگویی، انتخاب زبان، انتخاب ناحیه جغرافیایی و یا اعلام عدم پذیرش مسولیت درموارد خاص باشد. هر صفحه وب درون سایت، یک فایل HTML است که URL مخصوص به خود را دارد.بعد از این که هر صفحه وب ساخته شد، این صفحات با استفاده از فهرست راهنمایی که از پیوندهای مختلف تشکیل شده است به یکدیگر متصل می شوند. هنگامی که یک وب سایت کامل شد برای آنکه برای همه برروی اینترنت قابل مشاهده باشد باید منتشر و یا ارسال (Upload) شود. این کار به کمک یک ميزبان FTP انجام می شود. هنگامی که سایت منتشر شد، مدیر سایت برای افزایش بازدیدکنندگان، از تکنیکهای گوناگون استفاده می کند. این کار با ثبت کردن وب سایت در موتورهای جستجویی نظیر Google و Yahoo ، تبادل لینک با وب سایت های دیگر، ایجاد پیوند با وب‌سایت های مشابه و غیره امکان پذیر است.
طرح وب سایت
طرح وب به قالب نمایشی و طراحی گرافیکی صفحات موجود در وب سایت می گویند که معرف محتوا و مطالب آن وب سایت می باشد. طرح وب جلوه بصری هدف وب سایت است و اولین بخش از یک صفحه وب است که ذهن مخاطب را با خود درگیر می کند. طراح وب با در نظر گرفتن هدف سایت و مخاطبان آن و با استفاده از المان های متناسب با رویکرد سایت و به کمک ذهن خلاق و ذوق هنری خود در بکار بردن ابعاد ورنگها، طرحی خلق می کند که ضمن ایجاد یکپارچگی در کلیه صفحات وب سایت، نمای تکرارشونده و خستهکننده را به مخاطب القا نکند. در وب سایت باید از الگوی ثابتی درصفحات استفاده کرد که کاربر به هنگام دیدن صفحات متوجه این است که همه صفحات در یک سایت مشخص هستند.
شروع به طراحی یک صفحه وب
راههای مختلفی برای یادگیری وجود دارد، مانند شرکت در دوره های طراحی و بسایت، خواندن کتابهای آموزشی، دنبال کردن آموزشها از روی وب سایت ها اما هرکس با توجه به وقت، توانایی و بودجه خود باید تصمیم بگیرد که چه زمانی و از چه طریقی آموزش را شروع نماید. در کنار نرم افزارهای فتوشاپ و فلش یادگیری و استفاده از نرم‌افزار بسیار قدرتمند Adobe Illustrator هم توصیه می شود.