멈추지 않는 노력.: HTML

레이블이 HTML인 게시물을 표시합니다. 모든 게시물 표시

2010. 7. 1.

PHP 이미지 crop

</form>

----------------------------------------------------------------------

<?php

require_once './FirePHPCore/FirePHP.class.php';

$firephp = FirePHP::getInstance(true);

//$firephp->log($_POST['imageSrc']);

$imageSrc = $_POST['imageSrc'];

$x = $_POST['x'];

$y = $_POST['y'];

$w = $_POST['w']; // 높이

$h = $_POST['h']; // 길이

$target_w = 450;

$target_h = 200;

$jpeg_quality = 90;

$src = substr($imageSrc, 2);

$img_r = imagecreatefromjpeg($src);

$dst_r = ImageCreateTrueColor($w, $h);

imagecopyresampled(

$dst_r,

$img_r,

0, 0, $x, $y,

$target_w, $target_h, $w, $h

);

$output_filename = './pic/test.jpg';

header('Content-type: image/jpeg');

imagejpeg($dst_r, $output_filename, $jpeg_quality);

imagecreatefromjpeg($src);

- 해당 경로의 파일을 jpeg 이미지로 생성함

ImageCreateTrueColor($w, $h);

- 파라미터로 받은 넓이와 높이의 크기만한 검정색 이미지를 생성함

imagecopyresampled(

$dst_r, // 타겟 이미지

$img_r, // 복사할 이미지

0, // 타겟 이미지의 x좌표

0, // 타겟 이미지의 y좌표

$x, // 원본 이미지의 x좌표

$y, // 원본 이미지의 y좌표

$target_w, // 타겟 이미지의 넓이

$target_h, // 타겟 이미지의 높이

$w, // 원본 이미지의 넓이

$h // 원본 이미지의 높이

);

- 이미지의 크기를 변경해서 복사함

- 이미지의 x, y 좌표는 좌상단 모서리에서 시작함

PHP 파일업로드

<label for="userfile">Upload a file:</label>

</form>

---------------------------------------------------------------------

<?php

file_exists($filepath);

- 파일경로를 파라미터로 넘겨주고 존재 여부를 Boolean으로 받음

move_uploaded_file($_FILES['userfile']['tmp_name'], $path);

- 파일을 해당 경로에 업로드함

2010. 6. 30.

웹표준교과서

이미지출처 : www.wisia.com

마크업을 공부할땐 항상 웹표준 교과서와 W3C 홈페이지를 이용한다. 뭐 앞으론 HTML5를 많이 볼테지만 그동안 많이 참고가 되었던 책이다. 이 책은 기본에 충실하면서도 왠만한 내용은 다 들어있다고 생각한다. 한권 가져다 놓으면 나름 든든한 책이다. 이 책 역시 처음부터 쭉 보기보단 필요한 부분을 찾아서 보는 용도가 좋다고 생각한다.

2009. 12. 5.

[html]테이블의 올바른 사용법

http://hyeonseok.com/soojung/webstandards/2009/11/12/554.html

신현석님의 블로그에 자세한 설명이 나와있습니다.

- 09년 11월 17일 19시 21분 -

li태그 안에 a태그를 이용해서 html 코딩을 해야지만,
IE6등 하위버전 웹브라우저에서 hover기능을 활용할 수 있다.

여기서 id 값을 li태그에 주느냐, a태그에 주느냐에 따라 크로스 브라우징 시에
문제가 상당히 달라질 수 있다.

a태그에 주는 것이 IE에서나 FF에서나 용이하다고 생각한다.

<li><a href="#" id="id" class="class" onClick="return false;"> 내용</a></li>

- 09년 8월 20일 14시 34분 -

2009. 12. 4.

div(block element) vs span(inline element)

div 안에는 span 들어갈 수 있다.
span 안에는 div 들어가면 표준에 위배된다.

=============================================================================

* Strict HTML 4.01로 가기 위한 지침서
1. 모든 웹페이지는 DOCTYPE로 시작, <html>~</html>로 끝나야 함
2. <head><body>를 반드시 사용해야 함
3. <title>을 반드시 사용해야 함
4.

<body>에는 블록 엘리먼트만 넣어야 함(입력했을 때 자동으로 행이 분리되는 태그, h1, h2, ..., p, blockquote 등)
5. 블록 엘리먼트들은 인라인 엘리먼트 밖에 둬야 함
6. 블록 엘리먼트들은 <p> 엘리먼트 밖에 둬야 함(<p> 문단은 텍스트를 위한 것)
7. 리스트는 리스트 항목들만을 위한 것임(ul, ol안에는 li만 올 수 있음)
8. 리스트 항목에는 원하는 것을 무엇이든지 넣을 수 있음
9. blockquote에는 오직 블록 엘리먼트만이 올 수 있음(<p>,</p>엘리먼트 등)
10. 다른 인라인 엘리먼트 안으로 인라인 엘리먼트를 중첩시킬 때는 주의할 것!

- 09년 3월 24일 20시 44분 -

2009. 12. 3.

name=contents readOnly

<textarea name=contents readOnly> : 스타일시트. 게시판을 읽기전용으로 바꾼다.

원래는 ELEMENT disabled="true" 를 이용했는데

이경우는 textarea의 글자색이 은색으로 고정되어 있기 때문에

위의 방법을 이용해서 글자색까지 바꿔줄 수 있게 만들었다.

- 06년 11월 27일 13시 45분 -