html-код на сайт

Question

Я только что узнал основы html. Я хотел знать различные этапы разработки HTML-кода на веб-сайте. Я сделал несколько поисковых запросов и наткнулся на разные страницы. Я узнал, что есть что-то, называемое «фреймворками» или «платформами» с такими именами, как Drupal, Wordpress и т. Д., Которые позволяют легко разрабатывать веб-сайты.

Я не видел этих платформ, но я думаю, что эти платформы или фреймворки запускают некоторые коды в фоновом режиме, которые срабатывают при некоторых щелчках мыши. (Пожалуйста, исправьте меня, если я ошибаюсь). Затем я познакомился с выбором доступных серверов и нам нужно решить, на каком сервере мы хотим, чтобы веб-сайт работал.

Кроме того, есть такие вещи, как домены и хост (эти, наряду с серверами, являются тем, чьи строгие технические определения мне неизвестны). И мне интересно, как мы распределяем домен на веб-сайт и как мы связываем его с SQL или DB для его операций?

Итак, может ли кто-нибудь объяснить вкратце, что точка на линии, чтобы взять простой HTML-код (или, может быть, CSS или Javascript) на веб-сайт (создание с нуля не на какой-либо платформе) и как присоединиться к этим точки? (я надеюсь, формулируя этот вопрос, как "Что HTML-код, написанный в необходимости блокнота, чтобы стать веб-сайт, будет почти означать то же самое).

Answer 1

http://www.w3schools.com/html является правильным местом для вас, чтобы узнать HTML и разработка веб-сайтов из основ.

Answer 2

Создание веб-сайта похоже на выпечку торта. Существуют различные типы веб-сайтов, так же как и разные уровни уровня хлебопека. Булочный пирог для домашнего пирога может использовать торт в коробке & следуйте рецепту на обратной стороне коробки, но мастер-пекарь создаст свадебные торты, используя свое мастерство своего набора навыков, которое они потратили годы на создание (добавьте инструменты тоже), улучшите (затачивайте их инструменты) & perfect (их knowl края). В любом случае, пекари создают торты, чтобы поесть & мы строим сайты для игры с использованием &.

Все начинается с базового базового знания HTML. Сначала вам нужно освоить это. Стартовый веб-редактор: NotePad++. Способ, которым большинство из нас учится, - загрузить базовый HTML-редактор &, сохранить страницы как .html-файлы. Затем запустите веб-сервер (например, XAMPP - см. Ниже) и поместите веб-страницы в папку/htdocs /. Затем вы можете увидеть свой сайт с такими URL-адресами, как: http://localhost/index.html или http://192.168.1.1/index.html

Следующий слой должен добавить функциональность вашего сайта. Мы делаем это через внешний код (JavaScript) и внутренний код (например, PHP, PERL, Python, C# и т. Д.).

Слушатели слушаются в JavaScript. Они позволяют использовать такие функции, как: Щелчок (на настольных браузерах), Touching (на мобильных телефонах), Mouse Overs (на настольных браузерах), Swiping (на мобильных телефонах) и т. Д. В конце концов вы узнаете об этом. Библиотеки JavaScript (см. Ниже), такие как jQuery, помогут вам сделать короткие сокращения. Некоторые библиотеки будут обернуть родную конструкцию JavaScript языка как:

document.getElementById('myId'); into $('#myId'); 
document.getElementsByClassName('myClassName'); into $('.myClassName'); 
document.querySelectorAll('#myId .myClassName'); into $('#myId .myClassName'); 

Мы также добавляем дизайн слой переднего конца, используя CSS. Это делает наши сайты потрясающими (AKA довольно)!

Я рекомендую начать обучение: HTML> затем CSS или jQuery> затем jQuery или CSS> затем серверный язык (см. Ниже)> затем SQL> затем базу данных> затем, как купить доменное имя>, то как для получения учетной записи веб-хостинга> затем, как загрузить свой сайт> &, наконец, как настроить серверы имен, чтобы пользователи могли видеть ваш сайт.(Вы можете сделать SEO & A/B Testing после того как все это закончится.)

Серверные Каркасы полезны для принятия коротких путей в развитии фоновым кода. Они могут помочь вам сократить время, затрачиваемое на создание этих функций:

• Панель администратора, где отдельные пользователи могут редактировать контент на сайте, но большинство людей не может использовать. Обычно панели администратора предназначены для специалистов по маркетингу, которые не являются программистами.
• Content Management System (CMS)
• База данных

В PHP на основе CMS инструменты (с использованием либо No SQL баз данных или SQL на основе RDBMS систем, с генераторами SQL или ORM с.): Drupal, Joomla & Wordpress. Они предназначены для того, чтобы помочь вам создавать серверные системы, не зная, как делать все на 100% с нуля ... или делать короткие сокращения, если вы знаете, как это сделать, но просто не хотите строить все с нуля ,

Есть также библиотеки на стороне клиента & рамки. Они помогают людям справляться с огромными объемами шаблона HTML, JavaScript & CSS-код, который они могут создать. Некоторые из них включают в себя:

1. CSS: Bootstrap, Less, SASS/SCSS
2. JavaScript библиотеки: D3, Ember, jQuery, Knockout, Modernizr, Underscore
3. JavaScript Frameworks: Angular, React

Это веб-серверы, которые вы можете изучить:

1. XAMPP - ApacheFriends.org корабли в 5 минутах инсталлятор для: Apache HTTP Server + MariaDB + PHP + Perl + FileZilla FTP + Apache сервер Tomcat
2. Node.js хорош для использования JavaScript в качестве языка на стороне сервера для строительных вещей как программы чата. (Да, вы используете JS на back-end тоже с Node.js.)
3. IIS - если вам нравится язык C# Microsoft.

Вот некоторые ссылки для вас, чтобы изучить, как вы начинаете изучать, как создавать веб-сайты. Начните с вершины & проведите свой путь вниз в этом порядке. (Примечание. Если вы посмотрите на левую сторону каждой страницы W3Schools, вы найдете список ключевых слов, свойств/переменных & методов/функций.)

1. HTML: HTML 5 Tag List, MDN's HTML 5 Features Overview
2. CSS: W3Schools CSS page
3. JavaScript: W3Schools JS page, jQuery's API Guide
4. PHP 7: PHP.net's Language Reference Guide
5. SQL: Wikipedia SQL Code Overview

Я рекомендую избегать SQL, Базы данных & сейчас выбираем веб-хостинг-провайдера, пока вы не научитесь создавать формы в HTML. Именно тогда вы начнете узнавать о создании внутреннего кода для добавления этих данных формы в таблицу базы данных. Вы также будете использовать SQL для извлечения данных из базы данных & вставьте ее обратно на страницу.

Когда вы будете готовы, вы можете зарегистрировать домен в Domain Name Registrar. Исходный - Network Solutions, но есть и другие более дешевые в Интернете.

A Web Hosting Service провайдер - это то, где вы в конечном итоге будете передавать свой код FTP, чтобы другие люди могли видеть ваш сайт. Вы укажете свое доменное имя, которое вы заплатили в Регистраторе доменных имен, на свой веб-сайт, используя серверы имен поставщика веб-хостинга.

Есть несколько трюков для создания сайтов быстрее &. Вы хотите узнать о них:

1. JSON (для упрощения работы передачи данных между сервером слоев клиента &): Wikipedia, Official JSON Spec Дуглас Crocksford.
2. Форма Postbacks (Как HTML выгружается на белую страницу перед загрузкой следующей страницы ... на традиционном веб-сайте. Это оригинальная, но самая медленная форма общения между клиентами и сервером ... но проще всего узнать о .)
3. Ajax Requests (для клиента, инициированные параллельной связь с сервером, используя XMLHttpRequest технологии. Это быстрее связи клиент-сервер, но требуется некоторое время, чтобы освоить.)
4. Web Sockets (для двунаправленного клиента к -server для таких вещей, как: Чат Windows & Игры. Это самая быстрая связь между серверами, но также самая сложная настройка & configure.) Wikipedia link.

Вот некоторые сайты Learn-How-To-Код:

1. Khan Academy
2. Lynda

Вы найдете много бесплатных программных проектов по этим ссылкам:

1. Apache Projects List
2. CPAN для PERL
3. NPM для узла.js

Последнее, но не менее важное, окончательное название в I.T. & Книги по компьютерным наукам. Вы можете купить несколько онлайн: O’Reilly Books

Удачи вам в вашем стремлении стать мастером веб-разработчика, который может создавать удивительные веб-сайты!