懐かしの例会風景など・・・

 

便利サイト

①   HP作成・更新関連ソフト　インストール版・デスクトップ版

エディタ	l  サクラエディタ　https://github.com/sakura-editor/sakura/releases l  TeraPad（※2012年）https://forest.watch.impress.co.jp/library/software/terapad/ l  VSCode　https://azure.microsoft.com/ja-jp/products/visual-studio-code/ https://www.javadrive.jp/vscode/install/index4.html　日本語化 l  Sublime Text　https://www.sublimetext.com/download https://www.adminweb.jp/blog/2022041402/　日本語化 https://eureka45.net/tool/sublimetext-settings/　日本語化
画像	l  縮小専用。https://forest.watch.impress.co.jp/library/software/shukusen/
PDF	l  PDFas　https://forest.watch.impress.co.jp/library/software/pdf_as/
ファイル転送	l  FFFTP　https://forest.watch.impress.co.jp/library/software/ffftp/　（窓の杜） l  FileZilla　https://www.vector.co.jp/soft/winnt/net/se493400.html（ベクター）

②   HP作成・更新関連便利サイト　オンライン版

エディタ	l  Online HTML EDITOR　https://html-online.com/editor/
サイト作成	l  Googleサイト（無料・広告なし）　https://sites.google.com/new?hl=ja
PDF	l  PDF to Image（変換）https://pdftoimage.com/ja/
QRコード	l  QRコード作成（文字入り）https://qr.quel.jp/design.php

③   HTML講座・素材サイト

l  HTML&CSS入門Webデザインをイチから学ぼう
https://saruwakakun.com/html-css/basic

l  とほほのＷＷＷ入門　（ダウンロード版あり）
https://www.tohoho-web.com/

l  あらゆる写真をダウンロード　英語
https://unsplash.com/

l  FLAT ICON DESIGN　イラスト
http://flat-icon-design.com/

l  ICOOON MONO　アイコン　
https://icooon-mono.com/

Visual Studio Code

ホームページの作成にテキストエディタを試してみました。

マイクロソフトの無料ソフトです。

インストールして、テーマを白に変えてしばらく使ってみます。

 

l  VSCode

https://azure.microsoft.com/ja-jp/products/visual-studio-code/　ダウンロード

https://www.javadrive.jp/vscode/install/index4.html　日本語化

ホームページビルダー21 環境設定（2022年版）

 ホームページビルダー21のオプション、環境設定のおすすめ設定の忘備記録です。

画像ファイルで残しています。

インストールしたままだと、自動でソースが変換することがあるので変換されないように設定しているものです。

これは、こちらの設定で真似をされる方は、自己責任で行ってください。 

「ホームページビルダー・クラシック21」編集される方へ下記設定をお願いします。

①ホームページビルダーは、最新にしてください。(Windows10：ビルダー18以上）
　【ヘルプ】→【最新版へアップデート】バージョンを確認する。アップデータモジュールをダウンロードしてください。
ホームページビルダー環境設定
■はじめに出てくる「ようこそ画面」での編集スタイルは「スタンダード」を選択する
■オプションの設定をします。ツールバーのツールから以下をチェックして同じようにしてください。
<ファイルタブ＞要注意

ツール→オプション：ファイルタブ→htmlファイルの拡張子は、「html」に変更する
ツール→オプション：ファイルタブ→（オフ）DOCUMENT出力
ツール→オプション：ファイルタブ→（オフ）HTMLソースにGENERATORを組み込む
ツール→オプション：ファイルタブ→保存オプション　（オフ）バックファイルを作成する
ツール→オプション：ファイルタブ→文字エンコードをMETAタグで指定する　「自動」を選択
ツール→オプション：一般タブ→HTMLソースを自動整形する（オフ）
ツール→オプション：一般タブ→構文エラーを自動整形する（オフ）
ツール→オプション：一般タブ→構文エラー時の操作　すべてのエラーを無視
ツール→オプション：一般タブ→ページ作成モードの選択→標準モード
ツール→オプション：ソース編集タブ→出力文字　タグ：「小文字」にする
ツール→オプション：ソース編集タブ→出力文字　属性：「小文字」にする
ツール→オプション：ソース編集タブ→スタイルシート：詳細設定→お勧めボタンを押す
ツール→オプション：ソース編集タブ→表示設定→ソース自動改行は（オフ）
ツール→オプション：ソース編集タブ→表示設定→行数表示（オン）
ツール→オプション：編集タブ→表の属性の「省略可能なTBODYを表示する」は（オフ）
ビルダーのウィンドウ
画面については、使いやすいように使ってください。最小限は、以下です。
ツールバーの表示→かんたんナビをオフ
ツールバーの表示→ツールバー→標準と書式のみオン
ビルダーの全般的なヘルプはツールバーのヘルプ→ガイドマップをみるにあります。
不安な方は、マニュアルを見る→入門編をさらりと目を通してください。

ホームページの準備
パソコンで、拡張子を表示しましょう。（必須）　
フォルダオプションの「詳細設定」ボックスから「登録されている拡張子は表示しない」のチェックをOFF
HTMLファイル：html  htm
画像ファイル：jpg　gif　png
スタイルシート：css
ジャバスクリプトやJクエリ：js
申請書類などダウンロード書類：pdf