
#BLUEGRIFFON CODE#
The editor then creates a CSS code in the HEAD area for the corresponding changes. It has numerous buttons with ready-made code snippets for the usual HTML codes and you can even assemble CSS easily by changing the properties for an ID.
#BLUEGRIFFON WINDOWS#
The editor offers the classic view with two windows (source code and preview) and allows working both in WYSIWYG mode ("What you see is what you get") and in source code Close the window. BlueGriffon - free, but very goodĪfter looking for a couple of HTML editors like Amaya, Sea monkey and Rocket Cake I've tried, I'm ultimately at BlueGriffon become the happiest. If you don't want to spend any money and are ready for a compromise, you can still take a look at BlueGriffon. The source code is presented more neatly than with BlueGriffon. The Espresso HTML editor is my newest favorite choice. As you can see, the automatic breaks in the source code also work here. Now that we have covered the basics of site creation and uploading, in the next couple of sections we will treat the more advanced settings of the BlueGriffon program itself, beginning with Tools and Preferences.The HTML editor Espresso, which normally costs 99 USD, but in the really good app flat rate from Setapp is included, offers significantly more comfortable work. Once that is done, your website will have been successfully uploaded.Īfter it has been uploaded, your site should then be accessible under Unity ID]. Once the connection has been made sucessfully, select all the files you want to publish to the web server, and click on the right arrow to copy them over (Fig. Once the program begins communicating with the web server, you may be prompted to enter your login information again (Fig. If the program doesn't connect automatically, click Connect in the main menu ( Fig. For ease of navigation, you may want to click on the check box next to Keep directories in sync while navigating. If you already navigated to the appropriate directory on the web server from the beginning, you can simply click Use Current here as well). Your webspace location is determined by the server, and is dependant upon your Unity ID. Then, enter the location of the web server under Remote: Under the Initial Directories section, click on Use Current (unless you didn't navigate to the site directory on your hard disk at the outset, in which case you will need to enter the path manually). If you need to do this, click Browse under Private Key and navigate to the location of the key on the server. 14-9).Īt this point, you may need to specify the location of a private key, whereby the program can confirm that the server it is connecting to is actually the correct one. Under the Connection Type section, click on the drop-down menu under Security and select SFTP ( Fig. When you've entered all the information, click on the Connection tab ( Fig. In the ID section, enter your Unity ID and password. Under the Main tab, in the Main Details section of the Account Manager window, enter the Account Name (you can use any name for this, but for our purposes we will use "NCSU Webspace" and the Host (). Once finished, select Create an account from the drop-down menu ( Fig. In the right column, you may also navigate to the location of the web server. Navigate to the site directory in the left column, where your site and its files are kept on your local machine. Next, switch back to BlueGriffon, and select FireFTP from the Tools menu ( Fig. If Firefox is not your default browser, a dialog window will appear, prompting you to make it the default browser. Select the Advanced tab, and click on Check Now ( Fig. Select Options from the Options menu ( Fig. To do this, open Firefox, and click on the Firefox tab. Once you have previewed your site, and everything seems to be in order, you can then upload your site using the FireFTP extension.īefore using FireFTP, you will want to make sure that Firefox is set as your default browser. If you have not already done so, you can learn how in the Setting Up Your Webspace section in the Appendix of this tutorial. 14-2).Īfter you have previewed your site, you can now upload it to your ww4 webspace. Note that this does not mean that the site itself has been published, but rather, it remains on your hard disk in a local folder ( Fig. 14-1).Īfter a few seconds, the page will be loaded into your default browser. To preview your site, click on the icon in the main toolbar labeled Preview in browser, located on the far right, next to the BlueGriffon logo ( Fig. Once your site has been successfully completed, you will need to test it within a web browser to make sure everything displays and functions correctly.
