-
-
Notifications
You must be signed in to change notification settings - Fork 580
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Documentation effort, tutorials etc. [$100] #274
Comments
Basic Getting Started tutorial for Silex web builder The page is built in blocks; text blocks, photos, or image blocks, html blocks, container blocks, all residing inside the insert tab. To begin, click the insert tab and choose what you wish to begin with... Text for example can be built directly in the builder by inserting a text frame. You will write your text in the window that pops up as a result of clicking on the insert button and then clicking text. A small box will appear on your page labelled: "new text box". It is a moveable text frame. Click in the center, drag it to the point on your page where you want it to be anchored, then expand it to your desired size by pointing to an edge and dragging the border. The easiest way is to anchor it into it's position to the left hand side of the page (for English languages read left to right) and pointing to the lower right hand corner and dragging the corner down and to the right until the frame is the size you desire. Then double click in the middle of the frame and the text editing window will pop open for you with the text "new text box" delete that text, then at the top of the frame select your size, font, and other text attributes before you begin, or you will have to highlight any text you want to change attributes for. Text is pretty simple, but you want to add a photo or graphic don't you? OK, but you can't! Not yet anyway! First the web builder needs to have access to server space somewhere, where your text and graphics can be saved. It offers you two options: Dropbox, or FTP. If you know what FTP is, then you probably won't be looking at this because you probably already own a domain name, have hosting set up and have transferred bulk files to the server space you purchased to host your website. If you didn't know what FTP was, then reread the sentence above because I just explained it to you in basic details. If you don't own web space, you probably have never used FTP (File Transfer Protocol) FTP allows you to move bulk folders to a server. It's kind of like copying your pictures folder to another hard drive or USB drive. Usually you have to move one file at a time when uploading to a server, but with FTP you can just move an entire folder full of files in one operation. But if you have no where to move them, then what? Dropbox gives you a place to save these items for the web builder to access. Go to Dropbox to learn more, then open your free account. You can save up to 2Gb for free on Dropbox. You can password protect your files which become encrypted on the server, but you can also access them from any internet connected device capable of allowing you to sign into your account. Full disclosure: I didn't own a Dropbox account until (today when) I started trying to use Silex. Once you create a Dropbox account, an installation download will be made available to you, download it, install it, and a new "drive" will exist on your computer, except it will really be resident in the "cloud" not on your hard drive. This, by the way would be an excellent place to store all the things you can't live without in case your computer crashes. Simply copy the items you desire to your new "drive" named Dropbox. Once all the photos or graphics you want on your web page are in Dropbox you can use them in your webpage. (Don't forget your 2Gb limit!) Insert -> photo select ->Dropbox,(NOT FTP) if you're already logged into your Dropbox account, then the window will open with the files you copied into Dropbox. Click the one you desire and it will appear on the page, drag it where you want to place it. If you need to resize it, you can drag the borders like a text frame, or use one of the editors in Silex (which I haven't used yet, so can't explain). If you click on a selection and it appears as if nothing is happening, then you may have selected an item that is too large to appear in the remaining space available on the page. Check the attributes of the file and make sure it will fit on the page. (I selected one that was 6 pages in size compared to the page size limit imposed by this Silex page builder, and it would NOT open in the builder) If your photo, image or graphic is too large, it will have to be resized. Again, you can experiment with the tools built into Silex, or resize your image using Microsoft Paint if you're using a Windows based Operating System. Look for Paint in Accessories in the All Programs link at the start menu. Now you know how to create a basic web page with text, graphics and photos using Silex. Don't forget to save your creation in your dropbox folder before you close the browser tab, or window you're working in, or all your effort will disappear into cyberspace! Save the file with the name you entered first where you replaced "untitled webpage".Once it's saved in dropbox, you can preview it! No one else can see it yet....You'll need a domain name, server space from a web host and a hosting account for that, then you can learn more about FTP where you'll transfer your saved page and all the graphics you used from dropbox to the web host's server...If you built multiple pages, you'll upload them all, that's how you'll "go live online" with your creation. |
Cool :) 👍 |
Thanks Lexoyo, consider the above as a contribution upon which expansion may take shape. I considered adding to the bounty, but thought my limited tutorial might start the ball rolling. It will allow new users to gain some limited experience, realize some success and encourage more exploration of the project which should lead to expansion of the tutorial...(I hope) |
@jeff3211 we have put this content on a new wiki here I fixed little details. It misses screenshots, let's see if someone can help on this (it is easy to edit the wiki, anyone have the rights) |
As @johnmbiker said here, documentation is "a little" scarce. At Silex Labs, there are people working on video tutorials, but in French...
Ask for more docs in the comments to motivate an effort!
You can also back this issue with a little money!
The text was updated successfully, but these errors were encountered: