{"id":2380,"date":"2016-02-26T17:12:04","date_gmt":"2016-02-26T22:12:04","guid":{"rendered":"http:\/\/www.ragesw.com\/blog\/?p=2380"},"modified":"2018-04-10T02:17:43","modified_gmt":"2018-04-10T07:17:43","slug":"getting-started-with-everweb-1-creating-your-first-website","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2016\/02\/26\/getting-started-with-everweb-1-creating-your-first-website\/","title":{"rendered":"Getting Started with EverWeb 1: Creating Your First Website"},"content":{"rendered":"<p>EverWeb is great for first time users as it combines ease of use with\u00a0a rich feature set, but there&#8217;s always going to be a bit of a learning curve at the start. This is where the &#8216;Getting Started with EverWeb&#8217; series can help out by taking you through the basics of EverWeb. As well as getting you up to speed quickly, &#8216;Getting Started with EverWeb&#8217; will also be peppered with hints and tips, best practice advice and background information to explain specific concepts and workflow.<\/p>\n<p>We begin the series with &#8216;Creating Your First EverWeb Website Project&#8217; which covers<\/p>\n<ul>\n<li>Installing &amp; Launching EverWeb<\/li>\n<li>The Projects Window<\/li>\n<li>Creating Your First Website Project<\/li>\n<li>Setting Your EverWeb Preferences<\/li>\n<li>A Tour of the EverWeb User Interface<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Installing EverWeb<\/h2>\n<p>You can download EverWeb from\u00a0<a href=\"http:\/\/www.everwebapp.com\">www.everwebapp.com<\/a>. Choose the right version of EverWeb for your operating system, either the OS X 10.6 version or the OS X 10.7 and\u00a0later version. Remember to read the instructions on the Download page before starting your download. If you haven&#8217;t done so already, create your client account on the Rage Software website, using the instructions on the download page. Once you have finished your download you can install EverWeb on your computer&#8230;<\/p>\n<ol>\n<li>The EverWeb application zip file is downloaded to the \u2018Downloads\u2019 folder in the Dock on your Mac.<\/li>\n<li>Drag and drop the \u2018everweb19.zip\u2019 file to the desktop. The zip file name may vary depending on the current version of the product. At the time of writing, EverWeb version 1.9.5 was the latest public release.<\/li>\n<li>Double click on the zip file. The EverWeb application file will automatically unzip.<\/li>\n<li>Once unzipped, move the \u2018everweb19.zip\u2019 zip file to the trash can.<\/li>\n<li>Next, open a Finder window and navigate to the Applications folder.<\/li>\n<li>Drag and drop the &#8216;EverWeb.app&#8217; file from the\u00a0desktop in to the Applications folder.<\/li>\n<li>You\u2019re all set to go! Launch EverWeb by double clicking on the \u2018EverWeb.app\u2019 file in the Applications folder.<\/li>\n<li>The first time you launch EverWeb, may see some warnings as OS X verifies the authenticity of the application you just installed.<\/li>\n<li>Accept the verification messages and \u2018Open\u2019 the application as you know that EverWeb has been downloaded from a trusted source.<\/li>\n<\/ol>\n<p>EverWeb will now appear on screen on the Projects Window.<\/p>\n<p>If any software updates are available you&#8217;ll see a dialog box asking if you want\u00a0like to download the latest EverWeb version. Please be sure to read the \u2018Release Notes\u2019 of the dialog box before deciding to update or not. If you choose not to update, you can always do so later. It&#8217;s also important to remember that when you purchase EverWeb you get a year&#8217;s worth of free software updates and support. After a year you can renew your update and support plan. Your license for the EverWeb product that you purchased never expires.<\/p>\n<p>&nbsp;<\/p>\n<h2>Add EverWeb To The OS X Dock<\/h2>\n<p>If you want EverWeb easily available for launch\u00a0at all times, add the EverWeb icon to the Dock.\u00a0As you&#8217;ve just launched EverWeb, it&#8217;s icon in the Dock already. &#8216;Ctrl-Click&#8217; on the icon and a\u00a0menu appears. Select Options-&gt; Keep in Dock.\u00a0When you close EverWeb, the icon stays in the Dock so all you need to do to relaunch EverWeb is to double the icon again.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_2391\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/Projects-window-empty.jpg\" rel=\"attachment wp-att-2391\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2391\" class=\"wp-image-2391\" src=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/Projects-window-empty.jpg\" alt=\"EverWeb Projects Window\" width=\"790\" height=\"505\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/Projects-window-empty.jpg 694w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/Projects-window-empty-300x192.jpg 300w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/a><p id=\"caption-attachment-2391\" class=\"wp-caption-text\">The EverWeb Projects Window<\/p><\/div>\n<h2><\/h2>\n<h2>The Projects Window<\/h2>\n<p>The first screen you see in EverWeb is the Projects Window (see screenshot above.) This screen lists all of your website Projects you have created on the right hand side. If it\u2019s your first time in EverWeb the &#8216;Recent Projects&#8217; pane will be empty. As well as listing your website Projects, the Projects Window where you can do lots of administrative tasks relating to your website Project files. At the moment we&#8217;ll just use this screen\u00a0to create a new website project. Mouse over \u2018Create a new website\u2019. The area becomes a button when you do this, so double click on it.<\/p>\n<p>The next screen that appears\u00a0offers you a choice of over 50 different Theme Templates to base your website pages on. Theme Templates can be very useful and time saving as each Theme has a number of different page styles to \u00a0choose from. Scroll down the list of Themes on the left hand side of the dialog box, and choose the page style you want to use on the right hand side. Just click on the one you want\u00a0then press &#8216;Select&#8217;. For our website Project we are going to use the first theme, &#8216;Blank&#8217;, and the &#8216;Home&#8217; page style.<\/p>\n<p>Congratulations! You have created your first website project and your first web page &#8216;Home&#8217;. You are\u00a0now in EverWeb\u2019s main work area, the Project Window.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_2384\" style=\"width: 796px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/new-website2.jpg\" rel=\"attachment wp-att-2384\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2384\" class=\"wp-image-2384\" src=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/new-website2.jpg\" alt=\"EverWeb's Project Window\" width=\"786\" height=\"515\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/new-website2.jpg 1396w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/new-website2-300x197.jpg 300w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/new-website2-768x503.jpg 768w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/02\/new-website2-1024x671.jpg 1024w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><\/a><p id=\"caption-attachment-2384\" class=\"wp-caption-text\">The EverWeb Project Window showing the Web Page List (blue box), The Inspector Window (red box), the Toolbar (pink box) and the Editor in the center in white.<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2>A Quick Tour of EverWeb\u2019s Project Window<\/h2>\n<p>Now that you inEverWeb&#8217;s Project\u00a0Window,\u00a0it\u2019s a good time to review the User Interface. The main areas are highlighted in colored boxes in the above screenshot and have the following functions:<\/p>\n<ol>\n<li>The Web Page List is on the left hand side of the Project Window (in the red\u00a0box above) and shows your website\u2019s structure, including directories, and all of the web pages you have created. There are two types of pages: Master Pages, which are template pages, are listed in the blue area, and regular web pages which listed in the grey area. When you create a website Project, you automatically create your first\u00a0web page for it at the same time. As you can see in the screenshot, there is our first page is called \u2018Home\u2019. Between the Master Page and regular page areas is a splitter bar. Click on this and drag the splitter up and down to show more of less of each section or to completely hide the Master Page area (which we don&#8217;t advise!) \u00a0If you create long web page names you can adjust\u00a0the Web Page List horizontally. Just click and drag the right hand edge of the Web Page List to the left or right to this.<\/li>\n<li>The white space in the middle is the Editor Window, your work canvas where you create your page content. You may see some blue horizontal lines as well. These lines separate out sections of the page like in a book. If you scroll down to the bottom of the page you&#8217;ll notice the EverWeb logo in the &#8216;Footer&#8217; area of the page. We&#8217;ll explore the Editor window including the page sections in depth next time&#8230;<\/li>\n<li>Above the Project Window is the Menubar which includes most of the commands and tools you need for your project. To the right of many of the menu options are\u00a0short cut keys which are good to learn as they will save you time.<\/li>\n<li>To the right of the Editor Window is the Inspector Window (shown in the blue box.) It&#8217;s a\u00a0panel made up of three tabs\n<ol>\n<li>The Inspector tab is where you set your Page Settings, Shape Options, Metrics, Text, Hyperlink and Widget settings. Click through the six icons to see their settings and options. We&#8217;ll explore these icons in a future blog.<\/li>\n<li>The Assets tab is where all the files used in your website Project, such as images, audio, video etc. are listed and administered.<\/li>\n<li>The Widgets tab contains seventeen predefined \u2018mini apps\u2019 that extend the functionality of EverWeb. There\u2019s lots to choose from including a Contact Form, Image Sliders and Galleries, PayPal E-commerce, Navigation Menus and more! Additional Widgets are available form <a href=\"http:\/\/billing.ragesw.com\/forum.php?act=forum&amp;fid=7\">third parties<\/a>.<\/li>\n<\/ol>\n<\/li>\n<li>At the bottom of the Projects Window is the Toolbar (shown in the pink box) which includes shortcuts to many of the functions of EverWeb that you\u2019ll be frequently using.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2>Setting Up Your First Website Project<\/h2>\n<p>Before getting down to creating web pages for your website, it\u2019s a good idea to set up your working environment first:<\/p>\n<ol>\n<li>Save and Backup Preferences: Use the EverWeb-&gt; Preferences menu to set up automatic back up and auto save preferences. Both options are on the \u2018Backup\u2019 tab. Click the red \u2018Close Window\u2019 dot in the top left hand corner of the dialog when finished. Whilst in the Preferences dialog box, have a look at the other preferences to get familiar with what&#8217;s where in EverWeb!<\/li>\n<li>Set Your Default Styles: Why not set up your default styles and colors for text, shapes and hyperlinks before you begin working on your website? Use the Format-&gt; Default Styles\u2026 menu option. This is a great time saver to do before you start working on your web pages!<\/li>\n<li>Name Your Website Project: By default when you create a new website it\u2019s called \u2018NEW WEBSITE\u2019. To change the name to one you want to use, double click on the words \u2018NEW WEBSITE\u2019 that appear next to the globe symbol in the Web Page List. Enter the name you want. You can letters, numbers and spaces in the name but avoid using any special characters as EverWeb will reject them. Press &#8216;Enter&#8217; to confirm your new name.<\/li>\n<li>Set Your Site Publishing Settings: When you double clicked on the name \u2018NEW WEBSITE\u2019 you probably noticed that the Editor Window changed to show your Site Publishing Settings. This is where you enter the details of where you are publishing your website to. To go back\u00a0to the blank Editor window just click on the page name you created in the Web Page List. In our example we would click on the page \u2018Home\u2019. Site Publishing Settings has three options so now is a good opportunity to add in these settings:<\/li>\n<\/ol>\n<p style=\"padding-left: 60px\">EverWeb: Use this option is you purchased an EverWeb+Hosting plan. You should be able to complete the details on this screen using your EverWeb client account details.<\/p>\n<p style=\"padding-left: 60px\">Folder: If you want to publish to your local hard disk<\/p>\n<p style=\"padding-left: 60px\">FTP: Use this option if you have purchased EverWeb software only and use your own Hosting Provider. If you are unsure about what details to fill in, consult with your Hosting Provider who should be able to help you.<\/p>\n<p>&nbsp;<\/p>\n<h2>Need Help?<\/h2>\n<p>As with almost everything else in EverWeb, Help is easy to find. The Help menu includes\u00a0the EverWeb User Manual in PDF format. The manual contains lots of good, in-depth information about all aspects of EverWeb. There are also video tutorials on many aspects of EverWeb. Where you see the question mark in a circle in EverWeb, there will be an accompanying video tutorial relating to that feature. Alternatively try <a href=\"https:\/\/www.youtube.com\/user\/ragesw\">EverWeb&#8217;s YouTube channel<\/a>. If you get stuck,\u00a0try\u00a0searching the <a href=\"http:\/\/billing.ragesw.com\/forum.php?act=group&amp;gid=1\">EverWeb Discussion Forum<\/a> or if you can&#8217;t find anything on your problem, just ask a question, the community is there to help!<\/p>\n<p>&nbsp;<\/p>\n<p>And don&#8217;t forget social media to stay up to date!<\/p>\n<p style=\"padding-left: 30px\"><a href=\"http:\/\/www.facebook.com\/everwebapp\" target=\"_blank\">Facebook<\/a><\/p>\n<p style=\"padding-left: 30px\"><a href=\"https:\/\/plus.google.com\/109584646182739085440\/posts\" target=\"_blank\">Google+<\/a><\/p>\n<p style=\"padding-left: 30px\"><a href=\"https:\/\/flipboard.com\/@everweb\/everweb-m8efhguby\" target=\"_blank\">Flipboard<\/a><\/p>\n<p style=\"padding-left: 30px\"><a href=\"https:\/\/www.youtube.com\/user\/ragesw\" target=\"_blank\">YouTube<\/a><\/p>\n<p style=\"padding-left: 30px\">Twitter handle @ragesw<\/p>\n<p>&nbsp;<\/p>\n<p>To end the session select the EverWeb-&gt; Quit EverWeb menu or use the Cmd+Q shortcut. Next time you launch EverWeb you will see your Project name listed in the Projects Window. Just double click on it to open up your Project again.<\/p>\n<p>Next time we\u2019ll explore more of the Editor window\u2026 but if you have a question in the meantime, let us know below!<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp; <!--codes_iframe--><!--\/codes_iframe--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>EverWeb is great for first time users as it combines ease of use with\u00a0a rich feature set, but there&#8217;s always going to be a bit of a learning curve at the start. This is where the &#8216;Getting Started with EverWeb&#8217; series can help out by taking you through the basics of EverWeb. As well as [&hellip;]<\/p>\n","protected":false},"author":844,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[252,247,2],"tags":[279,298,299,301,300,302],"class_list":["post-2380","post","type-post","status-publish","format-standard","hentry","category-everweb-software","category-everweb","category-software","tag-everweb","tag-getting-started","tag-install","tag-preferences","tag-setup","tag-tour"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/users\/844"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/comments?post=2380"}],"version-history":[{"count":14,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2380\/revisions"}],"predecessor-version":[{"id":3601,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2380\/revisions\/3601"}],"wp:attachment":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/media?parent=2380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/categories?post=2380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/tags?post=2380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}