2016-10-17 4 views
-2

Sorry, erster Timer, yup ich bin dieser Typ. Aber trotzdem bin ich in der Highschool und für meine IST (Information Software and Technology) Aufgabe muss ich eine Website machen, ich basiere sie von meiner Schulwebseite, der Apple Website und einigen Subreddits.Wie würde ich dieses GUI-Design in eine Website umwandeln?

Ich würde jedes Feedback zu schätzen weiß es besser zu machen, und ich würde extra freuen, wenn Sie mir sagen, wie man das Design mit dem Code zu machen, das Teil im meist Problemen, mit machen die Seitenleiste und die Menüleiste

und es muss in HTML sein und ich bin mit Dreamweaver, wenn die

hilft hier ist das Foto

GUI Design

+0

Es ist nur ein Drahtmodell, kein vollständiges Design. Zuerst müssen Sie HTML und CSS lernen, um die Seitenstruktur zu erstellen. – Nhan

+0

Bist du nicht in der Schule, um zu lernen? Das scheint ein Betrug zu sein. – mlegg

+0

Wir sind nicht zu viel im Unterricht gegangen, mein Lehrer hat so ziemlich den Auftrag gegeben und das ist es, ich habe sie gefragt, sie sagte, es sei in Ordnung, wenn ich das täte, ich bitte nicht um ein vollständiges Design, ich wäre mehr als dankbar Sie haben mir nur einen Tipp gegeben, wie man die doppelten Menüleisten macht. –

Antwort

0

Sie ein grundlegendes Verständnis von HTML und CSS benötigen. Sie können JS verwenden, wenn Sie möchten. Ich würde empfehlen, Bootstrap-Bibliothek zu verwenden, um mit dem Design zu helfen. Dreamweaver wird dir nichts nützen. Holen Sie sich einen Texteditor wie erhaben und lernen Sie HTML und CSS. Richten Sie Ihre Projektstruktur ein. Laden Sie den Bootstrap in Ihr Projekt. Verwenden Sie das Bootstrap-Grid-System für Positionierungselemente und die Navigationsleiste. Niemand auf dieser Seite wird den Code für Sie schreiben. Wir werden es überprüfen und Vorschläge machen, aber letztlich liegt die Arbeit an Ihnen. Glückliche Kodierung!

0

Wenn Sie Dreamweaver verwenden wollen, sind, ist dies der Ansatz:

Photoshop öffnen und gestalten Sie Ihre Website genau wie Ihre Zeichnung. Exportieren Sie Ihre Bilder (Logo, Slideshow-Bilder usw.) und speichern Sie sie in einem Ordner mit dem Titel "img".

Öffnen Sie Dreamweaver und erstellen Sie eine neue HTML-Site. Von dort können Sie den WYSIWYG verwenden, um sich um Ihre Bilder und Texte zu bewegen, und Sie erhalten den benötigten HTML/CSS-Code.

Das heißt, wenn der Kurs vollständig auf HTML/CSS von Grund auf neu zu wissen ist ... das wäre Betrug. Aber wenn es nur darum geht, "es zum Laufen zu bringen", dann sollte dies für Sie funktionieren. Viel Glück!

Verwandte Themen