Try it out: See the horizontal slider on the bottom of the page? Move it to the left and back again: With it, you can preview how the page will look like on devices with different screen widths. This is quite useful, because it will then adjust automatically to different screen sizes. By default, the menu will have a width of 100%, spanning the full width of the page. Also, you can change the background color, to make your website look fancier, if you like. Do this, and create the menu items named for example "Company" and "About". This creates a menu element: You can click it and directly type text into it in order to create some menu items. Select the Navigation Menu element in the toolset on the right, and click into the page. Also, you can set a background color, gradient, or image if you like.Ĥ Creating a responsive website To start, add a Navigation Menu to the page. ![]() You can enter a Title for your page here (this is the text which usually appears for example in google if it displays your page as a search result) or the default colors for your links. Here, you can quickly change the appearance of the page (or whatever element currently is selected). The editor will now look like this: Take a look at the '' window on the left. Choose the first entry 'Empty page' to start with a new, empty website. Create a new empty website After you started the RocketCake program, it will ask you to create a new website from a template. All this is easily doable using RocketCake. This is done for example by adjusting font sizes, rearranging and hiding elements, and making it easily scrollable on mobiles. Since people are viewing websites with different devices - mobiles, tablets, PCs, notebooks - it has become very important for a website to be easily readable on all the different screen sizes: A responsive website works automatically nicely on the tiny 320圆00 screen of a small smartphone, but also on a full screen 2048x1024 browser of a desktop PC. You can download it from here: What is a responsive Website? "Responsive" is just a fancy word for "adjusting to the screen size". Download and install RocketCake If you haven't done this yet, you need to download and install RocketCake. A good place to start on how to use RocketCake is here: Tutorials: How to create a Responsive Website How to create a Contact Form How to use Master Pages How to use BreakPointsģ Tutorials Tutorials: How to create a responsive website How to create a contact form How to use Master Pages How to use BreakPoints Creating a responsive website The following page will show you step by step how to create a simple website using RocketCake. CPUZ 1.2 Overview Welcome to the RocketCake documentation RocketCake is an editor for designing responsive websites with no HTML knowledge, no programming is necessary.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |