Howto : Design & Build an Personal...

User 131545 Photo


Registered User
687 posts

Hi all,

What items should I mention that make up a personal page exists?. I have no idea what the menu bar must exist.
Which components (pages) is a personal website?.
The page should consist of a portfolio, what I do and things I've realised. Can I that under the heading "services"

Kind regards
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 131545 Photo


Registered User
687 posts

Hi, Can some help me what an basic theme for an personal website
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,650 posts

Are you in a rush? ;) Only 12 minutes between your first and second post. You have to let people in America get out of bed first, they are just waking up over there. If you post too early, you seem to be stuck with just me again. ;)

Take a look around the themes that come with RSD2. I'm sure you will find something there.

As to the content of a personal website, it depends on how 'personal' you want it. A private site will be different from a 'service minded' site.

Ben je in een haast? ;) Slechts 12 minuten tussen de eerste en tweede paal. Je moet mensen laten in Amerika uit bed eerste, ze zijn net wakker daar. Als je te vroeg plaatsen, je lijkt weer worden geplakt met mij zojuist. ;)

Neem een ??kijkje in de thema's die worden geleverd met RSD2. Ik weet zeker dat je daar iets te vinden.

Ten aanzien van de inhoud van een persoonlijke website, het hangt af van hoe 'persoonlijk' u dat wilt. Een eigen site zal verschillen van een 'servicegericht' site.
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

Inger,
Dat is een website voor mij persoonlijk en daar is nog geen haast bij hoor.
Ik ga het eerst schetsen op papier en kijken wat ik allemaal nodig heb
Met vriendelijke groet
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 131545 Photo


Registered User
687 posts

Inger,

Dit is mijn sitemap en ook hoe ik het in een menu zal opbouwen.
Ik heb de volgende vragen:

1) Welke framework gebruik ik bootstrap 4 of foundation
2) Hoe kan ik mijn website het best opbouwen zodat het gebruiksvriendelijk is
3) Ik wil liefst menu -> sub-menu of kan ik nog een level dieper?
4) Hoe kan ik het best mijn website indelen? In meerdere pagina's voor elk onderwerp of bvb één pagina "hobby's met dan de onderverdeling van de soorten hebben met links of een grote pagina zodat een gebruiker kan schrollen per hoofdstuk?

Dat is de sitemap

Met vriendelijke groet
:
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,650 posts

The sitemap looks ok. I think I would use the head lines in blue for the different main pages, and the red ones for sub pages. Not quite certain about the red ones saying Photos, Videos and Eindwerken & Projecten. Especially the last one sounds like not too personal, so maybe put it into the Projecten category? If the photos and videos are of personal kind (hobbies etc.), keep them where they are, but if they are showing professional motives, maybe move them also to the Project category.
Regarding the black text, were you thinking of putting them in a sub-sub category? I don't think I would do that, because you are probably not filling whole pages with each of them. Better let them appear as sections on the ordinary sub pages. Too many pages can be a bit overwhelming.
On the contact page you seem to want a contact form. Remember, you will need php installed on your server for that! If you want a guest book, you may be able to find some script for that on the web. I personally don't like having guest books. You never know what kind of crap someone might write.

I would suggest that you stick to Foundation, now that you have got a bit used to it. But if you have RSD2, use that because of the easiness of saving components to a library.

As to several levels of sub menus, I don't have anything right off my computer, but I know that OpenCube has an online menu creator where you can have as many levels as you want. But it is not free. A great many people don't like too many levels because it is sometimes difficult to follow a path down to hit the level you need. I belong to that group of people.

De sitemap ziet er ok. Ik denk dat ik het hoofd lijnen in blauw voor de verschillende hoofdpagina's, en de rode voor subpagina's te gebruiken. Niet helemaal zeker over de rode zeggen Foto's, Video's en Eindwerken & Projecten. Vooral de laatste klinkt niet al te persoonlijk, dus misschien zet het in de categorie Projecten? Als de foto's en video's zijn van persoonlijke aard (hobby's enz.), Houd ze waar ze zijn, maar als ze tonen professionele motieven, misschien verplaats ze ook tot de categorie Project.
Met betrekking tot de zwarte tekst, dacht je van ze in een categorie sub-sub? Ik denk niet dat ik dat zou doen, omdat je waarschijnlijk niet hele pagina's met elk van hen te vullen. Beter laat ze verschijnen als secties op de gewone subpagina's. Te veel pagina's kan een beetje overweldigend.
Op de contactpagina je lijkt een contactformulier wilt. Vergeet niet, u zult php nodig hebt geïnstalleerd op uw server voor dat! Als u een gastenboek wilt, kunt u in staat om een ??script te vinden voor die op het web. Ik persoonlijk hou er niet van gastenboeken. Je weet nooit wat voor soort onzin iemand zou kunnen schrijven.

Ik stel voor dat je je houdt aan de Foundation, nu dat je een beetje aan gewend hebben gekregen. Maar als je RSD2, gebruik dat als gevolg van het gemak van het opslaan van componenten aan een bibliotheek.

Met betrekking tot de verschillende niveaus van submenu's, heb ik niets heb recht uit mijn computer, maar ik weet dat OpenCube heeft een online menu creator waar je zoveel niveaus kan hebben als je wilt. Maar het is niet gratis. Een groot aantal mensen niet graag te veel niveaus, want het is soms moeilijk om een ??pad naar beneden volgen om het niveau dat u nodig hebt geraakt. Ik behoor tot die groep mensen.
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

Inger,

Ik zou graag als component een "foundation responsive dropdown menu" ontwikkelen. Het component zit niet in de foundation library van het product RSD of RFF.
Dus moet er een mogelijkheid zijn om deze zelf te kunnen maken.
Het gaat om deze uitvoering dropdown menu - horizontal:
http://foundation.zurb.com/sites/docs/d … -menu.html

Ik heb deze code en wil dat graag als een component die ik verder kan gebruiken in andere projecten
Dat is de plain html code:


<!DOCTYPE HTML>

<html>

<head>
<title>Untitled</title>
</head>

<body>
<ul>
<li>
<a href="href">Home</a>
</li>

<li>
<a href="href">Bio</a>
</li>

<ul>
<li>
<a href="href">About Me</a>
</li>

<li>
<a href="href">CV</a>
</li>

<li>
<a href="href">Hobbies</a>
</li>

<li>
<a href="href">Videos</a>
</li>

<li>
<a href="href">Foto's</a>
</li>

<li>
<a href="href">Eindwerken & Projecten</a>
</li>
</ul>

<li>
<a href="href">Projects</a>
</li>

<ul>
<li>
<a href="href">Elektronica Ontwerpen</a>
</li>

<li>
<a href="href">Microcontroller Ontwerpen</a>
</li>

<li>
<a href="href">Programmeren</a>
</li>

<li>
<a href="href">Web Design</a>
</li>
</ul>

<li>
<a href="href">Services</a>
</li>

<ul>
<li>
<a href="href">Software Development</a>
</li>

<li>
<a href="href">MCU Development</a>
</li>

<li>
<a href="href">Electronic Design & Development</a>
</li>

<li>
<a href="href">Web Design</a>
</li>

<li>
<a href="href">Web Development</a>
</li>
</ul>

<li>
<a href="href">Gallery</a>
</li>

<li>
<a href="href">Download</a>
</li>

<li>
<a href="href">Contact</a>
</li>

<ul>
<li>
<a href="href">Support</a>
</li>

<li>
<a href="href">Forum</a>
</li>
</ul>
</ul>
</body>
</html>


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,650 posts

Check if you can use this one.

Controleer of u deze kunt gebruiken.
Attachments:
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

Inger,

Hoe kan ik in plaats van "sublink" een zelfgekozen naam gebruiken zoals "videos"?

Met vriendelijke groet
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,650 posts

Edit text
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.