Lunikism

Adobe에서 드림위버 CS5 사용자를 위한 HTML5 및 CSS3 익스텐션 팩을 배포합니다.

관련 링크 :  http://labs.adobe.com/technologies/html5pack/ 
 
위의 링크로 이동하셔서 업데이트 해주셔도 되고

드림위버의 메뉴중에서 도움말 - 업데이트 항목을 클릭하여 업데이트를 받으시면 됩니다.
업데이트 후 드림위버를 재실행하시면 아래와 같이 익스텐션 메니저가 실행됩니다.

HTML5팩이 설치되었었으니 제거 항목이 있겠죠..^^
활성화됨에 체크를 해주시면 되겠습니다.

 

 새문서를 열으시면 아래와 같이 HTML5 레이아웃 2개가 있을겁니다.

새 문서를 열어서 HTML5코딩 몇자 해봤습니다.

 코드힌트도 HTML5를 지원하는군요.

그럼. 즐거운 코딩하세요. 

홀태그란 <b>text</b> 처럼이 아닌 태그 종료후 닫는 태그가 없는 <img>와 같은 태그를 말합니다.

• area
• base
• br
• col
• img
• embed
• hr
• param
• meta
• source
• keygen
• link
• input
• command

  이 홀태그들은 XHTML문법에서는 <br />처럼 홀태그 끝에 닫는 태그를 넣어야지만
HTML문법에서는 그냥 써도 됩니다.

HTML5문법에서는 홀태그에 끝을 닫던 안닫던 상관없습니다. 

HTML을 작성함에 있어 특수문자(ex, &[앰퍼샌트], ©[저작권기호])를 특수문자로만 인식되게끔 하기 위해 정의해놓은 것이라고 할 수있습니다.

예를 들어 HTML문서에서 텍스트 안에 꺽쇠(<.>)가 들어갔을때 엔티티 코드를 사용하지 않으면 이 꺽쇠가 코드로 인식되는 문제가 발생됩니다.

W3C에서도 HTML 문서 작성시 특수문자는 반드시 엔티티코드로 치환할것을 권고하고 있습니다.

자주쓰는 엔티티코드 :

Character Entity Name Entity Number Description

  &nbsp; &#160; Inserts A Non-Breaking Blank Space

& &amp; &#38; Ampersand

" &quot; &#34; Quotation Mark

© &copy; &#169; Copyright Symbol

® &reg; &#174; Registered Symbol

™ &trade; &#153; Trademark Symbol

“ &ldquo; &#147; Opening Double Quotes

” &rdquo; &#148; Closing Double Quotes

‘ &lsquo; &#145; Opening Single Quote Mark

’ &rsquo; &#146; Closing Single Quote Mark

« &laquo; &#171; Angle Quotation Mark (Left)

» &raquo; &#187; Angle Quotation Mark (Right)

‹ &lsaquo; &#8249; Single Left Angle Quotation

› &rsaquo; &#8250; Single Right Angle Quotation

§ &sect; &#167; Section Symbol

¶ &para; &#182; Paragraph Symbol

• &bull; &#149; Big List Dot

· &middot; &#183; Medium List Dot

… &hellip; &#8230; Horizontal Ellipsis

| &#124; Vertical Bar

¦ &brvbar; &#166; Broken Vertical Bar

– &ndash; &#150; En-Dash

— &mdash; &#151; Em-Dash

PC에 저장해두고 필요할때마다 찍어 쓰시면 됩니다.^^
인쇄용으로는 적합하지 않습니다.

웹서핑을 하다가 재미있는 사이트를 찾았습니다.
HOW SECURE IS MY PASSWORD?이라는 재미있는 사이트인데요. 자신이 사용하고 있는 패스워드를 입력하면 그 패스워드를 뚫는데 걸리는 시간을 표시해줍니다.

심심풀이로 제가 쓰고있는 패스워드 몇개 집어 넣어 봤는데 

무려 !!!! 5분이 나왔습니다!!!
하긴 짧고, 영문(소문자)과 숫자로만 되어있는거라서 그럴만도 합니다.

그래서 대소문자랑 숫자를 넣고 해봤습니다.

6천년이 나오네요. 
이번에는 특수기호, 대소문자, 숫자를 집어넣어봤습니다.

193 trillion years. 먼말인지 몰라서 사전 찾아봤는데 193조년이 걸린다고 하네요.

이결과는 위에 나온데로 'It would take a desktop PC', 한 대의 데스크탑PC에서 뚫는데 걸리는 시간이구요. 물론 어떤 비밀번호든 언젠간 뚫리게 되어있습니다.

위 사이트와 자매품(?)격인 패스워드를 랜덤하게 생성해주는 곳도 있습니다.

강력한 패스워드를 만들 때 몇가지 팁을 알려드리면 다음과 같습니다.
첫째, 사전적 의미를 피합니다.(ex. apple, love...)
둘째, 키보드에 있는 모든 문자를 활용합니다.(ex, ~!@#$%^&*()_+|`-=\,./<>?,숫자,대소문자)
셋째, 8자 이상으로 만듭니다.
이정도면 충분히 강력한 패스워드를 만드실 수 있을겁니다.

이번 기회에 저도 비밀번호를 바꿔봤습니다. 비밀번호를 바꿔보는것이 어떨까요?

IE6 No More운동이 국내에서도 여기저기서 활발하게 일어나고 있습니다.

IE6 No More운동 공식사이트에서 배포하는 샘플코드를 제 나름대로 번역해서 사용하고 있었습니다만, 오늘 뒤늦게 한국어 페이지가 있다는걸 알았습니다.
한국어 번역 메일도 보냈는데 말이죠.. ㅠㅠ 삽질한거죠.



둘 다 깔끔해서 보기 좋아요.^^

IE6 No More운동에 참여하는 방법은 간단합니다.
샘플코드를 페이지에 붙여넣기만 하면 됩니다!!!

원하는 페이지에 샘플코드를 붙여넣은 뒤, 적용된 페이지를 확인합니다.
아무것도 뜨지 않네요.. 소스보기를 통해서 코드가 적용된것만 확인하세요.
IE6,7에서만 보이도록 되어 있으니깐요.

 
IE7이하에서 접속하면 위와 같은 화면이 출력됩니다. 

IE6, 그만하면 충분했습니다.
더 나은 브라우징과, 웹개발자의 건강을 위해서 브라우저를 업데이트해주세요. 제발.