드림위버가 와 Subversion이랑 연동

일단 구글에서 찾은 정보는 드림위버 cs4 와 subversion 이랑 연동하는 것이었다.

Dreamweaver CS4 Public Beta: Subversion Integration 
일단 위의 강좌가 작동 하는 것으로 보인다.

by Robby | 2008/06/19 18:09 | 트랙백

Version control System _ VSS Subversion

엊그제 리쿠르트 회사에서 연락이 왔다..Vision Recruitment라는 회사
Job description을 보니.. 여러가지 요구 사항이 있었다.

그중에 하나가 Subversion ( open source version control system ) 을 사용할 줄 아느냐 하는 것이었다.
일단 요것은 웹사이트나 기타 저렴하게 코드의 버전을 관리 해주는 툴이라고 할 수 있다.
전에는 CVS나 Visual Sourcesafe (VSS) 와 같은 것이라 한다.
헌데 지금까지 필자는 코드 관리 프로그램을 못써봤다. 이유중 하나는 개발자가 나 혼자인 조그마한
회사만 다니다 보니... ㅋ~~ 필요성을 못 느낀 것도 있다.
하지만 코드 관리는 항상 필요한 것이리라는 생각이 많~~이 든다.

이제 어떻게 쓰는 지 알아본다.

일단 프로그램을 다운로드 받으러 가야 하는데.. 구글을 통해 찾아보니
http://subversion.tigris.org/ 이 사이트에서 배포한다.

윈도우즈 용 패키지는 여기에 있었다.
http://www.collab.net/downloads/subversion/  version 1.4.6 은 9.72MB 가 된다.

보니 소스 코드도 있고 바이너리로 된 것도 있고..
각기 여러 OS도 지원을 하고 있다.

일단 바이너리 패키지가 나같은 초보 웹 개발자한테 쉬우니 그걸 받도록 하겠다.

아래는 Readme.txt 파일이다.

CollabNet Subversion Server and Client Installer for WindowsVersion 1.4.6-4Release Date: January 8th, 2008Contents   1. Platform and configuration   2. Support for CollabNet Subversion   3. Installation tips   4. Post-installation instructions   5. Back-end suppport   6. About Subversion and CollabNet   1. Platform and configuration   Product: CollabNet Subversion server   Certified platforms: Windows XP SP2, Win 2003(Standard Edition) R2.   File system support: FSFS   Apache Modules: mod_dav_svn, mod_ldap, ssl, mod_deflate, mod_sspi    Apache version: 2.0.58    APR version: 0.9.12   APR-ICONV version: 0.9.7   APR-util version: 0.9.12   openssl version: 0.9.7f   Pre-requisite: The user needs administrative privileges to install   and uninstall CollabNet Subversion.   2. Support for CollabNet Subversion   Find out about CollabNet Subversion Technical Support at    http://www.collab.net/support/svn_support.html      Information about CollabNet Training, Consulting and Migration   services is at http://www.collab.net/services/index.html      Join openCollabNet for community support: http://open.collab.net.   3. Installation tips     If you are installing an Apache server, the installer will ask you for a      "Repository URL". This represents the prefix of the URL which users can     use to connect to Subversion. If you set this URL to '/svn', then users     will be able to checkout their repository from        http://hostname/svn/repos-name     We recommend that you use '/svn' as your URL prefix, as this is common      practice.4. Post-installation instructions   The installer will have created a folder to store your repositories.  You   do not have to use this folder, but if you elected to have the installer   install the server to run as a service, then the server will have also been   configured to serve repositories from this location.  So it is a good idea   to use the location you specified in the installer.   A. Using svnserve      ==============   To use svnserve as your server, follow these steps:     1. Open a new terminal (command prompt)        NOTE: If you have an old command prompt open (from before Subversion              was installed), remember to open a brand new command prompt.     2. Create a subversion repository        cd         svnadmin create         E.g.        cd \repositories        svnadmin create my-first-repos     3. Setup a password database        Edit the svnserve.conf file inside the conf directory of your        repository using notepad.        E.g. If your repository is C:\repositories\my-first-repos,              svnserve.conf will be at             C:\repositories\my-first-repos\conf\svnserve.conf       Inside svnserve.conf, you will see the following information:         ### The password-db option controls the location of the password         ### database file.  Unless you specify a path starting with a /,         ### the file's location is relative to the conf directory.         ### Uncomment the line below to use the default password file.         #password-db = passwd       Follow the above instructions, and uncomment the "password-db=passwd"       line, so that it simply says:          password-db = passwd     4. Setup some usernames and passwords       Next, edit the 'passwd' file. This passwd file is located in the       same directory as svnserve.conf.       Inside the passwd file, you will see the following information:       ### This file is an example password file for svnserve.       ### Its format is similar to that of svnserve.conf. As shown in the       ### example below it contains one section labelled [users].       ### The name and password for each user follow, one account per line.       [users]       #harry = harryssecret       #sally = sallyssecret       To add a new user account, add your own username and password       inside the [users] section. For example, if your name is "joe",       and you want to set your password to "super-secret", add a       new line like this:         joe = super-secret       Go ahead and add as many users as you like.     5. Open Port on Windows firewall.                Before starting the server, the firewall needs to be notified that         this particular port is going to be used. To enable this port in the         Windows firewall, please follow the instructions given in the below         URL.     http://www.microsoft.com/windowsxp/using/security/internet/sp2_wfexceptions.mspx        Note: svnserve.exe is the program name which needs to be added to the         exceptions list. As an alternative, you can also use the port where         you decide to run the server. By default, svnserve will be run on 3690.     6. Start svnserve        If you elected to have the installer setup svnserve as a service, then open        the Services application, find the entry for Subversion server and take        the Start option.  The service will have been configured to start automatically        on reboot.  You can also run this command from the command-line:                net start svnserve                If you did not install svnserve as a service and want to start the server manually        then run the following command:        svnserve -d -r         E.g. svnserve -d -r C:\repositories     7. To provide read and write access to anonymous users, modify        the conf/svnserve.conf file inside the repository.        anon-access = write        To restrict an anonymous user from the repository        anon-access = none     8. Checkout the repository        svn co svn://localhost/        E.g. svn co svn://localhost/my-first-repos     Tip: If you are checking out your Subversion repository from a different     computer, you should replace 'localhost' with the ip address or hostname     of the machine which is hosting the Subversion repository.   B. Using Apache      ============   To use Apache as your server, follow these steps:     1. Configure Apache        The installer will have done these steps automatically based on the        repository location entered in the installer.  This information is        only presented if you want to manually modify the configuration.        Edit the httpd.conf file inside the httpd\conf directory of your        CollabNet Subversion Server installation using notepad.        Tip: By default, httpd.conf will be in the following directory:             C:\Program Files\CollabNet Subversion Server\httpd\conf\httpd.conf        At the bottom of the httpd.conf file, you will see a directive that         location directive that looks something like this:                      DAV svn            SVNParentPath C:\repositories                            Change the above section to look like the following:                      DAV svn            SVNParentPath C:\repositories            SVNListParentPath On            Require valid-user             AuthType Basic            AuthName "Subversion repository"            AuthUserFile C:\repositories\password-file               2. Open a new terminal (command prompt)        NOTE: If you have an old command prompt open (from before Subversion              was installed), remember to open a brand new command prompt.     3. Create Subversion users        You need to now create usernames with passwords, that could be used to         authenticate with Apache. Use the htpasswd command to create usernames         and passwords for the Apache server.        Type the following at the command prompt.          htpasswd -cm          This command would prompt you for a password for the user. Enter the         password and re-type the password when prompted.         E.g. If you wish to create a user 'joe', and the file at              "C:\repositories\password-file", type the following at the             command prompt:               htpasswd -cm C:\repositories\password-file joe             Enter the desired password for the user and retype the password              when prompted.         For additional users, use the following command at the command prompt.        htpasswd -m C:\repositories\password-file joe     4. Create a Subversion repository        svnadmin create \        E.g. svnadmin create C:\repositories\my-first-repos     5. Open Port on Windows firewall.                Before starting the server, the firewall needs to be notified that         this particular port is going to be used. To enable this port in the         Windows firewall, please follow the instructions given in the below         URL.     http://www.microsoft.com/windowsxp/using/security/internet/sp2_wfexceptions.mspx        Note: Apache.exe is the program name which needs to be added to the         exceptions list. As an alternative, you can also use the port where         you decide to run the server. By default, Apache will be run on 80.     6. Start Apache        If you elected to have the installer setup Apache as a service, then open        the Services application, find the entry for Apache/2 and take        the Start option.  The service will have been configured to start automatically        on reboot.  You can also run this command from the command-line:                net start Apache2                If you want to start the server manually then simply run the following        at the command prompt:                Apache     7. Checkout the repository        svn co http://localhost/svn/        E.g. svn co http://localhost/svn/my-first-repos        Tip: If you are checking out your Subversion repository from a different        computer, you should replace 'localhost' with the ip address or hostname        of the machine which is hosting the Subversion repository.5. Back-end suppport   CollabNet recommends FSFS over BDB for stability and supportability reasons.   CollabNet Subversion does not support Berkeley DB based repositories. 6. About Subversion and CollabNet   CollabNet launched the Subversion project in 2000 in response to the demand    for an open standard for web-based software configuration management that    support distributed development. CollabNet continues to be strongly    involved with the Subversion project and offers CollabNet Subversion Support,    Training and Consulting services.       CollabNet also provides the most widely used collaborative development    environment in the world. More than 1,400,000 developers and IT projects    managers collaborate online through CollabNet. The company is transforming    the way software is developed by enabling organizations to leverage global    development talents to deliver better products and innovate faster.       Visit CollabNet at http://www.collab.net for more information.

by Robby | 2008/06/19 18:02 | 웹개발자 되는길 | 트랙백

CSS 무료 강좌 링크 모음

Dynamic Drive CSS Layouts- Three Columns
PHP Browser/OS detection + Drupal theming | { dvessel }
Picment.com » Articles » CSS » Fun with forms – customized input elements
感覺以上 :: 네이버 블로그
CSS Background Property
Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building.
웹플웹디 > JavaScript > 회전목마 - 스크롤링 소스
Usage in scriptaculous wiki
PNG-24 Alpha Transparency With Microsoft Internet Explorer 5.5 or better (MSIE 5.5+)
A PHP solution to fixing the display of PNG-24 images with alpha transparency in Microsoft Internet Explorer.
Standard Magazine - Forum
Web Standards Magazine
CSS3 module: Border
CSS tests and experiments
/* Position Is Everything */ — Modern browser bugs explained in detail!
Advanced CSS demos and bug reports
네이버 :: 이미지검색
Explorer Exposed!
This page links to various Explorer specific bug pages.
CSS Background-repeat Property
Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building.
Web Shoppe | CSS | DIV Layers
Aimed at both beginner and seasoned webmasters, a collectionof tutorials on all aspects of creating and maintaining a website, aswell as many useful tools and downloads.
Nifty Corners
Free CSS Navigation Menu Designs at exploding-boy.com
CSS Tabbed Navigation
CSS techniques demonstrating pure CSS navigation tabs / tabbed menus
Free CSS Navigation Menu Designs at exploding-boy.com
#1 Pure CSS Menu [New Visual Interface!]
Fastest Commercial Menu, Full Cross Browser, Search Friendly, Pure CSS, Compliant, Validates.
skin.nzene.com = Tattertools Skin Factory
A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique
Using adaptive layouts to serve to a variety of screen sizes
CSS archive at CunningWeb
web technical articles…
Div로 마우스를 대면 스크롤하는 글상자 만들기..from [korea.internet.com]
AlphaImageLoader Filter (A, ABBR, ACRONYM, ...)
AlphaImageLoader Filter (A, ABBR, ACRONYM, ...)
PNG-24 Alpha Transparency With Microsoft Internet Explorer 5.5 or better (MSIE 5.5+)
A PHP solution to fixing the display of PNG-24 images with alpha transparency in Microsoft Internet Explorer.
웹플웹디 > JavaScript > 하부메뉴가 보였다가 숨겨졌다 하는 토글버튼이 있는 메뉴 스크립트
A CSS ID for Every Menu Item | Nick Lewis: The Blog
The IE/Win Disappearing List-Background Bug
3 cols layout, center fluid, with min-width
Dynamic Drive CSS Library- Form CSS
various of css layout example
OKJSP: CSS 로 브라우져 구분없이 글짜 자르기
CSS Browser Selector
min-width in Internet Explorer - fixed
Lorem Ipsum - All the facts - Lipsum generator
Special Characters in HTML: Cross-Platform Issues
Using special characters (ISO-8859-1) inweb pages to look correct on all platforms (Windows, Macintosh, UNIX)
Dave Raggett's Introduction to HTML
[Invalid] Markup Validation of validation.html - W3C Markup Validator
W3C's easy-to-use HTML validation service, based on an SGML parser.
Jello Molds & Width Control
An explaination of the Jello Mold Layout by Mike Purvis.
CSS: the white-space property | Veerle's blog
Dynamic Drive CSS Library- Highlight image hover effect (opacity or borderize)
CSS Image Text Wrap Tutorial
CSS Text Wrap Tutorial for wrap around image text flow controlto emulate magazine style page layouts. BIG BAER advanced CSS technique- the sandbag div.
A List Apart: Articles: Practical CSS Layout Tips, Tricks, & Techniques
Advanced techniques of CSS website design.
Dynamic Drive CSS Library- CSS Image Drop Shadows
Single Image CSS Layouts
A List Apart: Topics: Process
Web design, content, and coding. Accessibility, CSS, XHTML,scripting, server side, front and back end. Designing with webstandards.
Special Characters
This page is part of Ted's HTML Tutorial. This is a list of all the special HTML (ISO 8859-1) characters you can create.

by Robby | 2007/12/28 06:06 | CSS Tips | 트랙백

CSS에서 AlphaImageLoader Filter를 사용한 투명한 이미지 만들기

마이크로 소프트에서 제공하는 AlphaImage Loader를 어떻게 사용하는지 알아보겠습니다.
이걸 사용하는 이유는 png 형식의 이미지는 IE7과 FF(Fire Fox)에서는 지원을 하지만 문제는
IE6에서는 지원을 안하고 있습니다. 아쉬운데로 아래와 같은 필터를 사용하는 수 밖에요


예제 소스는 아래와 같습니다.

이미지에 알파값을 주고 싶을때
.class이름 {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sites/img/header_banner_img.png',    
    sizingMethod='crop');
}

레이어를 투명하게 하고 싶을때
<DIV ID="oDiv" STYLE="position:relative; height:250px; width:250px;         
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/workshop/graphics/earglobe.gif', sizingMethod='scale');" >
</DIV>


간단하게 이미지 경로와 크기 조절하는 것을 삽입했습니다.
이렇게 넣으면 이미지 본래 이미지대로 표시하게 됩니다.

sizingMethod : 

Sets or retrieves the manner in which to display an image within the boundary of the object that the AlphaImageLoader filter is applied to.
위에 영문으로 써 놓았는데 요약하자면, 그림을 어떻게 표시하겠느냐 하는 것이겠죠

종류로는
- crop : Clips the image to fit the dimensions of the object. (원래 객체의(여기서는 이미지)에 크기 비율에 맞게 디스플레이 합니다.
- scale : Stretches or shrinks the image to fill the borders of the object. 상위의 객체에 꽉 체워 줍니다. 만일 이미지를 싸고 있는 레이어가 있다면 그 레이어에 크기에 맞게 그림이 좌악 늘어납니다.
- image : Default. Enlarges or reduces the border of the object to fit the dimensions of the image. 기본 설정값으로 본래의 이미지 크기로 보여줍니다.

by Robby | 2007/12/28 04:55 | CSS Tips | 트랙백

CSS 조건 분기문 [PHP]

comditional CSS
브라우저 마다 각기 다른 레이아웃을 보이기 때문에
레이아웃을 자신의 의도대로 보여주기 위해 쓰는 구문입니다.

<!--[if lt IE6]>
    <styletype="text/css" media="all">@import "<?php printbase_path().path_to_theme() ?>/fix-ie.css";</style>
  <![endif]-->

<?php
      include_once('browser_detection.php');
      /* $full_array = array( $browser_name, $version_number, $ie_version, $dom_browser, $safe_browser,
                $os, $os_number, $s_browser, $type, $math_version_number ); */   
    ?>
    <?php
        $browserInfo = browser_detection('full');       
        /* print_r($browserInfo); */       
        if($browserInfo[0] == ie){
            if($browserInfo[1] >= 7.0){
                echo ("Your browser is IE 7.0");               
            }else{
                echo ("Your browser is under IE 7.0");
                theme('stylesheet_import', base_path().path_to_theme().'/fix-ie.css');               
            }
        }else{
            echo ("Great!! Your browser is non-IE");
        }
    ?>  

첨부파일: 브라우저 종류 찾아주는 PHP 소스
browser_detection.php

by Robby | 2007/12/07 10:20 | 트랙백

◀ 이전 페이지다음 페이지 ▶