一个网站的HTML代码

时间：2016-12-31 07:57:35

标签： web

我刚学会了html的基础知识。我想知道在网站中开发HTML代码的不同里程碑。我做了一些谷歌搜索，遇到了不同的页面。我知道有一些叫做＆＃34;框架＆＃34;或＆＃34;平台＆＃34;使用像Drupal，Wordpress等名称可以轻松开发网站。

我还没有看过这个平台，但我想这些平台或框架会在后台运行一些代码，这些代码会在一些鼠标点击时触发。（如果我错了，请纠正我）。 然后我了解了可用服务器的选择，我们需要决定运行哪个服务器。

此外，还有像域和主机这样的东西（这些和服务器一样，是我不了解其严格技术定义的东西）。我想知道我们如何为网站分配域名，以及如何将其与SQL或数据库相关联以进行操作？

那么，任何人都可以简单地解释一下，将一个简单的html（或者CSS或Javascript）代码带入网站（从头开始构建而不是任何平台）以及如何加入这些点是什么？ ？ （我希望，将这个问题简化为＆＃34;写在记事本中的html代码需要成为一个网站，几乎意味着同样的事情。）

2 个答案:

答案 0 :(得分：1)

建立一个网站就像烤蛋糕。有不同类型的网站，就像面包师的技能水平不同。家庭蛋糕面包师可以使用盒装蛋糕和蛋糕。按照盒子背面的食谱，但是主面包师将使用他们对技能的掌握来制作结婚蛋糕，他们需要花费数年的时间来构建（添加工具），增强（加强他们的工具）和完美（他们的知识）。无论哪种方式，面包师创造蛋糕吃和＆amp;我们建立网站与＆amp;使用

一切都始于HTML的基本知识。你需要先掌握它。一个起始网页编辑器是：NotePad++。我们大多数人学习的方式是下载一个基本的HTML编辑器＆amp;将页面保存为.html文件。然后获得一个Web服务器（如XAMPP - 见下文）并将网页放入其中/ htdocs /文件夹。然后，您可以使用以下网址查看您的网站：http://localhost/index.html或http://192.168.1.1/index.html

下一层是为您的网站添加功能。我们通过前端代码（JavaScript）和后端代码（如PHP，PERL，Python，C＃等等）来实现这一目标。

事件监听器使用JavaScript。它们具有以下功能：点击（在桌面浏览器上），触摸（在手机上），鼠标套餐（在桌面浏览器上），滑动（在手机上）等等......最终您将了解这些内容。像jQuery这样的JavaScript库（见下文）可以帮助您实现捷径。一些库将包装本机JavaScript语言结构，如：

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

我们还使用CSS添加前端设计图层。它使我们的网站看起来很棒（非常漂亮）！

我建议开始学习：HTML＆gt;那么CSS或jQuery＆gt;那么jQuery或CSS＆gt;然后是服务器端语言（见下文）＆gt;那么SQL＆gt;然后是数据库＆gt;然后如何购买域名＆gt;那么如何获得一个网络托管帐户＆gt;然后如何上传您的网站＆gt; ＆安培;最后如何配置名称服务器，以便人们可以看到您的网站。 （完成所有这些后，您可以SEO＆amp; A/B Testing。）

服务器端框架对于在后端代码的开发中采用捷径非常有用。它们可以帮助您减少构建这些功能所需的时间：

  • 管理面板，特定管理员用户可以在其中编辑网站上的内容，但大多数人无法使用。通常，管理面板适用于不是程序员的营销人员。
  • Content Management系统（CMS）
  • 数据库（使用No SQL数据库或基于SQL的RDBMS系统，使用SQL生成器或ORM。）

基于PHP的CMS工具包括：Drupal，Joomla＆amp; Wordpress。它们旨在帮助您构建后端系统，而不是真正知道如何从头开始100％完成所有事情......或者如果您知道如何做一个捷径，但只是不想构建一切从头开始。

还有客户端库和构架。它们可以帮助人们处理大量的样板HTML，JavaScript和CSS代码，他们可以创建。其中一些包括：

  1. CSS：Bootstrap，Less，SASS/SCSS
  2. JavaScript库：D3，Ember，jQuery，Knockout，Modernizr，Underscore
  3. JavaScript框架：Angular，React

    4. 这些是您可能想要探索的网络服务器：

    1. XAMPP - ApacheFriends.org提供5分钟的安装程序：Apache Http Server + MariaDB + PHP + Perl + FileZilla FTP + Apache Tomcat Server
    2. Node.js适合使用JavaScript作为服务器端语言来构建聊天程序之类的东西。 （是的，你也使用Node.js在后端使用JS。）
    3. IIS - 如果您喜欢Microsoft的C＃语言。

      4. 在您开始学习如何构建网站时，以下是一些供您浏览的链接。从顶部开始＆amp;按此顺序按下工作。 （注意：如果您查看每个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

        6. 我建议避免使用SQL，数据库＆amp;现在选择一个Web托管服务提供商，直到您学会了如何在HTML中构建表单。当您开始学习构建后端代码以将表单数据添加到数据库表时。您还将使用SQL从数据库中提取数据。将其插回页面。

        当您准备就绪后，您可以在Domain Name Registrar注册域名。原来的是Network Solutions，但网上还有其他更便宜的。

        Web Hosting Service提供商是您最终将代码FTP到的地方，以便其他人可以看到您的网站。您使用网络托管服务提供商的名称服务器将您在域名注册商处支付的域名指向您的网站。

        有一些技巧可以让网站变得更快更好。您将要了解这些：

        1. JSON（用于在客户端和服务器层之间轻松传输数据）：Douglas Crocksford的Wikipedia，Official JSON Spec。
        2. 表单Postbacks（在传统网站中加载下一页之前，HTML如何卸载到白页。它是原始但最慢的客户端到服务器通信形式。 ..但最容易学习。）
        3. Ajax Requests（对于客户端发起的与服务器的并行通信，使用XMLHttpRequest技术。它可以加快客户端到服务器的通信速度，但需要一些时间来掌握。）
        4. Web Sockets（用于双向客户端到服务器的通信，例如：Chat Windows＆amp; Games。它是最快的客户端到服务器通信，但也是最难设置的＆amp; configure。）Wikipedia link。

          5. 以下是一些Learn-How-To-Code网站：

          1. Khan Academy
          2. Lynda

            3. 您可以在以下链接中找到许多自由软件项目：

            1. Apache Projects List
            2. CPAN for PERL
            3. NPM for Node.js

              4. 最后但并非最不重要的是，I.T。 ＆安培;计算机科学编程书籍。您可能想在线购买一些：O’Reilly Books

              祝你成为一名能够建立令人惊叹的网站的大师级网站开发者，祝你好运！

答案 1 :(得分：-2)

http://www.w3schools.com/html是您从基础知识学习HTML和Web开发的合适场所。你去吧。

相关问题
最新问题