BlueGriffon のインストールと使い方BlueGriffon の特徴 基本機能を無料で利用可能な WYSIWYG 対応のウェブオーサリングソフト Mozilla Composer をベースに開発 HTML5や CSS をサポート WYSIWYG（ウィジウィグ）は What You See Is What You Get（見たままをGETできる）の略で、ワープロソフトやグラフィックソフトのように完成時のイメージを編集して Webページを作成できる。
FileZilla - The free FTP solution
Pick the client if you want to transfer files. Get the server if you want to make files available for others. News 2024-02-07 - FileZilla Client 3.66.5 released Fixed vulnerabilities:Official binaries are now built againt GnuTLS 3.8.3 Bugfixes and minor changes:Updated to libfilezilla 0.46.0 MSW: Fixed tab navigation over message log 2024-01-25 - FileZilla Server 1.8.1 released New features:Limits
【FTPの仕組み】「 21番ポート」と「20番ポート」 ・「アクティブモード」と「パッシブモード」について
普段何気なく使っているFTPソフト。 どんな時に使うソフトなのかはご存知だと思いますが、内部の仕組みまで理解する機会はないので知らないかもしれません。 FTPの接続は「21番ポート」「20番ポート」と2つのポートが使われています。 内部的な仕組みについて理解することも大事ということで、今回はFTPの仕組みについてまとめてみました。 それでは、さっそく始めていきましょう。 FTPとは FTPはFile Transfer Protocol (ファイル転送プロトコル)の略です。「TCP/IP」ネットワークを使用したファイル転送に特化した通信規約のことを指します。 FTPの先駆けの仕組みは1970年代からRFCシリーズとしてありました。それから1985年にはRFC959として標準化されました。現在でもRFC959がFTPの元となっています。 FTPを利用するためには元々はCUIと呼ばれるコマンドが
HTML入門：リダイレクト（自動転送）の方法 - プロエンジニア
Webサイトのドメインが変更になった場合などにユーザーにサイトが移転した事を知らせる、または自動で「リダイレクト（転送）」する方法について解説します。Webサーバーの設定ファイルでリダイレクトをする「HTTPリダイレクト」や「metaタグ」によるリダイレクトについて解説します。本コラムでは、加えて「Javascript」でリダイレクトする方法についても説明します。 1. WEBサイトのリダイレクトの種類 Webサイトを運営していると、ファイルの階層構造を変更したり、使用しているサーバーを変更するケースがあります。環境が変わることで、サイトのURLも変更になりますが、ユーザーが古いURLにアクセスしてきた時に、新しいサイトのURLへ自動で転送させる処理を「リダイレクト」と呼びます。Webサイトを「リダイレクト」する方法はいくつかあります。 1.1. 「.htaccess」ファイル Webサー
Jalview Home Page - Jalview
Jalview is a free cross-platform program for multiple sequence alignment editing, visualisation and analysis. Use it to align, view and edit sequence alignments, analyse them with phylogenetic trees and principal components analysis (PCA) plots and explore molecular structures and annotation. Jalview has built in DNA, RNA and protein sequence and structure visualisation and analysis capabilities,
GIMPで画像を並べる方法が簡単すぎてびっくり！ | komagawa292's blog
無料で使える画像編集ソフト「GIMP」多機能なのは良いのですが、多機能すぎて自分のやりたい事ができない事が多々あります。そこで、今回はこちらの記事の写真のように画像を並べる方法を書いてみます。 この方法は思っていたよりも簡単でびっくりしました。 ①まず、並べたい画像を一枚ずつGIMPのウィンドウにドラッグ＆ドロップします。このとき右側のレイヤー操作画面で各レイヤーの並べ替えなどができるので覚えておきましょう。 ②左側のツール選択ボックスから移動を選び、重なっている画像を移動させていきます。 このとき、画像が見えなくなりますが、青丸の部分に移動距離が表示されます。高さを揃えたいときは、右側の数値が０になるように移動させましょう。図のようにスクリーンショットを並べるときは左側の数字が元の画像の横幅と同じになるようにするとぴったりと並びます。 ③画像を移動させたらメニューバーの「画像」→「キャン
GIMPで写真を透明グラデーションにする方法
名前:nyamnyam 職業:WEB系雑用係 福岡のWEB制作会社で働いている制作見習い、日々勉強中です 自分がこんななので、初心者にも分かりやすく」をモットーに、役に立つ情報をUPしていきます @nyamx2 (03/29)qTranslateからqTranslate-Xへの移行方法 (04/27)Tumblr初心者が知っておきたい基本的な機能 (04/08)サーバー超初心者がAWSでRedmineを運用する方法（3） (04/08)サーバー超初心者がAWSでRedmineを運用する方法（2） (04/07)ソーシャルボタンをこれ以上ないくらい簡単にブログに設置する方法 (04/06)ログインID・パスワードが分からなくなった時調べる方法 (04/05)サーバー超初心者がAWSでRedmineを運用する方法（1） (04/03)seesaaブログでプロフィールにできる余白を詰める方法 (
Gimp で画像を結合する - 複数の画像を並べて一枚に合成。「キャンバスをレイヤーに合わせる」
1. 複数の画像を結合したい a. 画像 > キャンバスをレイヤーに合わせる GIMP で複数の画像を並べ、一つの画像に結合するには、「画像の移動」と、「画像」メニューにある、 キャンバスをレイヤーに合わせる (Fit Canvas to Layers) という機能を使う。 b. 手順の概略 例えば、画像A と画像B の二つの画像を並べ、一枚の画像にしたいとする。 そのためには、次の手順を踏む。 「2つの画像を重ねる」 画像A、画像B を、それぞれ Gimp で開く。 画像B をコピーして、画像A にペーストする。 画像B を 「新規レイヤー」にする。 「片方の画像を移動する」 画像B を移動させて、適切な位置に並べる。 (画像B を、画像Aに対して、横または縦に並べる。この際、画像B は見えなくなる。) 「キャンバスをレイヤーに合わせる」 画像B のレイヤーにおいて、「画像 (Image
レスポンシブWebデザインとは - IT用語辞典
概要 レスポンシブWebデザイン（RWD）とは、Webページのデザイン手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。端末側でレイアウトを調整するコードを埋め込んでおく。 Webページをパソコンやスマートフォン、タブレット端末など複数の機器や画面サイズに対応させる際、内容が同じでデザインや動作をそれぞれに最適化した複数のHTMLファイルやCSSファイルを用意し、Webサーバが端末に応じて送信ファイルを出し分けたり、それぞれに適したURLにHTTPリダイレクトするなどしてアクセスを振り分ける手法がよく用いられる。 レスポンシブWebデザインではこのような対応はせず、すべての機器に同じURLで同じファイルを送信する。HTMLやCSS、JavaScriptなどの機能を組み合わせ、現在表示されている機器の種類やサイズ応じて表示内容やレイアウトを調整し、最適な状態になるよう
HTMLテンプレート - 《無料》ホームページテンプレート.com | 商用可能なホームページテンプレート・レスポンシブWordPressテーマが完全無料
無料レスポンシブウェブデザインHTMLテンプレートTemplate ホームページ制作会社でも使用できる商用利用が可能な無料レスポンシブHTMLテンプレートです。企業サイト（会社概要サイト・企業案内サイト）として、店舗サイトとして、各種サービスサイトとしてなど様々な用途にご利用頂けます。テンプレート内の写真・イラスト等につきましてはそのままご利用頂くことが可能です。利用報告なども特に必要ありません。 テンプレート内の「Design by http://f-tpl.com」のリンクは外さないようにお願い致します。リンクを外したい場合は「クレジット表記を外したい場合」のページをご確認ください。 HTMLテンプレート スマートフォンサイト（iPhone、Android）、タブレット端末（iPad）にも対応のレスポンシブ・ウェブデザインのHTMLテンプレートです。1つのファイルのカスタマイズでPC向
designnow.net - テンプレート 無料 ウェブデザイン 素材 ダウンロード リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
テーブルの横幅をブラウザに合わせて伸縮させ、特定のセルの最縮小時の幅を指定する方法 - ホームページの作り方 - MB-Support パソコン初心者のサポートページ
テーブルの横幅をブラウザに合わせて伸縮させ、特定のセルの最縮小時の幅を指定する方法 テーブルは、width を指定する事でサイズを制御できます。パーセントで指定すれば、ブラウザのサイズ変更に対応して伸縮します。問題は、広がるのを制御する事ができるものの、最小幅を指定する事ができません。このページでは、画像を挿入して最縮小幅を制御する打開策を説明します。 テーブルの幅の指定方法は、 表の大きさを指定する方法 や、 セルの大きさを指定する方法 で説明しました。どちらも、width と height でピクセル単位で指定する事で、クライアントがブラウザのサイズを変更しても可変される事はありません。 もし、ブラウザのサイズによりテーブルを可変させたい場合は、width にパーセントを指定します。 width="100%"の場合 HTMLソース(メモ帳) <html> <head> <title>題
CSSだけでプルダウンメニュー
このページのTipsはJavaScriptを使いません。スタイルシートのみで作成しました。せっかくがんばって考えたのに、没になったテクニックです。問題アリのTipsです。今回の問題は大したことないです。 プルダウンメニュー・ツリーメニュー・階層メニュー・ドロップダウンメニュー色んな別名をもつ折りたたみ式のナビゲーション。これもＣＳＳだけでやってみました。マウスがスイッチの上に乗ると、下に垂れ下がってくるメニューのことです。普通はJavaScriptを使うようなのですが、JavaScriptなしで作りました。html+css で動きます。でも、ちょっと問題ありなので使いませんでした。そんなのばっかりですが、楽しんでくだされば嬉しいです。セキュリティを気にしない客層の場合は、問題なく使えると思います。 プルダウンメニューの作り方 1.html部分は 親に a 要素を使います。これは IE の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Manual
レスポンシブWebデザインの作り方（簡単設定方法）
無料ホームページテンプレート Template Party
無料のホームページテンプレート | Saetl.net
http://webch.org/index.html
Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
https://webch.org/text/text_2-3.html