Webdesign-Erfahrung: Effizientes Schreiben von Webcode

Ursprünglich sollte dieses siebte Kapitel eine ausführliche Diskussion über die Schichten und räumlichen Techniken im Design sein. Doch heute hat Nuannuan bei mir geweint und sich beschwert, dass sie nie genug zu tun hätte. Darüber hinaus konnte das Unternehmen im März und April dieses Jahres zahlreiche Geschäfte erfolgreich abschließen. Und einige der Erfahrungen von damals zusammengefasst. Ich denke, dass es notwendig ist, das Thema Effizienz mit allen zu teilen. Aufgrund des engen Zeitplans ist die Einstufung nicht eindeutig, bitte verzeihen Sie mir!

In diesem Artikel werden drei Aspekte behandelt: Erstens die Gestaltung von Unternehmenswebsites (Unternehmenswebsites umfassen auch die Kategorien Bildung und Regierung), zweitens die Gestaltung kleiner Portalseiten und drittens werde ich auch auf die grafische Werbegestaltung eingehen. Hauptsächlich die Website.

Tatsächlich ist die Arbeitsbelastung von Unternehmenswebsites nicht groß. Ich glaube, dass viele erfahrene Kollegen Ihnen die Spalten nennen können, die von normalen Unternehmenswebsites verwendet werden können. Hier betrachten wir diese Aufgaben aus einer anderen Perspektive. Die Klassifizierung erfolgt nach dem Inhalt der Seite:

1: Startseite.
Der Designanteil ist hier am höchsten. Die Arbeit ist zugleich die komplizierteste. Lassen Sie uns jetzt nicht über das Design sprechen. Von der PS-Version zu HTML und schließlich zur gesamten Site. Die Homepage wird häufig am häufigsten geändert. Was ich hier hervorheben möchte, ist, dass Sie bereits ab der Homepage auf die Verwendung von Include-Dateien achten müssen.

2: Seitennummerierung.
Wie viele Paging-Arten gibt es? Meiner Meinung nach ist es nichts anderes als Liste und Ansicht, Listenseite und Leseseite. Liste ist normalerweise eine Nachrichtenliste oder eine Bilderliste. Und sehen Sie, Sie brauchen nur eines!

Wenn Sie also eine gewöhnliche Unternehmenswebsite erstellen, ist im Grunde genommen ein Drittel der Arbeit erledigt, wenn die oben genannten drei Seiten abgeschlossen sind. Darüber hinaus gibt es Programme und Inhaltseinträge.

Rein dynamische Site. Die Inhaltseingabe ist einfach. Handelt es sich jedoch um eine Site mit einer großen Anzahl statischer Seiten, wie etwa Bildungs- oder Regierungssites, dann ist dies nicht der Fall. Ein wesentlicher Grund hierfür liegt natürlich darin, dass Seiten, wie etwa die Einführung, die nur einmal im Jahr aktualisiert werden, aus Sicht des Unternehmens oder des Programmierers statisch gestaltet sind. Eine andere Situation ist, dass der Inhalt eine große Anzahl von Bildern, Sonderzeichen, Formeln, Tabellen usw. enthält. Selbst mit dem leistungsstärksten Editor ist die Bearbeitung immer noch mühsam. Die Verwendung von dw ist möglicherweise effizienter. Nur hier kann ich meine Erfahrungen wirklich zum Ausdruck bringen.
Lassen Sie uns zunächst über große Texteingabemengen sprechen. Definieren Sie zuerst Ihr P und denken Sie daran, 2em einzurücken, da viele Leute darauf achten. Auch dies gilt es zu beachten. Ich glaube, jeder hat QQ geöffnet, viel Text, sei es aus Word oder Notepad, wird direkt kopiert, in das QQ-Dialogfeld eingefügt und erneut kopiert, redundante Dinge entfernt und dann in den DW-Codestatus gewechselt. Denken Sie daran, dass der Codestatus eingefügt wird. Zu diesem Zeitpunkt behält der Codestatus noch die ursprünglichen Absätze bei, die Vorschau ist jedoch nicht segmentiert. Zu diesem Zeitpunkt beginnt Ihr P, seine Leistung zu zeigen. Die Startstelle ist <p>, die Endstelle ist ＜／p> und die mittleren Absätze werden direkt als „＜p＞＜／p＞“ kopiert und eingefügt. Sie müssen nicht mehr die Eingabetaste oder ALT+UMSCHALT+LEERTASTE drücken! ! !
Apropos Tabellen: Das Einfügen einer Tabelle in einen Editor ist nicht so effizient wie das Einfügen in DW. OK, dann zeichne eine Tabelle in DW, kopiere anschließend den Code und füge ihn in den Codestatus des Editors ein. Die Wirkung ist gut...
Apropos komplexer Inhalt: Es gibt Tabellen, Sondersymbole, Formeln, große Mengen an Text, Tabellen und Bildern. Und es ist ziemlich lang. Was sollte ich tun? Ich möchte dir eine kleine Software namens FLASHPAPER empfehlen, die alle Inhalte direkt in Word in eine swf-Datei mit Scrollbalken umwandeln kann. In vielen Fällen ist die Größe kleiner als die HTML-Datei, die Sie Stück für Stück in DW bearbeitet haben.
Eigentlich möchte ich sagen, dass Codestatusoperationen oft am effizientesten sind!
Sollten die Ihnen vom Kunden zur Verfügung gestellten Inhalte unvollständig oder mangelhaft sein, wird dieser Umstand von mir nicht berücksichtigt. Dies sind Vorarbeiten. Wenn Sie nicht wissen, wie Sie richtig damit umgehen sollen, lesen Sie bitte meine ersten sechs Kapitel.

**************************************Sprechen Sie über die Trennlinie zwischen Produktion und Design****************************************

Tatsächlich verbringen viele Kollegen die meiste Zeit mit dem Design. Und Unternehmenswebsites haben im Allgemeinen nicht viel Inhalt. Ich denke, Sie sollten einen Blick auf die ersten vier Kapitel meiner Reihe „Advanced Web Design“ werfen. Es wird Ihnen bei Ihrem Entwurf eine große Hilfe sein. Auf den Rest wird nicht näher eingegangen. Nur um die Akkumulation noch einmal hervorzuheben. Nur durch ständige Anhäufung können wir kontinuierliche Fortschritte erzielen. In Kapitel 4 über Materialien sagte ich:

Wenn Sie einen bestimmten Teil eines Bildes sehen, beginnt Ihr Verstand zu leuchten und Sie stellen fest, dass Sie eine ganze Reihe von Dingen entwerfen können, die ausschließlich auf diesem Teil basieren.

Wenn Sie eine Aufgabe erhalten, ist Ihr Gehirn wie eine Festplatte, die automatisch den Inhalt in Ihren Computer packt, der dieser Aufgabe ähnelt oder sogar direkt verwendet werden kann.

Wenn Sie etwas tun möchten, fallen Ihnen automatisch die verfügbaren Schriftarten, Muster und kleinen Symbole auf Ihrer Festplatte ein.

Wenn man unterwegs oder mit dem Rad unterwegs ist und etwas unternehmen möchte, fällt einem sofort ein, welches Material auf welcher Website man nutzen kann.

Wenn Sie eine bestimmte Site sehen, können Sie sofort Rückschlüsse ziehen und sagen, welche Site eine ähnliche Struktur und welche Site einen ähnlichen Stil hat. . .

Wenn Sie all dies können, fällt Ihnen Design dann immer noch schwer?

Design ist eigentlich ein Prozess kontinuierlicher Ansammlung.

*********************************************Besonders hervorgehobene Trennlinie********************************

Lassen Sie mich noch einmal betonen, dass Include-Dateien eine oder sogar mehrere Include-Dateien enthalten können ... Das Verständnis dieses Satzes wird Ihnen beim Erstellen dieser statischen und dynamischen Websites viel Aufwand ersparen!

****************************************Die grundlegende Trennlinie des Website-Designs****************************************

Ich werde später noch ausführlicher auf dieses Thema eingehen. Webdesign-Zeug. Es handelt sich lediglich um eine Mischung aus Bildern und Text.

<<: Prozessanalyse der Bereitstellung von ASP.NET Core-Anwendungen auf dem Linux-System Docker

>>: Die beste Lösung zur Implementierung digitaler Plus- und Minus-Buttons mit reinem CSS

Verständnis von Haslaylout- und BFC-Parsing

Webdesign-Erfahrung: Effizientes Schreiben von Webcode

Verständnis von Haslaylout- und BFC-Parsing

Sprechen Sie über das Verständnis des CSS-Attributrands

Verwendung von Docker-Image-Speicher-Overlays

Tutorial zum Bereitstellen eines Springboot-Pakets in einer Linux-Umgebung mithilfe von Docker

Detaillierte Erläuterung der Verbindungslimitkonfiguration von Nginx für IP-Adressen in einem Netzwerksegment

jQuery-Plugin zur Implementierung eines gestapelten Menüs

Führen Sie die Schritte zur Installation von FFmpeg auf dem CentOS-Server aus

JS-Interviewfrage: Kann forEach aus der Schleife aussteigen?

So stellen Sie ein Angular-Projekt mit Docker bereit

Der Grund, warum MySQL die Binlog-Datei manuell registriert und Master-Slave-Anomalien verursacht

Artikel empfehlen

So löschen und deinstallieren Sie MySQL in Windows 10 vollständig

Docker setzt Macvlan ein, um eine hostübergreifende Netzwerkkommunikation zu erreichen

Ein vollständiges Tutorial zur Installation von Ubuntu 20.04 mit einer virtuellen VMware-Maschine

Lösung für das Problem, dass der Docker-Container nicht auf Jupyter zugreifen kann

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.23 Winx64 unter Win10

Docker unter Linux installieren (sehr einfache Installationsmethode)

Verwenden Sie die Vue3+Vant-Komponente, um die Suchverlaufsfunktion der App zu implementieren (Beispielcode).

Spezifische Verwendung des Linux-gcc-Befehls

js implementiert eine einfache dreistufige Auswahlkaskade für Provinzen, Gemeinden und Bezirke

So reduzieren Sie die Bildgröße mithilfe des mehrstufigen Docker-Builds

Konfigurationshandbuch für den Lastenausgleich auf Ebene 4 von Nginx

4 Möglichkeiten, doppeltes Einfügen von Daten in Mysql zu vermeiden

Einführung in die drei wesentlichen Protokolle für MySQL-Datenbankinterviews

Detaillierte Beschreibung des Anwendungsszenarios für Javascript-Closure

Tiefgreifendes Verständnis der Verwendung von r2dbc in MySQL