حالا چند کلمه در مورد تگ هایی که برای ساختن این صفحه استفاده کردیم.
شرح تگ های html از مثال
1. - این برچسب ها باید در هر صفحه وب وجود داشته باشد. آنها به مرورگرها و موتورهای جستجو می گویند که این یک صفحه HTML است.
هر صفحه html ساختار زیر را دارد:
... تگ های سرفصل ... ... بدنه صفحه ...
2.
- بین این تگ ها تمام محتوای قابل مشاهده صفحه نهفته است.4.
حالا بیایید به سراغ تگ هایی برویم که در بدنه هستند صفحات html(داخل
5.
6.
یکی از کلاس تگ های هدر است..، معمولاً حاوی عنوان صفحه است. به عنوان مثال، این صفحه دارای برچسب عنوان "مثال ایجاد htmlصفحات".توجه داشته باشید
این برچسب ها وزن زیادی در رتبه بندی وب سایت دارند، بنابراین باید با دقت و عاقلانه از آنها استفاده کرد.
هنگام نوشتن کد html باید به آن پایبند باشید قانون ساده: برچسب head باید اول باشد
، و سپس آنها می توانند ادامه دهند
, و غیره. نکته اصلی این است که در ابتدا اتفاق نمی افتد ، سپس ، سپس و غیره باید یک سلسله مراتب دقیق وجود داشته باشد. سرفصل ها
, و غیره شاید خیلی
و غیره. نکته اصلی این است که در ابتدا اتفاق نمی افتد ، سپس ، سپس و غیره باید یک سلسله مراتب دقیق وجود داشته باشد. سرفصل ها
, و غیره شاید خیلی
، سپس و غیره باید یک سلسله مراتب دقیق وجود داشته باشد. سرفصل ها
, و غیره شاید خیلی
, و غیره شاید خیلی
7.
یک تگ واحد است که نیازی به تگ بسته شدن ندارد. به خط بعدی می رود. در مثالم، دو تگ تکی پشت سر هم نوشتم تا دو بار به خط بعدی بروم.
8.
یک تگ واحد است که یک تصویر را نمایش می دهد.
- src یک پارامتر ضروری است که آدرس تصویر را مشخص می کند (به جای URL_IMAGE باید آدرسی را که تصویر شما در آن ذخیره شده است وارد کنید).
توجه داشته باشید:- اگر تصویر در یک پوشه با صفحه html شما قرار دارد، کافی است نام تصویر را بنویسید، در غیر این صورت باید URL مطلق یا نسبی را وارد کنید.
- فراموش نکنید که پسوند تصویر را مشخص کنید. به عنوان مثال، jpg، .gif، .jpeg.
- alt یا title - در این پارامترها می توانید شرح تصویر خود را بنویسید. هنگامی که ماوس خود را روی تصویر قرار می دهید، این توضیحات ظاهر می شود. این پارامترها برای ارتقای وب سایت به خصوص در جستجوی تصویر مهم هستند. اگر تصویر بارگذاری نشد، این متن نمایش داده می شود که این نیز یک امتیاز مثبت است.
9. - این تگ ها برای تغییر فونت، پس زمینه، اندازه و غیره ایجاد می شوند. به طور خلاصه، همه چیز مربوط به قالب بندی متن را می توان در یک تگ پیکربندی کرد. این تگ دارای چندین ویژگی است که در یک درس جداگانه به آنها خواهم پرداخت.
توجه: - برچسب مشابه.
همچنین یک ویژگی فونت CSS وجود دارد که می توانید تمام این گزینه ها را تنظیم کنید.
10. با پررنگ برجسته کنید. هر چیزی که بین آن قرار می گیرد وبه صورت پررنگ برجسته خواهد شد. به عنوان مثال، اگر آن را در همان ابتدای محتوا بنویسید و در انتهای آن ببندید، تمام متن صفحه با پررنگ برجسته می شود. این یک برچسب نسبتاً رایج است که مشابه آن است .
موتورهای جستجو از نظر افزایش نفوذ کلمات کلیدی به این برچسب توجه می کنند. اما باید مراقب باشید، زیرا هر بار برجسته کردن کلمات کلیدی به صورت پررنگ به عنوان هرزنامه تلقی می شود.
در متن درس اول قبلاً نوشتم که به کاربر در اینترنت اطلاعات مختلفی برای مصرف ارائه می شود و همچنین موارد مختلفی وجود دارد. خدمات اینترنتی، که به کمک آن می توانید در فرآیندهای خلاقانه مختلف شرکت کنید و حتی یک صفحه شخصی در اینترنت ایجاد کنید.
توجه! سرویس Yandex در آگوست 2014 سرویس Ya.ru شرح داده شده در این درس را بسته است، اطلاعات مربوط به انتقال داده هایی که ایجاد کرده اید را در اینجا ببینید:
http://blog.yandex.ru/post/81530/
متن مربوط به ایجاد یک صفحه شخصی در Yandex از این درس حذف شده است.
بیایید نگاهی دقیق تر به برخی از فرصت های ارائه شده به ما بیندازیم، به عنوان مثال، سرویس Yandex.
برای انجام این کار، آدرس وب سایت Yandex را که قبلاً می دانید در نوار آدرس رایانه خود تایپ کنید (ابتدا یک برگه جدید باز کنید): yandex.ru صفحه اصلی Yandex باز می شود.
در بالای صفحه آخرین اخبار جهان است. زیر تیترهای اخبار خط کشی شده است، به این معنی که هستند لینک های فعال. یعنی با کلیک بر روی هر عنوانی به صفحه ای منتقل می شوید که توضیحات دقیق تری از رویداد یا حادثه اعلام شده در آن ارائه شده است. به عنوان یک قاعده، در یک صفحه باز، پیوندهای فعال زیادی به داستان های دیگر و همچنین عکس های کوچک وجود دارد. با کلیک بر روی عکس ها می توانید آنها را به صورت بزرگنمایی شده مشاهده کنید. آزمایش کنید، روی عکس ها و لینک های فعال کلیک کنید. برای اینکه بفهمید آیا امکان بزرگنمایی مجدد عکس وجود دارد یا خیر، اگر تصویر یک دست را پذیرفت، ماوس را روی آن قرار دهید.
پس از یک سری کلیک و باز کردن صفحات مختلف، کادرهای مستطیلی باریکی در بالا ظاهر می شوند زبانه هابا عنوان صفحات می توانید برگه ها را با یک ضربدر در گوشه سمت راست آنها ببندید.
پیوندهای فعال را می توان به روش های مختلفی انجام داد: وقتی روی یک پیوند کلیک می کنید، صفحه جدیدی باز می شود برگه جدید(سپس یک مستطیل باریک از این برگه در بالا ظاهر می شود) یا یک صفحه جدید به جای صفحه ای که مشاهده می کردید باز می شود. اگر صفحه در یک برگه جدید باز نشد، پس بازگشت به صفحه قبلمی توانید از فلش سمت چپ در دایره سبز رنگ در گوشه سمت چپ بالای صفحه استفاده کنید.
پس از خواندن اخبار، به صفحه اصلی Yandex بازگردید. به هر حال، می توانید با کلیک بر روی آرم وب سایت Yandex به صفحه اصلی Yandex بازگردید. این قانون تقریباً برای تمام سایت هایی که در آینده از آنها بازدید خواهید کرد صدق می کند.
به عنوان مثال، در سایت " مستمری بگیر سن پترزبورگهمیشه می توانید با کلیک بر روی لوگو به صفحه اصلی بازگردید که در این حالت در امتداد لبه بالایی قرار دارد و از سه خط شامل نام سایت، فید عکس و دسته بندی مجله آنلاین.
موضوعات و بخش های وب سایت Yandex در بالای نوار جستجوی زرد نوشته شده است. روی کلمه "بیشتر" کلیک کنید، منوی کشویی لیست دقیق تری از بخش ها را نشان می دهد. نام هر بخش نیز یک پیوند فعال است که می توانید روی آن کلیک کنید و صفحات باز شده را مشاهده کنید.
ایجاد یک وب سایت شخصی زمان زیادی طول خواهد کشید. شما باید دانش خاصی داشته باشید و زمینه برنامه نویسی، چیدمان، کپی رایتینگ، بازاریابی و غیره را بدانید. اما با استفاده از قالب های سازنده وب سایت Nethouse، می توان از این امر جلوگیری کرد.
این سرویس گزینه های قالب زیادی را برای وب سایت های فردی ایجاد کرده است. استفاده از همه آنها آسان است و به راحتی قابل پیمایش هستند. شما فقط باید صفحات را با اطلاعات پر کنید و بازخورد ایجاد کنید - سپس مشتریان به سرعت شما را پیدا می کنند و پیشنهاد همکاری می دهند.
نحوه ایجاد وب سایت شخصی خود در حال تبدیل شدن به یک سوال فزاینده است. در دنیای فناوری دیجیتال، این برای بسیاری محبوب و ضروری می شود. ایجاد وبسایتهای شخصی ممکن است نه تنها برای نگهداری بیکار یک صفحه، بلکه برای ایجاد وبلاگ شخصی شما نیز ضروری باشد، که با گذشت زمان میتواند درآمد قابل توجهی ایجاد کند. اما چگونه می توان یک وب سایت شخصی را بدون تماس با استودیوهای گران قیمت باز کرد که انجام همه کارها زمان غیرقابل تصوری را نیز صرف می کند؟ سازنده وب سایت Nethouse این مشکل را برای میلیون ها کاربر حل می کند و به تحقق جسورانه ترین ایده ها کمک می کند!
ایجاد یک وب سایت شخصی با دستان خود در یک ساعت، و حتی به صورت رایگان، فوق العاده نیست. با Nethouse این برای همه در دسترس است. فقط آن را امتحان کنید، شگفت زده خواهید شد که چقدر آسان است!
صفحه شخصی - صفحه شخصی شما، صفحه شرکت/سازمان/تحقیق، که شامل تمام نمایه های شماست. مناسب برای جمع آوری متمرکز اطلاعات.
می توانید از طریق پاورقی سایت http://anketolog.ru/، بخش صفحات شخصی: http://anketolog.ru/personalpage.html، با کلیک بر روی دکمه، یک صفحه شخصی ایجاد کنید.
یا از طریق حساب شخصی شما - مسدود کردن صفحات شخصی - یک صفحه شخصی ایجاد کنید.
3 صفحه شخصی در تعرفه رایگان، 5 صفحه در تعرفه پایه و تعداد بی پایانی صفحه شخصی در تعرفه Pro موجود است.
تنظیم محتوای صفحه
توجه! بخشهای موردنیاز با ستاره مشخص شده اند.
در زمینه نامنام شرکت/سازمان/تحقیق خود را وارد کنید، اگر این صفحه شماست، سپس اطلاعات شخصی یا اطلاعاتی که لازم می دانید.
روی لینک کلیک کنید پروفایل ها را ضمیمه کنید، از لیستی که در پنجره ظاهر می شود، پروفایل های خود را که می خواهید به صفحه شخصی خود پیوست کنید، انتخاب کنید. تعداد پروفایل های پیوست شده محدود نیست. میتوانید با کلیک کردن روی نمادهای مربوطه «صلیب» (برای حذف) و «پیکان» (برای جابجایی) پروفایلها را حذف یا جابهجا کنید.
در زمینه شرحوارد اطلاعات لازمکه می خواهید به پاسخ دهندگان منتقل کنید.
سفارشی کردن ظاهر
تو می تونی تغییر کنی نمای استانداردصفحه شخصی با اضافه کردن لوگو، تصویر پس زمینه برای هدر صفحه، رنگ پس زمینه.
- لوگو
لطفاً هنگام اضافه کردن لوگو به شرایط زیر توجه کنید. می توانید از تصاویر با فرمت های jpg، .jpeg، png. استفاده کنید. اندازه تصاویر به طور خودکار تنظیم می شود. اندازه پیشنهادی 205*165 پیکسل است.
برای پیوست/حذف لوگو، روی دکمه کلیک کنید پیوست/حذفزیر او
- تصویر پس زمینه در هدر
لطفاً هنگام افزودن تصویر پس زمینه به شرایط زیر توجه کنید. می توانید از تصاویر فرمت استفاده کنید jpg، .jpeg، .png. اندازه پیشنهادی 1140*360 پیکسل است.
- رنگ پس زمینه
رنگ پس زمینه را می توان از پالت رنگ های ارائه شده انتخاب کرد (روی مربع در خط Background Color کلیک کنید). همچنین می توانید کد رنگ html را در فیلد ارائه شده وارد کنید.
- لوگوی پرسشنامه
برای حذف لوگوی ما، کادر مربوطه را علامت بزنید.