Jump to content

Search the Community

Showing results for tags 'first website'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 2 results

  1. My school asked me for a website where they can post their pictures on. Pictures from camp/city trips etc. I said that I never build a website before, but I would like to try it. So I googled and googled, then almost a week later I have this (code is below the text) I still have one problem: I have a login page which can be accessed by the teachers, I have a upload button and a name field, so every time when they have new pictures they can upload them and choose a name. But there isn't happening anything with the data. Is it possible that it automatically creates a page based on a tamplate with the before indicated input? I read something about get and post, but I have no idea how I could use that. I also read something about MySQL, but I have absolutely no idea how I could use something like that. So my question: How can I automatically create a new page, based on the input from another page. This is the website: http://thorbeckefotos.tk/ In the top right corner is a small login button, if you press the botton, you go to the login page (username: user password: password) if you continu you see the page that can be accessed by the teachers. Tamplate code: <!DOCTYPE html> <html> <head> <title>Thorbecke foto's</title> </head> <link rel="icon" href="images/logos/thorbecke.png"> <body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF"> <img src="images/Banner.png"> <a href="https://twitter.com/ThorbeckeSG"> <img src="images/logos/twitter.png" style="position:absolute; top: 5px; right: 153px;"></a> <a style="position:absolute; top: 12px; right: 20px;" href="https://twitter.com/ThorbeckeSG">Thorbecke Twitter</a> <a href="http://www.thorbecke-zwolle.nl"> <img src="images/logos/thorbecke.png" style="position:absolute; top: 37px; right: 163px"></a> <a style="position:absolute; top: 42px; right: 40px;" href="https://www.thorbecke-zwolle.nl">Thorbecke Site</a> <a href="https://www.youtube.com/channel/UCcGO0gpLrWdWMxmycPjh7Bg"> <img src="images/logos/youtube.png" style="position:absolute; top: 70px; right: 153px"></a> <a style="position:absolute; top: 72px; right: 5px;" href="https://www.youtube.com/channel/UCcGO0gpLrWdWMxmycPjh7Bg">Thorbecke YouYube</a> <a href="contact/index.php"> <img src="images/logos/contact.png" style="position:absolute; top: 92px; right: 153px"></a> <a style="position:absolute; top: 100px; right: 92px;" href="../contact/index.php">Contact</a> <br> <br> <br> </body> <link href='style.css' rel='stylesheet'> <ul> <li><a href="../index.htm">Home</a></li> <li><a>2017/18</a> <ul> <li><a href="Examenreis_Berlijn.htm">Examenreis Berlijn</a></li> <li><a href="Examenreis_Londen.htm">Examenreis Londen</a></li> <li><a href="Examenreis_Parijs.htm">Examenreis Parijs</a></li> <li><a href="Disco.htm">Disco klas 1</a></li> <li><a href="Biodag.htm">Biodag 3M</a></li> <li><a href="Introductie.htm">Introductie klas 3/4M</a></li> </ul> </li> <li><a>2016/17</a> <ul> <li><a href="../2016,17/Werkweek.htm">Werkweek</a></li> <li><a href="../2016,17/Grote_Avond.htm">Grote Avond</a></li> <li><a href="../2016,17/Skiereis.htm">Skireis</a></li> <li><a href="../2016,17/Diploma_uitreiking_Atheneum.htm">Diploma uitreiking Atheneum</a></li> <li><a href="../2016,17/Diploma_uitreiking_Havo.htm">Diploma uitreiking Havo</a></li> <li><a href="../2016,17/Diploma_uitreiking_Mavo.htm">Diploma uitreiking Mavo</a></li> <li><a href="../2016,17/Galaklas2.htm">Gala klas 2</a></li> <li><a href="../2016,17/Examenreizen.htm">Examenreizen</a></li> <li><a href="../2016,17/Brugklasdisco.htm">Brugklasdisco</a></li> <li><a href="../2016,17/Introductie.htm">Introductie klas 1M/H/A 3M 4A</a></li> <li><a href="../2016,17/Open_Dag.htm">Open Dag</a></li> </ul> </li> <li><a>2015/16</a> <ul> <li><a href="../2015,16/Diploma_uitreiking_Atheneum.htm">Diploma uitreiking Atheneum</a></li> <li><a href="../2015,16/Diploma_uitreiking_Havo.htm">Diploma uitreiking Havo</a></li> <li><a href="../2015,16/Diploma_uitreiking_Mavo.htm">Diploma uitreiking Mavo</a></li> <li><a href="../2015,16/Ijsverkoop_onioth.htm">Ijsverkoop Onioth</a></li> <li><a href="../2015,16/Onioth_kamp.htm">Onioth kamp</a></li> <li><a href="../2015,16/Werkweek.htm">Werkweek</a></li> <li><a href="../2015,16/Talendorp.htm">Talendorp</a></li> <li><a href="../2015,16/Skiereis.htm">Skireis</a></li> <li><a href="../2015,16/Going_Global.htm">Going Global</a></li> <li><a href="../2015,16/Open_Dag.htm">Open Dag</a></li> </ul> </li> <li><a>2014/15</a> <ul> <li><a href="../2014,15/kerstdinner.htm">Kerstdinner 4/5H</a></li> <li><a href="../2014,15/Munster.htm">Münster</a></li> <li><a href="../2014,15/Gala_klas_2.htm">Gala klas 2</a></li> <li><a href="../2014,15/Grote_Avond.htm">Grote Avond</a></li> <li><a href="../2014,15/Lisabon.htm">Lissabon</a></li> <li><a href="../2014,15/Londen.html">Londen</a></li> <li><a href="../2014,15/parijs.htm">Parijs</a></li> <li><a href="../2014,15/Barcelona.htm">Barcelona</a></li> <li><a href="../2014,15/Auditie_Grote_Avond.htm">Auditie Grote Avond</a></li> <li><a href="../2014,15/Stadshangenrun.htm">Stadshagenrun</a></li> </ul> </li> </ul> <br> <br> <br> <br> <center> <h1>Disco klas 1 2017/18</h1> <img src="images/Disco/breed001.jpg"> <img src="images/Disco/breed002.jpg"> <img src="images/Disco/breed003.jpg"> <img src="images/Disco/breed004.jpg"> <img src="images/Disco/breed005.jpg"> <img src="images/Disco/breed006.jpg"> <img src="images/Disco/breed007.jpg"> <img src="images/Disco/breed008.jpg"> <img src="images/Disco/breed009.jpg"> <img src="images/Disco/breed010.jpg"> <img src="images/Disco/breed011.jpg"> <img src="images/Disco/breed012.jpg"> <img src="images/Disco/breed013.jpg"> <img src="images/Disco/breed014.jpg"> <img src="images/Disco/breed015.jpg"> </center> <footer><h2><a font color="white" href="*download_url*">Download</h2></font></a> <h5>Gemaakt door Martijn Schuman</h5> <h5> Copyright 2017 All rights reserved. </h5> </footer> </html> Upload page code: <?php // Start the session ob_start(); session_start(); // Check to see if actually logged in. If not, redirect to login page if (!isset($_SESSION['loggedIn']) || $_SESSION['loggedIn'] == false) { header("Location: index.php"); } ?> <html> <head> <title>Thorbecke fotos upload</title> </head> <link rel="icon" href="images/logos/thorbecke.png"> <link href='style.css' rel='stylesheet'> <body> <img src="images/Banner.png"> </body> <form method="post" action="logout.php"> <input type="submit" value="Logout"><br> </form> <h2>Op deze pagina kan u een nieuwe activiteit aanmaken en foto's uploaden.</h2> <label for="activiteit">Activiteit:</label><br/> <input type="activiteit" placeholder="Activiteit"><br/> <br> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="files[]" multiple> <input type="submit" value="Upload"> </form> </html>
  2. Hello all, this is my first attempt at a real website to be posted in the future. It's at it's very basic stages. I've noticed a problem with the layout that needs fixing with Chrome, Firefox, and IE9. When the page is zoomed in or out, the layout shifts. How do I prevent this? HTML5 CODE: (Passes the W3C Validator) <!DOCTYPE html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="author" content="Joseph Maxwell Davies" /> <meta name="keywords" content="nomad, video, siblings, nomadic siblings, torah, teachings, articles" /> <title>Nomadic Siblings</title> <link type="text/css" rel="stylesheet" href="home.css" hreflang="en" media="screen" /> <script type="text/javascript" src="home.js"></script> </head><body> <div id="container"> <div id="webpagebanner"> <header> <hgroup> <h1>Nomadic Siblings</h1> </hgroup> </header> <div> </div> </div> <div id="leftsidebar"> <section id="logo"> <div> </div> </section> <nav id="leftsidebarnav"> <ul> <li>Home</li> <li>Videos</li> <li>Articles</li> <li>Contact Us</li> </ul> </nav> </div> <div id="maincontent"> <section> <div id="featuredcontent"> <figure> <!--<video height="320" width="480" controls="controls" poster=""> <source src="Wildlife.m4v" type="video/mp4" /> Your browser does not support HTML5 video please upgrade to one of the following: Chrome, Firefox, or IE9 </video>--> <img src="http://zipline.files.wordpress.com/2010/12/chanukah.jpg" alt="menorah" width="480" height="320" /> </figure> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> </section> </div> <div id="webpagefoot"> <footer> </footer> </div> </div> </body></html> CSS Code: body {/*background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRmopGs4E8JPZw2QSogetRzxjFhMbEPlyS8kY6hBd5mhgYQr-H4);*/background-color: #B57F35;}@font-face { font-family: Dumb1; src: url('2Dumb.ttf');}@font-face { font-family: Dumb2; src: url('3Dumb.ttf');}#container {/*background-color: white;*/width: 960px;margin-left: auto;margin-right: auto;}#webpagebanner {background-color: #EBE5AB;width: 790px;height: 150px;float: right;clear: right;border-top-right-radius: 25px;}#webpagebanner header hgroup h1 { text-align: center; width: 450px; margin-top: 35px; margin-left: 30px; /*background-color: white;*/ font-family: Dumb1; font-size: 42px;}#webpagebanner div { color: green; width: 700px; border: #B34242 solid 1px; margin-left: 45px;}#leftsidebar {background-color: #D9CE57;width: 169px;height: 760px;float: left;clear: left;border-right: blue solid 1px;}#logo { padding-top: 24px; padding-bottom: 24px; padding-left: 34px; padding-right: 34px; background-color: #D9CE57;} #logo div { height: 100px; width: 100px; background-color: red; border: black solid 1px; border-radius: 45px; }#leftsidebarnav { position: fixed;} #leftsidebarnav li { list-style-type: none; margin-top: 8px; margin-left: -1em; border-top: black solid 1px; border-bottom: black solid 1px; width: 120px; text-align: center; font-size: large; } #leftsidebarnav li:hover { background-color: white; opacity: 0.5; }#maincontent {background-color: #EBE5AB;width: 790px;height: 760px;float: left;}#maincontent section { border-bottom: black dashed 1px; padding-top: 15px; padding-bottom: 35px; padding-left: 164px; padding-right: 164px;} #maincontent section #featuredcontent { width: 480px; height: 320px; border: black solid 1px; border-radius: 50px; background-color: green; opacity: 0.5; overflow: hidden; } #maincontent section #featuredcontent figure { margin: 0px; overflow: hidden; border-radius: 50px; } #maincontent section .featureselector { width: 8px; height: 8px; border: black solid 2px; border-radius: 8px; float: right; margin-right: 10px; margin-top: 8px; background-color: red; }#webpagefoot {background-color: yellow;width: 960px;clear: both;} I use a local font but it's not really a big deal that you can't see it. How can I fix the layout so that it does not shift? P.S. Yes it's ugly right now, it's mostly laid out to show me the measurements and how the page is to be divided. Like I said it's bare bones. Or if better I have the files attached as well. But can't upload the ttf.... sorry about that. home.css index.html
×
×
  • Create New...