Scribd Logo
Unggah

Selamat datang di Scribd!

  • Latihan Membuat CV Melalui Web

    Diunggah oleh

    intan cahyani putri
    7 tayangan5 halaman

    Judul Asli

    1. Latihan Membuat CV Melalui Web

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    7 tayangan5 halaman

    Latihan Membuat CV Melalui Web

    Diunggah oleh

    intan cahyani putri

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Pembuatan Website CV

    1. Membuat Desain Web


    a. Desain Halaman Home

    b. Desain Halaman Contact

    c. Desain Halaman About

    2. Membuat Folder “Latihan 1 Desain CV”


    a. Membuat Folder “Foto” (menempatkan foto agar rapi)
    b. Membuat Folder “Video” (menempatkan video agar rapi)
    3. Buka Aplikasi Visual Studio Code dan membuat file
    a. Index.html
    b. About.html
    c. Contact.html
    4. Kode HTML untuk halaman “Index.html”
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            body {
                background-image: url("Foto/1.jpg");
            }
        </style>
        <title>Intan Cahyani Putri</title>
    </head>
    <body style="background-color:skyblue"></body>
     <!-- Awal Pembuatan Menu/Navigasi-->
    <nav>
           <a href="index.html">Home</a> |
            <a href="Cv.pdf">Download CV</a> |
            <a href="Contact.html">Contact</a> |
            <a href="About.html">About me</a>
    </nav>
    <!-- Akhiran Menu/navigasi-->
    <hr />
    <!--Header Foto-->
    <header style="text-align: center;">
        <!--Pemberian foto dan pengaturan-->
        <img src="Foto/intan.JPEG" width="200" height="200" style="border-
    radius: 50%;"/>
        <!--Akhiran Foto-->
        <h1>Intan Cahyani Putri</h1>
        <p>(Guru SMK Islamiyah Widodaren)</p>
    </header>
    <!-- Akhiran Header Foto-->
    <hr />
    <article style="text-align: center;">
        <!--Diskripsi-->
        <h2>Tentang Saya</h2>
        <p>
            Hi, Saya Intan Cahyani Putri, lahir di Ngawi, 06 Agustus 1996.
            Saya mulai bekerja di Smk Islamiyah tahun 2018.
        </p>
    </article>
    <!--Selesai Diskripsi-->
    <!-- Pembuatan dan Pengaturan Tabel-->
    <div style="max-width: 600px; margin: 3em auto">
        <table border="1" width="100%">
            <thead>
                <tr>
                    <th>Skill</th>
                    <th>Pengalaman</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <ul>
                            <li>HTML (Expert)</li>
                            <li>CSS (Beginner)</li>
                            <li>Javascript (Beginner)</li>
                        </ul>
                    </td>
                    <td>
                        <ul>
                            <li>Kaprodi RPL</li>
                            <li>Guru RPL</li>
                            <li>Dll</li>
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!--Akhiran Tabel-->
    <hr>
    <footer style="text-align: center;">
        <p>Copyright &copy; 2023 Intan cahyani Putri.</p>
    </footer>
    </body>
    </html>

    5. Kode HTML untuk halaman “Contact.html”


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Intan Cahyani Putri</title>
    </head>
    <body>
         <!-- Awal Pembuatan Menu/Navigasi-->
    <nav>
       
        <a href="index.html">Home</a> |
            <a href="Cv.pdf">Download CV</a> |
            <a href="Contact.html">Contact</a> |
            <a href="About.html">About me</a>
            </nav>
            <!--Akhiran Navigasi-->
            <hr />
    <!--Pembuatan Label-->
            <div>
                <h1>Contact Me</h1>
                <form>
                    <label for="email">Email</label><br />
                    <input type="email" name="email" placeholder="alamat
    email"/>
                    <br />
                    <label for="message">Pesan</label><br />
                    <textarea name="message" placeholder="Tulis pesan anda..."
    rows="4" cols="50"></textarea>
                    <br />
                    <br />
                    <input type="submit" value="Kirim" />
                </form>
            </div>
        <!--Akhir-->
            <hr>
            <footer style="text-align: center;">
                <p>Copyright &copy; 2023 Intan Cahyani Putri.</p>
            </footer>
        </body>
        </html>
    </body>
    </html>

    6. Kode HTML untuk halaman “About.html”


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Intan Cahyani Putri</title>
    </head>
    <body>
        <!-- Awal Pembuatan Menu/Navigasi-->
    <nav>
       
        <a href="index.html">Home</a> |
            <a href="Cv.pdf">Download CV</a> |
            <a href="Contact.html">Contact</a> |
            <a href="About.html">About me</a>
            </nav>
            <!--Akhiran Navigasi-->
            <hr />
    <!--Isi-->
        <article>
            <h1>About Me</h1>
            <p>
                Hi, saya Intan Cahyani Putri, Guru dari Smk Islamiyah
    Widodaren.
                Guru Produktif RPL (Rekayasa Perangkat Lunak.)
            </p>
            <p>
                Matapelajaran yang saya ajar yaitu Pemrograman Web dan
    Perangkat Bergerak,
                Basis Data, dan Pemrograman Berorientasi Objek.
            </p>
            <p>
              Saya senang bekerja di SMk Islamiyah Widodaren
            </p>
            <!--Akhiran Isi-->
            <!--Sisipan Video-->
            <p>
                <video controls>
                    <source src="Video/Seventeen.mp4" type="video/webm"/>
                </video>
            </p>
            <!--Akhiran Sisipan Video-->
        </article>

        <hr>
        <footer style="text-align: center;">
            <p>Copyright &copy; 2023 Intan Cahyani Putri.</p>
        </footer>
    </body>
    </html>

    Anda mungkin juga menyukai