Simpele startpagina maken.

[BigF]

Oorspronkelijk geplaatst door Herr Flick

Download van de microschoft website Visual Studio Code ze hebben dat ook voor appeltjes

En dan kan je daar je tekst in copy pasten en saven als een html en dan gaat ge zien dat dat werkt.

https://code.visualstudio.com/download

Heel handig tooltje, niet alleen voor html maar ook voor python, en java en powershell en ...

Ah en tis gratis, want dat is goed voor de menseuh (volgens een SPa er uit Hasselt met negatief drijf vermogen)

Dat ga ik eens doen.

Heb ondertussen al wel gemerkt dat ik niet alle logo's te zien krijg omdat chatgpt ze op verkeerde (of verouderde) plekken wil gaan halen.
Die AI is immers nog niet gekoppeld aan internet dus de afbeeldingen die hij voorstelt zijn verouderd of niet langer op die plaatsen beschikbaar.

Heb een test gedaan met zelf links invullen in de code en dat werkt.

Probleem is nog wel de opmaak. Ik krijg een hoop à (A's met een streepje op) voor en na de logo's. En het google zoekvak staat ook niet in het midden.

Ga later vandaag of morgen die Visual Studio Code eens proberen...

[Zucht]

VS code is een heel goeie IDE, maar 't is geen wysiwyg, dus je zal de tool zelf moeten leren en dan ook HTML en CSS om er iets moois van te maken.

Dat leren kan wat tijdrovend zijn, maar ook enorm plezierig. En dan ga je geen simpele links meer willen maken, maar mooie uitklapmenu's en muishover effecten en nog veel meer.

bijv. https://www.w3schools.com/howto/howto_css_subnav.asp

[Dadeemelee]

Oorspronkelijk geplaatst door Zucht

VS code is een heel goeie IDE, maar 't is geen wysiwyg, dus je zal de tool zelf moeten leren en dan ook HTML en CSS om er iets moois van te maken.

Dat leren kan wat tijdrovend zijn, maar ook enorm plezierig. En dan ga je geen simpele links meer willen maken, maar mooie uitklapmenu's en muishover effecten en nog veel meer.

bijv. https://www.w3schools.com/howto/howto_css_subnav.asp

Is dat verwant aan Visual Basic? Dat was een leuke, simpele programmeertaal waar je toch mooie toepassingen mee kon maken. Toen .NET kwam ben ik ermee gestopt, kan je evengoed C++ gaan leren.

[Zucht]

Oorspronkelijk geplaatst door Dadeemelee

Is dat verwant aan Visual Basic? Dat was een leuke, simpele programmeertaal waar je toch mooie toepassingen mee kon maken. Toen .NET kwam ben ik ermee gestopt, kan je evengoed C++ gaan leren.

Nee het is totaal niet verwant aan VB. VS code is een "Integrated Development Environment", dus enkel een geraamte dat je in staat stelt code te schrijven. Welke code ? Dat kies je door plugins te installeren voor de taal die je wil. En er zijn er ontelbare. BigF zal HTML en CSS willen installeren, maar zelfs voor die 2 gaat hij dozijnen mogelijke plugins vinden, aangezien deze IDE opensource is en iedereen zijn eigen creatie kan bijdragen. Gelukkig is er een teller van het aantal downloads, dus je zou de meest populaire kunnen gebruiken om te beginnen.

[Rudy]

Jaren geleden webpagina's moeten maken met Dreamweaver, een product van Adobe. Ik weet zelfs niet of het product nog bestaat.

[Herr Flick]

Oorspronkelijk geplaatst door Dadeemelee

Is dat verwant aan Visual Basic? Dat was een leuke, simpele programmeertaal waar je toch mooie toepassingen mee kon maken. Toen .NET kwam ben ik ermee gestopt, kan je evengoed C++ gaan leren.

Het is gewoon een editor maar wel een slimme, copyeer daar bvb een certificat in en hij gaat u zeggen of dat geldig is etc...

of de code zetten in kleurkes, hij herkent het type code dat je wil gebruiken en heeft daar allerhande plug ins voor.

[Herr Flick]

Oorspronkelijk geplaatst door Rudy

Jaren geleden webpagina's moeten maken met Dreamweaver, een product van Adobe. Ik weet zelfs niet of het product nog bestaat.

Ja dat is al een tijdje geleden .

[CUFI]

Idd gewoon Visual Studio Code en dan extensies downloaden dat ge uw website gewoon kunt zien in uw browser. Ge moet dan wel saven om uw pagina te vernieuwen als ge iets toevoegt.
Dat maakt het toch een beetje wysiwyg.

Voeg ineens een mediaquery toe zodat uw pagina zich aanpast op alle schermresoluties.

[cookie monster]

Jaren geleden gebruikte ik Geocities , gewoon simpel te gebruiken !!
Gratis , geen toeters & bellen , plakwerk en kees is klaar !!
http://www.geocities.ws/cookie_monster_satellite
Ik doe die hobby nu niet meer , maar nog wel 2 wokpannen in gebruik !!
http://www.geocities.ws/index.php/auto.html?page=485

[IJsboer]

Een AI assistent als chatGPT kan zoiets wel in elkaar flansen voor jou denk ik.

[Rudy]

Oorspronkelijk geplaatst door Zucht

Nee het is totaal niet verwant aan VB. VS code is een "Integrated Development Environment", dus enkel een geraamte dat je in staat stelt code te schrijven. Welke code ? Dat kies je door plugins te installeren voor de taal die je wil. En er zijn er ontelbare. BigF zal HTML en CSS willen installeren, maar zelfs voor die 2 gaat hij dozijnen mogelijke plugins vinden, aangezien deze IDE opensource is en iedereen zijn eigen creatie kan bijdragen. Gelukkig is er een teller van het aantal downloads, dus je zou de meest populaire kunnen gebruiken om te beginnen.

Die VS code doet mij denken aan Eclipse.
Hier ook, er zijn plugins genoeg, voor alles.
Mijn ervaring is dat de verleiding groot is om alle plugins te installeren die ook maar aantrekkelijk klinken. Dat heb ik afgeleerd omdat de mainload van het basisprogramma Eclipse te groot wordt.
Uiteindelijk, en ik denk dat dit voor vele IDE's en platormen geldt, gebruik ik nog enkel plugins die goedgekeurd worden door de producent van het basispakket.
Het loont sowieso de moeite om eens de datum laatste update van de plugin te controleren.

[CUFI]

Oorspronkelijk geplaatst door Herr Flick

Ja dat is al een tijdje geleden .

Dat bestaat nog. Adobe heeft nu zelfs een beta photoshop met AI.
Typen wat ge wilt bewerken en tis dikwijls spot on.

[Visjnu]

Misschien al goed genoeg?

<!DOCTYPE html>
<html>
<head>
<title>BigF Portal</title>
<style>
.container {
text-align: center;
}
.logo {
display: inline-block;
margin: 10px;
}
.search-box {
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>BigF Portal</h1>

<p>
<div class="search-box">
<form action="https://www.google.com/search" method="get" target="_blank">
<input type="text" name="q" placeholder="Zoeken op Google" required>
<input type="submit" value="Zoeken">
</form>
</div>
</p>

<p>
<div class="logo">
<a href="https://news.google.com/" target="_blank">
<img src="https://lh3.googleusercontent.com/-DR60l-K8vnyi99NZovm9HlXyZwQ85GMDxiwJWzoasZYCUrPuUM_P_4Rb 7ei03j-0nRs0c4F=w16" alt="Google News"></br>Google News
</a>
</div>

<div class="logo">
<a href="https://www.vrt.be/vrtnws/nl/" target="_blank">
<img src="https://www.vrt.be/favicon.ico" alt="VRT NWS"></br>VRT NWS
</a>
</div>

<div class="logo">
<a href="https://www.2dehands.be/" target="_blank">
<img src="https://cdn.ebayclassifieds.net/bff/static/vendor/hz-web-ui/twh/favicons/favicon.d4b237b1.ico" alt="Tweedehands.be"></br>Tweedehands
</a>
</div>
</p>

<p>
<div class="logo">
<a href="https://www.bol.com/" target="_blank">
<img src="https://www.bol.com/favicon.ico"" alt="Bol.com"></br>BOL
</a>
</div>

<div class="logo">
<a href="https://www.booking.com/" target="_blank">
<img src="https://cf.bstatic.com/static/img/favicon/40749a316c45e239a7149b6711ea4c48d10f8d89.ico" alt="Booking.com"></br>Booking
</a>
</div>

<div class="logo">
<a href="https://www.skyscanner.net/" target="_blank">
<img src="https://www.skyscanner.net/favicon.ico" alt="Skyscanner.net"></br>Skyscanner
</a>
</div>
</p>

</div>
</body>
</html>

[BigF]

Oorspronkelijk geplaatst door IJsboer

Een AI assistent als chatGPT kan zoiets wel in elkaar flansen voor jou denk ik.

Die gebruikte ik ook en dat ging al bij al redelijk goed maar er ging blijkbaar toch vanalles mis met het kopieren van de code en het opslaan als .html

Maar volgens anderen hier was de code die Chatgpt maakte eigenlijk prima in orde.

[BigF]

Oorspronkelijk geplaatst door Visjnu

Misschien al goed genoeg?

Merci!!

Dat is al een perfecte basis!

Alles werkt (behalve het Google Nieuws logo) in Safari.

Hier kan ik mee verder. Nu op't gemakske nog wat links toevoegen enzo.

Super!! Dikke merci!!!!

[Visjnu]

Nu met bruikbare link naar Google News icon en alle icons mooi in 60x60

<!DOCTYPE html>
<html>
<head>
<title>BigF Portal</title>
<style>
.container {
text-align: center;
}
.logo {
display: inline-block;
margin: 10px;
}
.search-box {
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>BigF Portal</h1>

<p>
<div class="search-box">
<form action="https://www.google.com/search" method="get" target="_blank">
<input type="text" name="q" placeholder="Zoeken op Google" required>
<input type="submit" value="Zoeken">
</form>
</div>
</p>

<p>
<div class="logo">
<a href="https://news.google.com/" target="_blank">
<img src="https://cdn.cdnlogo.com/logos/g/93/google-news.svg" alt="Google News" width="60" height="60"></br>Google News
</a>
</div>

<div class="logo">
<a href="https://www.vrt.be/vrtnws/nl/" target="_blank">
<img src="https://www.vrt.be/favicon.ico" alt="VRT NWS" width="60" height="60"></br>VRT NWS
</a>
</div>

<div class="logo">
<a href="https://www.2dehands.be/" target="_blank">
<img src="https://cdn.ebayclassifieds.net/bff/static/vendor/hz-web-ui/twh/favicons/favicon.d4b237b1.ico" alt="Tweedehands.be" width="60" height="60"></br>Tweedehands
</a>
</div>
</p>

<p>
<div class="logo">
<a href="https://www.bol.com/" target="_blank">
<img src="https://www.bol.com/favicon.ico"" alt="Bol.com" width="60" height="60"></br>BOL
</a>
</div>

<div class="logo">
<a href="https://www.booking.com/" target="_blank">
<img src="https://cf.bstatic.com/static/img/favicon/40749a316c45e239a7149b6711ea4c48d10f8d89.ico" alt="Booking.com" width="60" height="60"></br>Booking
</a>
</div>

<div class="logo">
<a href="https://www.skyscanner.net/" target="_blank">
<img src="https://www.skyscanner.net/favicon.ico" alt="Skyscanner.net" width="60" height="60"></br>Skyscanner
</a>
</div>
</p>

</div>
</body>
</html>

[Visjnu]

Oorspronkelijk geplaatst door BigF

Die gebruikte ik ook en dat ging al bij al redelijk goed maar er ging blijkbaar toch vanalles mis met het kopieren van de code en het opslaan als .html

Maar volgens anderen hier was de code die Chatgpt maakte eigenlijk prima in orde.

ChatGPT was idd goede basis. Je moet er echter voor zorgen dat de HTML code als platte text (plain text) opgeslagen wordt, dus zonder opmaak.

Op MacOS kan je hiervoor ook TextEdit gebruiken (zit bij MacOS)
https://support.apple.com/en-gb/guid.../1.17/mac/13.0

[BigF]

Oorspronkelijk geplaatst door Visjnu

Nu met bruikbare link naar Google News icon en alle icons mooi in 60x60

Super!!

Begint al stilletjes helemaal te worden wat ik voor ogen had.

En ook makkelijk: door de code een beetje te bekijken kan ik al snel zien hoe ik zelf dingen toe kan voegen, hoe ik zelf iconen kan schalen,....

Dikke merci!!

[BigF]

Oorspronkelijk geplaatst door Visjnu

ChatGPT was idd goede basis. Je moet er echter voor zorgen dat de HTML code als platte text (plain text) opgeslagen wordt, dus zonder opmaak.

Op MacOS kan je hiervoor ook TextEdit gebruiken (zit bij MacOS)
https://support.apple.com/en-gb/guid.../1.17/mac/13.0

Zo werkte ik ook. Tekst kopieren, plakken in teksteditor, omzetten naar platte tekst, opslaan als .html,...

Maar toch ging er nog vanalles mis.
Ik kan nu wel eens vergelijken met uw code om te kijken wat er mis was met die van Chatgpt maar dat is er nog niet van gekomen.

Ik peuter hier de komende dagen nog verder aan en laat hier mijn ervaringen wel weten.

In ieder geval; de gepersonaliseerde startpagina is iets geweldig. Had ik al veel eerder moeten maken. Ik klik Safari open en onmiddellijk heb ik alle veelgebruikte websites voor mijn neus.
Niet doorklikken naar 'bladwijzers' en daar nog verder klikken door menu's, geen hoop openvliegende tabbladen. Ideaal.
Ik snap niet dat niet meer mensen zoiets doen. Handigste toevoeging in mijn browser sinds jaren.

[CUFI]

Omdat het eigenlijk overbodig is. Uw adresbalk kan al meteen als google searchbar dienen en de meest bezochte adressen staan al op uw startscherm. Zelfs oudere verschijnen zodra ge de eerste letter typt in uw adresbalk.

Wat ik niet begrijp is waarom je documenten van InDesign niet tussen een iframe kan plaatsen op een html pagina. Converten naar pdf is een mogelijkheid, maar dan gaat veel van de opmaak verloren.