How should my grid-layout look-the...

User 131545 Photo


Registered User
687 posts

Hi all and developers and designers of the product RSD,

Input data of my new website:

Best, I use RSD by Coffeecup Software tool. I can work with the program but my question is what
contents I place in the menu bar, in main things, and how do I share that in. I would first like
to make a professional website as a business card to go apply for a job in the IT.
The content itself have already written in a word document but the question is now how do I
structure my website.

I have the following major areas:

Software Development daar valt onder :
* programmeren van Console Applicaties,
* programmeren van Windows Applicaties,
* programmeren van DOS Applicaties
* Hier de programmeertalen opsommen?.

- Microcontroller Development :
* Programmeren van 8051 en PIC Controllers
* MikroC, MPLAB ASM
* VHDL Design and Development

- Automatisering Development :
* SIEMENS S7 PLC en interfaces
* Programmeren in Step 7 Professional
* Visualisatie met SCADA Software WinCC Flexible
* LabView

- Webdesign and Development :
* HTML v4.xx / v5.xx
* CSS 2.0 and CSS 3.0
* JavaScript, JQuery
* De Tools die ik gebruik zoals RLMP, RSD, WebBuilder 2015, MenuBuilder

- Electronic Development
* Analoge en Digitale ontwerpen
* Meettoestellen opnoemen die ik gebruik
* Projecten hier opsommen?
* CAD/CAM Design

I put that under the heading "Services" and under services menu listing the domains. I put this
out in subtitle text domains including e.g.: "Services"--> "Electronic Development"--> "analog
design"???

What do I put then in the menu bar "Projects" I share that in to domain, and I describe then in
each a sub domain where I than a design show with a picture and description?

How can I best design my first page, I set the domains the great lines such as "Services",
"Projects" or I describe very briefly the domains where I am referring to a page where I the then
explanation?

You see the most difficult is how do I share my page in, there are rules how to address, I think
this is best work by global to more structurally as the Top-Down principle

For what it's worth, your website could be devided up like this.

A Home page with some brief introduction
A CV page listing your skills
A Project or portfolio page showing off any online projects you have completed
A Services page to tell everyone what you can do for them
A Contact page, so that people find a way to get in touch.
maybe an About page, if you want to tell something about yourself.

Ger's idea of using the 'Read more' code is good thinking, especially for the long list of your qualifications, and if you want to mention the schools you have been studying at, as you once mentioned in earlier posts when we last had contact.


I now have the question how does my grid layout look like?. How many rows can I in any page design and how many columns?.
What made template can I use best with the design of my website?

The first question is what I need from menus and sections, thank you Inger.
The second question is what about my grid-layout look like so how many columns and rows do I need for a correct and easy-to-use layout?

Kind regards
Stephane



Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
14,622 posts
Online Now

With all the website skills you have under your vest, I guess it is the design you are asking about.

Since this is going to be your business card, here is how I would do it:

Combine the home page and the about page, and introduce yourself on the index page.
For this page I would think you should have a row for the heading, possibly split in some columns for logo, header text or some such things.
Then another row for the menu, and since you seem to be using CC menu builder for that, you don't need to bother about columns. I stick to what I've said earlier about the menu items.
A new row for the main contents where you introduce yourself and what you would like to do (as a job). If you want to add an image of yourself, you could make that row in two columns.

If you have another section of contents, make a new row for that.
And finally a row for the footer, where you pop inn the usual footer stuff.

The CV page may possibly be combined with the Services page, that will be up to you.
It actually depends on how much you want to explain or elaborate on each skill and also say what you can do in a future job. If you want to write a lot, then I think I'd make a dropdown under the menu button 'CV & Services' for each of your 'main' skills, so that each of those main skills can have their own page. In that case, there won't actually be a 'CV and services' page, just the sub-pages.

On each of those sub-pages I'd write, e.g. the subtopics for Electronic Development:

* Analoge en Digitale ontwerpen ...Read more...
* Meettoestellen opnoemen die ik gebruik ...Read more...
* Projecten hier opsommen? ...Read more...
* CAD/CAM Design...Read more...

And for each of them you could have a 'read more' that when clicked on, opens the explanation, or you could show some of the explanation before the 'read more'. In the explanation you may have images or whatever you feel like. You can see an example of what I mean here: www.kandoraservice.de/hol-en/holiday.php (this is a site that I'm in the process of making responsive, so not finished yet. I'm not using RSD, but the principle is the same).
As a variation you could do some of the pages with accordion, since you seem to be jquery savvy.

As for rows, keep the same heading, menu and footer as on the index page. Then make a new row for each of the subtopic headings.

As you see, I don't suggest any side bars. I think you will have enough contents to fill the pages anyway. But what I do suggest, is that you set a max-width and margin: auto on your site. A max-width of 1200px should be OK I think.

I'll stop here, just in case this is not what you want. If it is, though, I can give you further advice later. One piece of advice right here, though: For the contact page you should use a form. If you don't have any form software already, try Web form builder from CC.

I have to add that I'm not really a designer. 'Technician' would probably be more correct. There might be others who may give you better advice as to the design. But if you really need to use this to get a job, you should get at it, even if it is not the very best design. Get it onto the web, you can always refine your site later.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 131545 Photo


Registered User
687 posts

Hi all,

This my possible solution of my website, but is there an other solution for use an predefined template installed in the RSD?. Wish kind of template can I used?

Attachments:
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 2706435 Photo


Ambassador
444 posts

I am not sure how your region best likes resumes, but in my region, I believe the best practice is still 1-2 page resumes. If your resume does fit on one page, consider keeping everything on one page. If you do intend to separate content across different pages, create a downloadable .pdf formatted resume. In an IT business I visited, I had seen resumes that were copied and passed around for people to make notes on so don't make it difficult for anyone to obtain .pdf they can email00. The hand-draft you created seems good. You could also consider a vertical navigation bar on the left for the different sections. Whatever you do, I would not create something that is in an original format. Employers expect to be able to easily find things they are looking for (this is a resume, not an art portfolio). Don't over complicate it unless your experience and content is extensive. Or use extra pages to go beyond what is on a normal resume.

If I understand you correctly, you are wondering about how best to employ the grid system? The nav menu must be easily accessible. Each different employer may have a different focus on what is important to them, whether its skill or experience. You may only need just rows with 2 columns. First row could be your name, 2nd row could be 2 columns - your picture in one and and intro/goals/objectives in the other column. The first column may only be 4 spans, and the 2nd column 8 spans. Then, similar rows and columns with section/areas like employment history or services, in the left and the content in the right column. It really comes down to your personal preference.
User 122279 Photo


Senior Advisor
14,622 posts
Online Now

I don't think there is any ready made template that will fit your needs, Stefke, you will have to create your own.
Bill mentioned a couple of important things: your work experience and a downloadable .pdf file. The experience you have might be combined with any projects you have made.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,622 posts
Online Now

Another approach you could take is using RLM with the Bootstrap grid system. Then pop over to getbootstrap.com and see what you can use there for your layout.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.