Best-practice Web Design Process
Web Design ProcessI have spent a considerable amount of time investing in learning best-practices for modern web-design..
(as defined by the World Wide Web Consortium) This basically means that I can rapidly make changes to a site.
Let me break down the processI use XHTML to structure the code on the webpage. I then use CSS (cascading style sheets), to style the XHTML, this creates the presentation. All that is left is for the client to supply the content that I plug into the XHTML.
XHTML == structure CSS == presentation CONTENT == content SCRIPTS == dynamic structure/presentation/contentIt is a very modularized way of designing web-pages. By using CSS, I can change 1 line of code and the effect is an instant change throughout the entire site.
Optimizing for speed and accessiblityI am very much concerned with optimizing web-pages for speed and accessibility. If you view the webpage with images disabled (use firefox with extension 'web developer'), you will be surprised at how the webpage still looks pretty normal. The images I do use are mostly .png files, which are much smaller and better than any other public image format. And they are mostly 1px wide or 1px high, and using CSS I tell that image to repeat to give the effect of a much larger image.
Web Design ConclusionThose are just some of the ways that illustrate the use of best-practice web-design. I don't put executables or scripts anywhere other than the /cgi-bin/ directory. File directory structure is very important to me, my experience with BSD operating systems has taught me to make sure there is a logical method of organizing files and directorys. We'll get into all the exciting stuff once the current site is more stable.. stuff like subdomains, SSL, chatrooms, blogs, forums, livechat support, etc., etc.. Also, believe it or not I actually enjoy getting criticisms and critiques of my work, so any suggestions, recommendations, etc. are welcome and will be dealt with in a timely fashion..
« Replacing %23 with # in incoming linksUsing FilesMatch and Files in htaccess »