Skip to content
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

Closed
lexoyo opened this issue May 18, 2015 · 4 comments
Closed

Documentation effort, tutorials etc. [$100] #274

lexoyo opened this issue May 18, 2015 · 4 comments

Comments

@lexoyo
Copy link
Member

lexoyo commented May 18, 2015

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!

@lexoyo lexoyo changed the title Documentation effort, tutorials etc. Documentation effort, tutorials etc. [$100] May 18, 2015
@lexoyo lexoyo added the bounty label May 18, 2015
@jeff3211
Copy link

Basic Getting Started tutorial for Silex web builder
Silex is a basic web builder that anyone can use to create webpages.
First click inside the area at the top where it says: "Untitled webpage". Once you do, change the text to name your page.

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.
You can add box after box, anywhere you want sized just the way you want, and you can move them around any time you wish, just point to the frame and drag... If you size them too small some text may be hidden, expand the box...

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.
I'm not explaining an HTML frame...If you knew THAT, you wouldn't be reading THIS! But just for those of you who wanted to know, if you wanted to link to another website, a photo that already is hosted somewhere online, or embed a You-Tube video into your page, the HTML block is what you need to use for that. You'll need to know HTML programming language, or know how to copy embed coding into the block to make it work... That's too much information for this simple tutorial to contain, but sources exist where you can learn more, search in google for HTML coding tutorials.

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.

@lexoyo
Copy link
Member Author

lexoyo commented May 20, 2015

Cool :) 👍
I like the style

@jeff3211
Copy link

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)
It was based upon my first use, about an hour's worth of exploration and a completed page's construction.

@singchan
Copy link
Contributor

singchan commented Jul 29, 2015

@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)

@lexoyo lexoyo removed the bounty label Apr 27, 2019
@silexlabs silexlabs locked and limited conversation to collaborators Nov 30, 2022
@lexoyo lexoyo converted this issue into discussion #1224 Nov 30, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants