br要素を使った改行には問題がたくさん PCページの時はbr要素を使った改行をCSSのdisplay:none;で消したりはしませんが、レスポンシブWEBデザインで作成したページの場合、PCで見た時とスマートフォンで見た […]
Web制作スタッフのブログ
ホームページでの改行位置について
読みやすい文章配置 文章を作成する時、右端で折り返される位置が単語の途中になってしまって読みにくくなったり、句読点が行頭に来てしまったり、見た時の配置が美しくなかったりして、一通り入力した後に改行位置を見直すことはありま […]
ホームページ制作におけるディレクトリ構造について
ホームページを制作するにあたって、ページのコンテンツデータ、つまり表示する文字が書き込まれたHTML その文字を人の目で見た時に見やすく、あるいは何か伝えたい印象や求める効果を表現するためのデザインをさせるCSS そして […]
Word、Excelの文章をコピーしてホームページの更新は危険
WordやExcelはHTMLやCSSを持っている 文章作成や表作成など、パソコンを使った作業でお馴染みの「Microsoft Word(マイクロソフト・ワード)」や「Microsoft Excel(マイクロソフト・エク […]
HTMLタグには囲んだ箇所に意味を持たせる効果がある
適切な箇所に適切なHTMLタグを使おう HTMLタグにはそれぞれ意味を持っています。 例えば・・・ ・p要素:ひとつの段落 ・ul要素:配置順に意味を持たないリスト ・ol要素:配置順に意味を持つリスト ・li要素:リス […]
SSL導入に伴うサーチコンソール&アナリティクスの設定変更
SSLを導入して時って、サーチコンソールとかアナリティクスの設定はどうするの? 最近、いろんなサイトでホームページのSSL化が進んでいますね。 検索結果1ページ目に表示されるページの83%、上位50位の76%がHTTPS […]
HTMLとは?
HTMLとはホームページを構成する言語です 私たちが普段目にしているホームページはHTML(HyperText Markup Language・ハイパーテキスト マークアップ ランゲージ)というコンピュータ言語で作られて […]
Search Console~サーチコンソール~導入
Search Console~サーチコンソール~とは サーチコンソールとは、サイトがGoogleの検索結果上で、自分のサイトがどのような状態にあるかを 管理・監視するためのツールでGoogleが提供している無料のサービス […]
ネットショップの商品掲載の時、価格表示は要注意
価格を間違えて掲載したらその価格で売らないといけないの? ネットショップもだいぶ普及しました。Amazonや楽天といった通販サイトや、スマートフォンで手軽に購入や出品のできるメルカリなどのフリマアプリなど、様々な方法でイ […]
スマートフォンの画面で画像が汚く映る理由
スマートフォンの画面は高解像度 もはや身近になったスマートフォン、データ通信の速度も各段に早くなり、googleやyahooを使った検索もカンタンで常時インターネットに接続!なんて方も多いと思います。 ただ、時々表示され […]
余白を付けるpaddingとmarginについて
余白を持たせるデザインをする 余白を持たせるには、CSSを使って「padding」または「margin」で数値を指定します。 例えば 上に余白を10px持たせるには、 padding-top:10px; margin-t […]
簡単に見える物ほど実は難しい
物凄く簡単そうに書かれているイラストや、簡素に見えるプロダクト・・・ もしかすると自分にも書けるのではないか?作れるのではないか?と思う事はありませんか? ですが実際にやってみると、なかなか思う様に行かなかったり、「意外 […]
気が付いたらDreamweaverを使わなくなっていました
HTMLについて初めて教わった時、確かDreamweaverを使っていたはずなのですが、このところ起動すらさせていません・・・ つい先日「なぜHTMLを編集する時にDreamweaverを使わないのですか?」と聞かれたの […]
Webサイトの基本!適切なURLの付け方
Webページの内容を連想できるURLを設定しよう 自身でWebサイトをAdobeのソフトやホームページビルダーを使って作る場合はもちろん、自身でディレクトリ名(フォルダ)を命名したり、HTMLファイルの名前を決めます。 […]
phpを使ってインスタグラムの投稿をページに掲載する方法
2019年1月30日追記 2020年には埋め込みに使っていたAPIが使えなくなるので、この記事情報では設置ができなくなる可能性があります。 ご了承ください。 以前に紹介した埋め込み方法が非対応になっていました 最新のin […]
あの雰囲気いいなぁと真似る時の注意点
雰囲気を真似する Webサイトでもチラシでも雑誌でも、作ろうと思った時に「あんな風にしたい」「あの雰囲気がいい」と思う事はあると思います。 そうした時にどうやったら似たような雰囲気が出るのかで困ってしまいますね。 とりあ […]
任意のパーツを簡単に複製してつかえる「clone」
同じコンテンツを繰り返し使いたい場合に有効な「clone」 Webサイトを作成していると、1ページ内で何度も登場するコンテンツが見つかります。 例えばページャーや、ページ内リンクボタン、ナビゲーションがそれに当たるでしょ […]
ここ数年でよく聞くWordPressは何故みんなが使うのか
「WordPressでページを作る」という事が当たり前に検索で見つかるようになりました。 Webサイトを作る時に調べると、「WordPressがおすすめ」といったような記事が度々目につきます。 いったいどこにメリットがあ […]