Posts Tagged ‘Blogging’

XHTML, CSS, DocType Differences (Transitional vs Strict). Internet Explorer is way behind time.

Ok, apparently the book uses XHTML and CSS. I don’t even really understand what is the difference between HTML and XHTM to begin with. That’s just terrific.

*Sigh* Research, research, research. Once again, I must profess my love for Google and Wiki. Don’t tell my college professor.

Let see… XHTML stands for Extensible Hypertext Markup Language

Ah, I like the explanation from w3schools.com:

  • XHTML elements must be properly nested
  • XHTML elements must always be closed
  • XHTML elements must be in lowercase
  • XHTML documents must have one root element

That’s all I really need to know, I think. For now anyway. If you don’t know what all the bold words mean, go to the article at http://www.w3schools.com/XHTML/xhtml_html.asp

Very nicely done. Simple, but informative explanation

Hmm. XHTML is not compatible with Internet Explorer. There are ways around it, but I am not a fan of Internet Explorer anyway. They are not particularly user-friendly for Mac. Their last update (for Mac) is in 2003 and later even remove the download. I really dislike websites that require IE to being with. So…

I have too much to deal with for now anyway, so I will let it go. Firefox is great – friendly and work to to satisfy all platform. That’s what customer service is all about!

For now I have finish the structure layout of my main body document and a stylesheet document. (I don’t know what’s a stylesheet yet. But I am sure the book will make me use it later, so I will know, eventually)

Since the documents used XHTML, I had to declare that it is a XHTML documents with a “declaration”. I use the one that comes with KompoZer, which goes like this:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>

I also had to go to: ZompoZer –> Perferences –> Advanced, I would then set XHTML 1 for Language (or Markup in some programs) and Transitional for DTD (Strict works, too). Why? Take a look at the declaration above. See the beginning? It says DOCTYPE. The perference setting we just need make sure that the DOCTYPE won’t get overwrite (In another word, appear on the web site or create strange effects)

DOCTYPE stands for Document Type Declaration. It declare the file type: HTML? XHTML? That sort. Different declaration tells the browser (IE, Firefox, Safari, etc) to read your document, your web site, differently.

For XHTML, there is two basic DOCTYPE: Transitional and Strict. Transitional was recommended in the book  (I think) because  like its name, it is easier for people to transit from HTML to XHTML. It’s less strict in the language that it uses. Strict creates a language that is more uniformally read by all browser, so all different browser -IE, Firefox, Safari, etc – will read your web site the same or similar manner. But, the language is more different from HTML.

I also notice the book, which uses XHTML, is different from the HTML books I had read before by constantly using <div> and <em> tags. It made me confuse for a while, because I only have a vague idea about what em is, and I had never even seen div.

Div, as it turns out, is short for Division. It is use to define a division or section in a document. It can be use in an HTML document, but it is particularly popular in CSS web site for layouting.

Em stands for Emphasized Text, and is also usable in HTML. It is another way to create italic text

The book also uses a lot of <!–//XXXX–>. I later realize that it is for notes. Notes in HTML only shows up on the Source page (Source page is the page you are working on in the editor). It does not show up on the web site you are making. The “XXXX” is your Note. The “<!–” and “–>” is commend part that tells the editor that it is a Note.

Basically, anything inside “<!–” and “–>” only show up in the HTML editor and does not show up in the browser.

Share/Bookmark

HTML & CCS + WordPress Theme + KompoZer Editor

After all this recent blogging and internet surfing, plus a few online entries of some of the people I stalk, um…, I mean visits regularly on blog site, I got inspired to start web designing again. At first, I just wanted to brush up on my html skill, and maybe learn some basic CsS. But! While I was walking in Borders Bookstore with my laptop, I came across the book “WordPress Theme Design” by Tessa Blakeley Silver.

One of my favorite online writer had always mentions that she will one day make a CsS theme on her own. She had a livejournal, but I don’t think the different is that much. I am getting bored with my current theme anyway, and nothing I find seems to satisfied my own need. They either don’t appeal to on design base, or have user-friendly problems.

Anyhow…

To design a web site from scratch, you will need a good editor. Since I am doing this for recreational purpose, and since I am an very, very poor college student, I took quite a while to look for a good but free editor.

Thankfully, I did it a long time ago. The program had been gathering dust in my laptop for quite a while.

If a program can get dust, that is. But that’s besides the point. I am getting sidetrack!

*Cough* The program I would recommend to everyone is KompoZer. It’s a free, cross platform (I do have Macbook, you know) WYSIWYG HTML and CSS editor from NVU. For those who are confuse about what WYSIWYG is, it basically stands for “What You See Is What You Get”. I know, subtle, isn’t it? :D

Oh, I never explain what the differences between HTML and CSS is, either? HTML stands for Hyper Text Markup Language, and CSS stands for Cascading Style Sheets. The HTML creates the contents, CSS organizes it. This is why CSS is so commonly associated with blogging. Blogging, unlike normal homepage, have a much more consistent and set layout. HTML does a bit of layout, but it’s mostly for creating content. CSS is much more suitable for layout setting. It is a bit hard to explain in words, you really have to experience for yourself.

A key to note is that CSS is an addition to HTML. It doesn’t replaces it. You need to know HTML to use CSS. XHTML, another web design language, does replace HTML, but that’s another story altogether. It’s always a good idea to know HTML. It is the beginning of web design language. Kind of like… Italian. Know it, and it makes learning other web design language and technique much easier. I was able to correct the theme I am using right now without knowing anything about CSS because I know HTML basics. (Read earlier post under the tags “Theme” for more info)

Anyhow, KompoZer is real good editor for both HTML and CSS. I downloaded KompoZer a long time ago, but never really use it, until now. For the next few days, I am hoping to explore it a bit more. I don’t have my studio classes next quarter since I took the Summer Studio program, so I may as well put the time to good use!

Testing

I added  a subscribe by mail function to my blog, but it doesn’t seem to work…… I wonder how can I do it? I don’t have a gmail account, and I prefer not to switch back and forth between different email account. As a result, I can’t use FeedBurner, available only to Gmail users. Solution, solution…..

Report for the latest WordPress spam attack

In my laziness, I have not updated my WordPress version. Now, it comes back to bite me.
I have over a thousand comments.
Now, most people would be thrill – if it’s not all spams.
Fortunately, no ones has yet to comment on my blog. So, I just went to my phpAdmin and deleted all my comments.
Afterward, I backed up my database and updated my WordPress version. To prevent the incident from repeating, I also signed up to WP’s email list.
Not only that, after a few confusing tries, I managed to block the IP by creating a .htacess file. I create in a text file, then uploads it to my root directory (named htdocs in phpnet.us). It was confusing in that 1) it changes name once it got uploaded, 2) and the content changes so that I have to edit it. The first one problem was obvious, and the second one took a bit to figure out. Alas, it should fine now… I hope.

*Sighs* Honestly, don’t they have better things to do? This is a complete waste of time for both me and the spammer. I was going to post about my experience in the West Coast Green Conference, but now I am too lazy…… time to get back to work – Review is this Friday!

Mee~~mee~~BO! Meebo!

No, I am not imitating a sheep.

Meebo is an online web messenger. Why am I so excited about it? Well, it is a program that let you link all your messengers (in my case, aim, yahoo, and goggle talk) onto one browser. So you don’t have to download any browser, and just log onto all your IM account on one single browser.

Very handy.

There’s no download, since your browser (I use Firefox) is the messenger. You can use it on any computer – meaning you can log onto ALL your messenger even if you are on a public computer. You don’t have worry about your computer space and RAM, since you won’t be opening gazillion messengers.

There are also various program that do the same thing, but I started Meebo, and I am loving it! (No McDonald pun intended.)

It works with Mac and Firefox very well. From now on, I can video chat with both Mac and PC on the 3 of the most commonly use messengers without problem. (*Kicks Skype out of my Mac Dock* Skype is great, but the messenger box design irritates me for no reason. And other than one person, rest of my friends are on yahoo and aim. Now if only Meebo offers Skype as well……)

I find the design adorable. ^^ I can customize color and it’s background. The Meebo website offers chat rooms I can enter, but I haven’t tried it yet. Firefox also offers a handy add-on, which will pop chat messengers to me even if I minimize the web browser that contains the Meebo.

I am having a bit of identity crisis though, cause I have an internet name and a real name. I use my internet name for Meebo, and I can’t find a way to hide my name or make it appear different to people who talk to me on my “real name messangers”.

Does that mean I have to get another program for my “real name messangers”? *sighs with frustration* But that’s the original reason why I have several account to begin with!

Oh, by the way, I figure how to add a Meebo chatroom to my blog. (They offer instructions on the Meebo web site, but I think it was for a different version of WordPress.) I log onto my WordPress.org Dashboard. Then I go to Design -> Widgets (Notice that this means the Theme you choose must be Widget-able) -> Text Add. Then I simply paste my embedment. But I don’t think it will stay. No one will really use it on this site, and it doesn’t really suite into the atmosphere I set into this blog.

It was fun, though. :D

MacBook+MAMP+WordPress.org+phpnet.us=my Blog!

WOW Four evil steps that gave me giant headach, as I can barely remember to do html…… There isn’t any tutorial suitable either, particularly for Mac users.

While I am nowhere qualified to give a tutorial (since my head is still running in circle from all the technical terms that I come across), I will record my process step by step, in case anyone have to go through the horror… *cough* interesting experience I have to go through. (And also in case if I have to go back and restart my blog because I make some stupid mistake, since something like that happen once when I was making a html site.)

Like I said before, I have absolutely no clue when I started, so I followed a book, which contained procedure suitable for MACBOOK users. I am not sure how it will work with PC. Macbook user, you’re in luck this time.

First, is the MAMP, which stands for Macintosh, Apache, Mysql and PHP. It’s a package deal that lets you download Apache, MySQL, and PHP all at once in a Mac computer. It come in two type, one is the free MAMP, and the other is the MAMP Pro, which required payment. Simple Language: It’s a giant bag

Now, what is Apache, Mysql and PHP? Truth be told, you don’t really need to know at this point. Basically, this package lets you create your Blog locally on your computer – offline, which you can then put online. It’s useful for beginners, because you can mess around without killing your online hosting account. But, in case you’re curious, I will give you a short explanation. The rest? Wiki rules.

PHP is a computer scripting language generally used for dynamic web design. It’s kinda like html. Simple Language: it sends command.

Apache is a web server made for UNIX users. In this case, it’s reading the PHP language (Like how web browser read HTML). Simple Language: It reads.

MySQL is a Relational Database Management System, which is a database engine that stores datas and information you sent by using Structured Query Language (SQL). Simple Language: it stores.

By the way, the information is new to me also. If I am wrong, feel free to scream at me with horror for corrupting innocent, eager-learning beginners.

…… Now, onto the actual download. Before you download, make sure your computer fits all the requirement.

Look at your upper left corner – see that Apple icon? Click the blue Apple, and go to About This Mac. It will tell you what version your Mac have, and whether it’s a Intel or PowerPC.

After downloading, open the MAMP dmg and drag the MAMP folder into Application. After that, you can delete the MAMP dmg.

Next, working with MAMP.

Finally, my first blog!

After an entire summer of telling myself : “Come on, you have to finish this!” – I finally created my first blog with my own blogging software. It is a lot harder than just getting a blog from Blogger or WordPress.com, but it was a good experience! (Despite my varies attempts of getting a concussion by hitting my head on the table due to frustration. Trying to teach myself a new trick without human help when I’m a self-proclaim computer-idiot is really damaging to my brain cell.) This way offers a lot more flexibility also, and I have a lot more freedom in term of design – if I ever learn it anyway. The main reason I am going through all this trouble is because I want to improve my computer skill (and because I think it is cool -and fun!)

So, I will start my blog by telling you guys how I got this blog up. The entire process is free!

I started by basically downloading MAMP, and the WordPress software (from WordPress.org, not WordPress.com. The later one is a blogging website similiar to Lifejournal and Blogger. Why did they have the same name? *sigh*). Now, why those software? I will be honest – I have absolutely no idea. I read it – in a book. Sadly, I forgot the name, but I will put it up when I find it. WordPress is pretty famous though, and I have always like WordPress.COM, so I think I will like the WordPress.org also.

Oops, I have to go to sleep. Will come back tomorrow.