Skip to main content

您需要构建网站的基本软件

金魚都能懂網頁設計入門 : 用甚麼工具寫網頁? 鐵人賽第三天 | 網頁教學 | HTML教學 (六月 2025)

金魚都能懂網頁設計入門 : 用甚麼工具寫網頁? 鐵人賽第三天 | 網頁教學 | HTML教學 (六月 2025)
Anonim

网页设计所需的基本工具非常简单。除了计算机和互联网连接之外,构建网站所需的大多数工具都是软件程序,其中一些可能已经在您的计算机上。您需要文本或HTML编辑器,图形编辑器,Web浏览器和FTP客户端才能将文件上载到Web服务器。

选择基本文本或HTML编辑器

您可以在纯文本编辑器中编写HTML,例如Windows 10中的记事本,Mac上的TextEdit或Linux中的Vi或Emacs。您输入HTML代码,将文档另存为Web文件,然后在浏览器中打开它以确保它看起来像它应该的那样。

如果您想要比在纯文本编辑器中找到的功能更多的功能,请使用HTML编辑器。 HTML编辑器识别代码,并能够在启动文件之前识别编码错误。他们还可以添加您忘记的结束标记并突出显示损坏的链接。它们识别并适应其他编码语言,如CSS,PHP和JavaScript。

市场上有许多HTML编辑器,它们从基本软件到专业级软件各不相同。如果您不熟悉编写网页,其中一个所见即所得(所见即所得)编辑器可能最适合您。有些编辑只显示代码,但有些编辑器可以在编码视图和视觉视图之间切换。以下是许多HTML网页编辑器中的一些:

  • 科莫多IDE 它的用户友好界面适用于初级和高级Web开发人员。 Komodo IDE的自动完成功能对于新开发人员来说特别方便,因为它知道如何编写常用元素(如链接)的代码。该软件支持不同编码类型的颜色编码,如HTML,CSS和许多其他编码语言。 Komodo IDE是在Windows,Mac和Linux上运行的跨平台软件。
  • CoffeeCup HTML编辑器 适用于对学习编码比对可视界面更感兴趣的新开发人员。这个强大的编辑器附带模板,并具有验证检查器,以保持您的代码没有错误。它包括代码完成,并支持您可以与HTML结合使用的其他编码语言。当软件突出显示代码中的错误时,初学者将会欣赏它,解释它们出现的原因,并告诉开发人员如何解决它们。 CoffeeCup HTML Editor在Windows上运行。
  • Mobirise 是一个HTML编辑器,适合那些不想参与代码的人。这是关于选择一个主题,然后在页面上拖放元素。像在常规文本编辑器中一样添加文本并插入图像,视频或图标 - 所有这些都无需编写任何代码; Mobirise为您做了这一部分。 Mobirise适用于Windows和Mac,并且是免费的。

    Web浏览器

    在浏览器中测试您的网页,以确保它们在您启动页面之前看起来像您的预期。 Chrome,Firefox,Safari(Mac)和Internet Explorer(Windows)是最受欢迎的浏览器。在您的计算机上使用尽可能多的浏览器检查HTML,并下载不太知名的浏览器,例如Opera。

    图形编辑器

    您需要的图形编辑器类型取决于您的网站。虽然Adobe Photoshop是处理照片的黄金标准,但您可能不需要那么多的功能。您可能更喜欢矢量图形程序来进行徽标和插图工作。一些用于基本Web开发使用的图形编辑器包括:

    • GIMP 是一个免费的开源照片编辑程序,提供其更昂贵的竞争对手的许多功能。作为开源软件,它可用于Windows,Mac和Linux。
    • Photoshop Elements 对于Mac和PC来说,它是一个图像编辑器,它是同名的轻型版本,但具有足够的功能来处理网络图形。
    • Corel PaintShop Pro对于PC,几乎所有有用的工具都可以在Photoshop中找到,并且界面易于使用。
    • Inkscape中 对于Windows,Mac和Linux是一个免费的矢量图形编辑器。这种价格较高的Adobe Illustrator的替代方案具有足够的功能,可用于简单的设计工作和Web图形。

    FTP客户端

    您需要一个FTP客户端将HTML文件和支持图像和图形传输到Web服务器。虽然可以通过Windows,Macintosh和Linux中的命令行使用FTP,但使用客户端要容易得多。有许多优质的FTP客户端,包括:

    • FileZilla中 是一个免费的FTP客户端,可用于Windows,Mac和Linux。它支持拖放文件传输,并具有暂停和恢复功能,可用于上载大文件。
    • Cyber​​duck的 是一款免费的开源,跨平台软件,以其与外部编辑器的无缝集成及其极具吸引力的用户界面而闻名。
    • 免费FTP直接FTP 由同一家公司制造。免费FTP是一个简约的客户端,但它满足所有基本的文件传输需求。 Direct FTP是一种提供高级功能的高级版本。 Windows 7,8和Vista都支持这两个版本,但只有Direct FTP适用于Windows 10。
    • 发送 是一款优质的Mac专用FTP客户端。它有助于实现异常快速的传输并支持Amazon CloudFront。
    • 可爱的FTP 是一个功能强大的高级FTP客户端,您可以使用它同时进行多达100次传输。它被认为是最安全的FTP客户端之一。