Tuesday, September 25, 2007

Why good HTML programming is like good screenwriting.

In the past couple of days I've been busy working on my homepage(s). I didn't have the funds to employ either a professional webpage designer or to buy professional software, like dreamweaver. I tried both the MS Office Publisher that came with my MS Office package, and the on-line design wizard offered by my domain host, but found both way to constrictive. So I had a friend teach me the basics of HTML and CSS, borrowed the excellent "HTML & XHTML - The Definitive Guide" by Chuck Musciano & Bill Kennedy, and set out to do it myself.
Ok, I depend heavily on W3School's HTML and CSS Tutorials, SELFHTML, and the Templates of of CSS Intensivstation and grateful use Notepad++ for the actual code writing, but I'm actually writing the code - understanding it - instead of just doing some magic on a GUI-based program.
Which is new for me, at least as far as working on my computer is concerned. Normally I'm a total oblivious end-user, with not even the slightest grip on the underlying mechanisms of the stuff I'm using. Normally I also think that's completely ok, Pirsig and The Art of Motorcycle Maintenance notwithstanding. I don't need to understand the principle of heat exchangers to get a bionade from my fridge. But in this case, I find myself oddly enjoying working with the basic HTML building blocks.
In the beginning it was just the mixture of not-enough-money and too-much-artistic-vision that drove me to even try trying it this way. But when my friend - who, at least as a programmer, is Mr. A-Place-For-Everything-And-Everything-In-Its-Place - started to explain to me some of the basic idea sof HTML, I sort of got into it totally. Because, the way he told it to me, HTML is about knowing what you want to create, before you create it. Sure you can simply start at one end and start adding in text and images and links and edit the style this way and that, until you have addressed every individual pixel of your browser window, but to my friend that was more than unaethetic, it was almost heretical, and anyway, the W3C is slowly fading these options out. Soon, the new XHTML standard will no longer permit this sort of "cruft".
The way it should be done is this: You come up with a unified design - the fonds used, the styles of the headlines, even the way the text-body, the headlines and the images, borders, margins, and all that work together, and you put this down in your Cascading Style Sheet, a seperate file from your actual webpage, that is more a how-to style reference guideline for the webpage itself. And then you write the actual webpage, which in its ideal form schould contain only the actualy content: the text, the links, etc. And all the browser does when it displays this content, is check on the CSS-page how to display it.
This is a lot like writing a screen play.
Because of course you can simply sit down and start on page one with "Fade in: Ext. Hearst Castle - Night" and continue until "The flames consume the sled. The last thing we see is the company logo and its name: Rosebud. Fade to Black." But I seriously doubt you will create something as masterful as Citizen Kane. I even doubt you will ever reach that last page. You will drown in cruft before you ever get there.
The way to do it, is to know what your story is about, to decide on the plot, the main characters, their need and want, on the turning points, that define the acts and sequences, and then whith everything in its place, you can "fill in" those Sequences and Scenes with the actual content, the action and dialogue that will be all that should in the end be visible to the audience.
Of course writers like Robert Ben Garant (Night at the Museum, Balls of Fury) are quite correct, when they advise writers to "do it. Write. Don't mull. Write it down. If you are not writing constantly, you [...] are not a writer."
But that same principle also goes for designing webpages in code. If you only plan, but never actually program, your webpage might have the potential of being the best ever, only it never gets made. I am writing, rewriting, and even redesigning my page all the time, at the moment. But I don't re-design little details without keeping their place in the "grand scheme" of my design in mind at all times. Just as you should never re-write scenes in your script without knowing exactly what mechanical parts of the overall script mechanism they represent, and how changing any of it influences the whole. And to be able to keep this image, this map, of the whole script in mind, is to understand its structure. For that, it needs to have one.
The secret as always lies in the correct balance: Too much time invested in structuring leads to great ideas that are never executed. Too little leads to cruft and chaos and slow death in the La Brea Tar Pits.
But for myself, I must say, that writing my own homepage in HTML has taught me bunches about how to write my next script.

40 comments:

EdwinaHugh said...
This comment has been removed by a blog administrator.
帳號 said...
This comment has been removed by a blog administrator.
微笑每一天 said...

Better say nothing than nothing to the purpose. ........................................

茂一 said...

性自拍貼圖臺灣自拍網臺灣自拍貼圖網做愛自拍照免費線上自拍影片免費線上貼片區免費線上貼圖免費線上愛影片免費線上影片a片免費線上影片網免費線上影片論壇免費觀看卡通色情片免費觀看台灣片交流網吻技完全免費成人網宏耶宏椰的家宏爺宏爺網站宏爺影城我78我愛78免費我愛78論談我愛87論壇我愛論壇找妹做愛即時通辣妹利特利的遊戲免費觀看成人卡通影片色咪咪影片網一夜情聊天室情色小說情色貼圖

謝詩涵 said...

how do u do?................................................................

嘉雯 said...

how do u do?xvideo打飛機專用網洪爺免費洪爺色情片洪爺貼圖區洪爺成人線上洪爺影城洪爺色論壇洪爺貼圖洪爺成年人網洪爺免費色情洪爺色情貼援交妹辣妹野球拳情色文學情趣聊天室性感辣妹裸體遊戲做愛偷拍一夜情視訊洪爺色情貼洪爺免費色情洪爺成年人網洪爺貼圖洪爺色論壇洪爺影城洪爺成人線上洪爺貼圖區洪爺色情片洪爺免費洪爺色情貼洪爺免費色情洪爺成年人網洪爺貼圖洪爺色論壇洪爺影城洪爺成人線上洪爺貼圖區洪爺色情片洪爺免費洪爺免費洪爺色情片洪爺貼圖區洪爺影城洪爺色論壇洪爺貼圖洪爺成年人網洪爺免費色情洪爺色情貼洪爺成人線上

于雅慧毓 said...

Today is the first day of the rest of your life.......................................................

火芬 said...

Nice blog85cc,咆哮小老鼠,85街,免費影片,情趣爽翻天,愛戀情人用品,交友找啦咧,線上a片,女同志聊天室,sexy,色情網站,網愛聊天室,情色性愛貼圖,小穴,性愛姿勢,陰脣室,成人圖貼,性愛技巧,a片論壇,色情,85c,sexy網,人妻,脫衣,6k,18禁,手淫,性幻想,77p2p,情色,1007,85c,0401,後宮,色情,淫蕩,正妹,77p2p,ut室

裕以 said...

It's great!!..........................................

RexTemples20144 said...

18禁,聊天,免費影片,美女短片,0401,免費聊天,免費視訊,0204,78論壇,亞洲影城,視訊聊天,免費影片,聊天室,ut,成人,視訊,都都,視訊,打飛機專用網,小高聊天室,視訊,免費影片,a片免費,a片,18,免費線上視訊,日本a電影,影音視訊聊天室,貼圖區,av,383,77p2p,85cc,無碼,av影片,av專賣店,a片線上看,a圖,免費線上影片,微風成人

誠侑 said...

may the blessing be with you.........................................

涂HerthaSic said...

Hard day......................................................................

韋于倫成 said...

向著星球長驅直進的人,反比踟躕在峽路上的人,更容易達到目的。.........................

MickiRueda said...

成人電影線上看 ut男視訊 聊天事ut 免費a觀看 絲襪同志交友 av女優性交影影片 性感褲襪美女寫真 免費影片網 色情自拍偷拍 愛的聊天室 女女愛愛 av情趣用品 18卡通漫畫 少女自拍網 熊貓影城 a片圖 情色卡漫 a色情影片 一夜情 383 完美情人視訊網站 玩美女人 免費影片 正妹辣妹 人妻遊戲 熟女 免費視訊 視訊聊天室 a圖片a 視訊聊天 85cc 微風成人交友區 嘟嘟 777 小魔女自拍貼圖 台灣援交妹 情人視訊 辣妹脫衣 av影片 洪爺影城 大奶熟女 sexy情色 a片 巨乳 性愛情慾貼圖 後宮電影院 jack 限制級 色情電話0204 激情性愛 明星走光

韋成 said...

好文不寂寞~支持!!!!@@a 搞錯了,這不是論壇推文 XDDD........................................

姵Roman潔 said...

All roads lead to Rome. 堅持自己所選!..................................................

esthermelvin said...

要持續更新下去喲!!祝你心情愉快........................................

雅慧雅慧雅慧 said...

I guess I will need a lot.................................................................

佳燕 said...

良言一句三冬暖,惡語傷人六月寒。....................................................................

江婷 said...

閒來無聊逛逛blog~~跟您打聲招呼~~.................................................................

宛真宛真 said...

一個人的價值,應該看他貢獻了什麼,而不是他取得了什麼............................................................

韓秀美 said...

向著星球長驅直進的人,反比踟躕在峽路上的人,更容易達到目的。............................................................

原秋原秋 said...

Fancy may kill or cure...................................................

佩璇佩璇 said...

A crowd is not company...................................................................

MariaFoley0念火 said...

everyday real you~!............................................................

婷珊 said...

人必須心懷希望,才會活的快樂,日子才過得充實,有意義,有朝氣,有信心。.......................................................

宥妃宥妃 said...

生命如夏花洵爛;死如秋葉之靜美。............................................................

莊雅和莊雅和莊雅和 said...

No garden without its weeds...................................................

宥妃宥妃 said...

~~天天開心~~祝您快樂~~............................................................

琬安琬安 said...

開懷幸福的生活,是每個人的夢想~~希望大家都能夠實現!............................................................

曹彥均曹彥均 said...

快樂,是享受工作過程的結果..................................................

黃書豪黃書豪黃書豪 said...

Pay somebody back in his own coin. .......... . . . ............. .......... ..........

劉黃志宇建娥 said...

不能記住往事的,人注定要重蹈覆轍。.......................................................

亦奈美妮 said...

「仁慈」二個字,就能讓冬天三個月都溫暖。..................................................

偉曹琬 said...

善言能贏得聽眾,善聽才能贏得朋友。......................................................................

灏群 said...

被你的人氣吸引過來~~..................................................................

柏盧盧盧盧宇 said...

有夢最美啦~~加油!元氣滿點!...............................................................

牧宇 said...

路過留言支持~~~..................................................

至馬馬馬馬玄馬馬馬馬 said...

你文章很棒的~繼續分享給大家~~~~..................................................

佳張張張張燕張張張張張 said...

時時關心,時時感動。..................................................