ToMotion AI logo
Menu
Back to gallery

Public AI explainer video

Your First Website — Step by Step

Let’s build your first website from scratch, using just two files. First, on your computer, create a new folder and name it “my-website.” Open that...

Prompt

Source idea used to generate this video.

તમારી પ્રથમ વેબસાઇટ — સ્ટેપ-by-સ્ટેપ ચાલો હવે એક સરળ વેબસાઇટ બનાવીએ! નીચે મુજબના સ્ટેપ અનુસરો: સ્ટેપ 1: ફોલ્ડર બનાવો તમારા કમ્પ્યુટર પર એક નવો ફોલ્ડર બનાવો — ઉદાહરણ તરીકે "my-website" નામ આપો. સ્ટેપ 2: HTML ફાઇલ બનાવો ફોલ્ડરમાં index.html નામની ફાઇલ બનાવો અને VS Code જેવા એડિટરમાં ખોલો. સ્ટેપ 3: CSS ફાઇલ બનાવો એ જ ફોલ્ડરમાં style.css ફાઇલ બનાવો અને HTML સાથે લિંક કરો. સ્ટેપ 4: બ્રાઉઝરમાં જુઓ index.html ફાઇલ Chrome અથવા Firefox માં ખોલો — તમારી વેબસાઇટ તૈયાર!

Narration

Narration used to create this video.

Video narration

Let’s build your first website from scratch, using just two files. First, on your computer, create a new folder and name it “my-website.” Open that folder in a code editor like VS Code. Inside it, create a file called index.html. In index.html, add a basic page: a title, a heading that says “Hello, world!”, and a short paragraph. Save it. Now create a second file in the same folder named style.css. Let’s add simple styling, like changing the background color and setting the heading font color. Next, connect the CSS to the HTML: in index.html, inside the head section, add a link tag that points to style.css. Save again. Finally, open index.html in Chrome or Firefox—double-click it or use “Open with.” You should see your text, now styled by your CSS. That’s the basic workflow: folder, HTML, CSS, link, and view in the browser.