29/02/16

Before I get started on creating my website I must look at my options on how I’m going to create my site, whether I am going to code or just do it automatically in design. I feel a lot more confident doing it in design instead of code and due to the time I’ve got to finish this project it would be rather risky to try and attempt coding all of it. So here I am going to be looking at a few of my favourite web design and text editing software giving a small description of each and then I shall compare them towards the end of this post.

Web-based applications

Weebly

Weebly’s free online website creator uses a simple widget-based site builder that operates in the web browser just like Wix. All the site elements are drag-and-drop, and it automatically generates a mobile version of each website. Storage is unlimited, but unfortunately the service restricts individual file sizes unlike Wix.

Android and iPhone apps are available that allow users to monitor their website traffic statistics, update blog posts and respond to comments, and add or update products if the user has an e-commerce online store anywhere and everywhere. Basic features for blogging and e-Commerce are hugely supported. site owners can develop simple stores with payments through either PayPal, Stripe or Authorize.net. Users can choose to incorporate advertisements in their pages, and visitor statistics can be tracked through an in-house tracking tool or Google Analytics.

With web based applications it seems so hard to believe that you can do all the things in less time than coding a website yet not cost a penny, well there’s a catch if you do it for free on these sites then you have a tag on your website that you’ve used these free sites to create your site. Also their web hosting isn’t that great and it’s hard to get your site noticed when you make it through one of these kind of sites.

Wix

Wix (free–$24.90 per month) is a cloud-based web development platform that allows users to create  fairly recently HTML5 web sites and mobile sites through the use of their online drag and drop tools. Users may add functionalities such as social plug-ins, e-commerce, contact forms, e-mail marketing, and community forums to their web sites using a variety of Wix-developed and third-party applications. Wix is built on a freemium business model, earning its revenues through premium upgrades. Users must purchase premium packages in order to connect their sites to their own domains, remove Wix ads, add e-commerce capabilities, buy extra data storage and bandwidth, and more.

ref: https://en.wikipedia.org/wiki/Wix.com

Wix is actually a powerful, easy-to-use website builder that can get your idea or business online with minimum effort and maximum customization. It makes building a mobile site a snap. Best of all, It lets you build and launch a professional, well-designed website for nothing and in a little space of time! The downside is that all the customisation it allows means it will also let you build a poorly designed site and also there are limitations as you cannot code within.

Design software

Muse (Adobe)

Adobe Muse is a product by Adobe Systems. The software is focused on allowing designers to create websites without having to write any code. The app is available through Adobe Creative Cloud which is good for me as that I in fact have Adobe CC. So like Weebly and Wix Muse lets you do all the work without having to code and what’s even better is that you don’t have to tag Muse or Adobe anywhere on your site to say you created it with them! Also If you want to code you can always export the website file to HTML and open it up in a text editor.

Dreamweaver (Adobe) Also a text editor

Adobe Dreamweaver CC is a web design and development application that combines a visual design surface known as Live View and a code editor with standard features such as syntax highlighting, code completion, and code collapsing as well as more sophisticated features such as real-time syntax checking and code introspection for generating code hints to assist the user in writing code. This is a great way to get used to coding as you can split the screen so you can see the code coming up while you’re designing your website. Combined with an array of site management tools, Dreamweaver lets its users design, code and manage websites as well as mobile content. Dreamweaver is positioned as a versatile web design and development tool that enables visualization of web content while coding.

Dreamweaver, like other HTML editors, edits files locally thus keeping them nice and organised without having to do it manually, then uploads them to the remote web server using FTP, SFTP, or WebDAV and Subversion (SVN) version control system.

Text editors

Sublime Text

Sublime Text is a cross-platform source code editor with a Python application programming interface (API). It natively supports many programming languages and markup languages, and its functionality can be extended by users with plugins, typically community-built and maintained under free-software licenses. Sublime gives the users an advantage by automatically arranging their code as they’re typing it in and colour coding it unlike software such as notepad ++. Unfortunately you have to pay for the licence to actually publish your work which is a total cost of $70.

Other features of Sublime include the following:

  • Column selection and multi select editing (Saves an incredible amount of time if you muck up at some stage)
  • Auto completion
  • Syntax highlight and high contrast display
  • In editor code building
  • Snippets
  • Goto anything

Brackets (Adobe)

Brackets is a free open-source editor written in HTML, CSS, and JavaScript with a primary focus on Web Development. It was created by Adobe Systems, licensed under the MIT License, and is currently maintained on GitHub. Brackets is available for cross-platform download on Mac, Windows, and Linux. Similar to Sublime Text it colour codes your code automatically (Quick edit) which again saves time and makes your code look very tidy and well organised. other features go from quick docs, live preview mode, split view, JSlint, LESS (stylesheet language) support, Theseus integration, Open source and Extensibility.

Advertisements