Using Mobirise Free Website Builder

Using Mobirise Free Website Builder

Contents

Overview .................................................................................................................................. 3 View a Demo ............................................................................................................................ 3 Install Mobirise......................................................................................................................... 5 Launch Mobirise 4 ................................................................................................................... 7 Create New Site ....................................................................................................................... 8

Edit Site Styles .................................................................................................................... 11 Change the Favicon ........................................................................................................... 18 Add a Menu ............................................................................................................................ 21 Add the Full Screen Intro Header.......................................................................................... 23 Congratulations! You have created a Responsive Website ................................................. 25 Preview the Website.............................................................................................................. 26 Preview your website in a browser....................................................................................... 27 Publish your Website ............................................................................................................. 28 Create a New Folder = M1 ................................................................................................ 30 Publish to folder M1 .......................................................................................................... 32 View your Website in Chrome .............................................................................................. 33 Check your Favicon............................................................................................................ 34 Change the Page Title ............................................................................................................ 35 Configure the Page ............................................................................................................ 36 Publish your Website again to view the changes ............................................................ 38 Inspect your Published Website............................................................................................ 40 Export your Website .............................................................................................................. 44 Configure the Menu............................................................................................................... 48 Turn off the Logo ............................................................................................................... 51 Remove the Button............................................................................................................ 52 Do not make the Menu Sticky........................................................................................... 52 Make the Menu Transparent ............................................................................................ 53 Edit the Brand Name ......................................................................................................... 54 Configure the Full Screen Intro Page .................................................................................... 61 Edit the Title, Subtitle and Text......................................................................................... 65 Add a Button ...................................................................................................................... 66 Add an Icon to the Tutorial Button ................................................................................... 69 Add Links to your buttons ................................................................................................. 74 Test your Intro Page............................................................................................................... 76 Check the Links .................................................................................................................. 79 Add a Map Gallery ................................................................................................................. 82 Save to User Block ................................................................................................................. 94 Add a second Page............................................................................................................... 105

Using Mobirise

1

Add Intro with Background Video ....................................................................................... 111 Set the link to your GEOCORTEX page ................................................................................ 114 Test your Website with 2 pages .......................................................................................... 116 Additional Tutorials.............................................................................................................. 119

Mobirise Overview........................................................................................................... 119 Mobirise Website Tutorials ? 27 videos ......................................................................... 119 Advanced Mobirise Techniques ? 26 videos .................................................................. 119 Mobirise Forums .................................................................................................................. 120 Mobirise Showcase .......................................................................................................... 120 Beginners Guide................................................................................................................... 121 Different versions of Mobirise ............................................................................................ 121 Additional Mobirise Themes ............................................................................................... 122 AgencyM4 Theme Block .................................................................................................. 122 Mobirise Themes and Extensions ....................................................................................... 126 Free Online Images .............................................................................................................. 130 Summary .............................................................................................................................. 131

Using Mobirise

2

Overview

Mobirise is a free Website Builder.

You can make attractive responsive websites in a matter of minutes that are mobile friendly, without having to write a single line of code!

Mobirise is based on the popular Bootstrap framework (to make your site responsive), and the jQuery Library (for all the animation).

View a Demo

Open Chrome or Firefox and enter this URL:



Using Mobirise

3

Notice how the elements change position as you resize the page.

This is the benefit of having a web page created using Bootstrap.

Using Mobirise

4

Install Mobirise

Download Mobirise for Windows on your local machine:

You should find a 65MB Zip File named mobirise-free-win.zip in your Downloads Folder:

Using Mobirise

5

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download