HTML

作成したWebページを公開して、chromeとsafaliで確認をすると以下のように文字化けが起きます。 拡張機能のテキストエンコーディングでUTF-8を選択すると正常に表示されるのですが、 最初にchromeで表示した時に文字化けが起きないようにするにはどうすればよいでしょうか。 文字化け部分 WORKS Web蛻カ菴懊�險倬鹸縺ァ縺� 繝�じ繧、繝ウ邱エ鄙堤畑縺ョ譫カ遨コ繧オ繧、繝茨シ医ヵ繧。繝シ繧ケ繝医ン繝・繝シ縺ョ縺ソ�峨ｂ蜷ォ繧薙〒縺翫ｊ縺セ縺吶€� 正常時 WORKS Web制作の記録です デザイン練習用の架空サイト（ファーストビューのみ）も含んでおります。 ■環境 PC:mac テキストエディタ：Atom サーバ：エックスサーバ FTPクライアント：Filezilla　　　（転送モード→バイナリモード、文字コード→UTF-8へ矯正） ブラウザ：Chrome,safali

社内の図書注文フォームを作ろうと思っています。 amzonのurlは最長で2000字を超えるそうです。 図書名： 金額：以外は当該ページのURLを貼ってもらい送信してもらおうと思っています。 短縮URLに変換するというのも考えましたが個人が運営しているフリーソフトしかなく、突然サイトが閉鎖されたり、マルウェアの危険性もあるということなのでやめました。 注文フォーム用のウェブサイトも幅は1000pxしかとっておらず、 通常の<input type="URL"……>のフォームで高さ、幅を大きくすれば４行、５行にまたがるURLを貼り付け途切れないように確認できるものなのでしょうか？ いっそ<textarea>を使いそこにURLを貼ってもらおうかなとも考えています。 そういうやり方というのは間違った使い方なのでしょうか？ この場合、２０００字程度の文字列を入力する場合、colsやrowsはどれくらいの値をすればいいのでしょうか？ <textarea type="url" name="A" cols="B" rows="c" ></textarea> まだまだ初心者です。これ以外にも何かいい方法をご存じでしたら教えてください。 よろしくお願いします。 投稿画像

ホームページにストップウォッチを設置したいと思います。 JavascriptでもCGIでも良いのですが つまり スタート　　停止　　一時停止 のボタンがありスタートを押したらストップウォッチがカウントして 一時停止を押したらストップウォッチが一時停止してもう一度押したら 再開するような感じです。 色々探したけど適当なものがなくアドバイスをお願いします。

<table border="0"> <tr> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> </tr> </table> これで、WPで作ったブログの画像を並べてみたのですが、 枠線を設定していないのに、細い枠線が出てしまいます。 <table> <tr> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> <td><img src="画像ファイルのURL"></td> </tr> </table> で、やっても枠線が出ます。 どのような記述にすれば、枠線が一切ない状態で並べることができるでしょうか？ よろしくお願いいたします。

こんにちわ。 特定のHP（もしくはファイル）に閲覧制限をかけたいと思っているのですが、色々調べても、ApacheのWebサーバーのアクセス権限が必要な 「.htaccess」を使用した方法ばかり出てきてしまいます。 わたくしの方の環境の現状は、社内システム自体がIISで構成されており、また、IISの管理権限も持っていない状態です。（管理権限があれば、アクセス制限機能で実現可能なのですが・・・） PHPもサーバーが動作させていません・・・。 動かせるのはJavascriptくらいです。 何か良い解決手段はありますでしょうか。

Font Awesome 5を利用してHPを作成しているのですが、ブラウザのEdge、IE、Chromeではきちんと任意のアイコンを表示してくれますが、何故かFireFoxだけは四角の中にf05aなどの文字だけしか表示しません。同じ場所にFont Awesome 5でダウンロードしたwebfontsホルダーと、作成したcss管理用ホルダーとしてホルダー名cssを作成しall.min.cssはホルダー名cssの中にall.min.cssを保存しました。(添付画像) header内には<link rel="stylesheet" type="text/css" href="css/all.min.css">と記述しました。何故FireFoxだけ表示しないかどなたかご教授下さい。よろしくお願いいたします。

Windows10のノートパソコンを使用しています。各ブラウザの設定は初期設定のままです。 ローカル(PC内)でHTMLファイルにCSSファイル1つとJavascriptファイル1つを読み込ませ、Google Chrome, Microsoft Edge, Internet Explorerで開いたのですが、どのブラウザでもCSSもJavascriptも認識されていません。 ファイル名とそのパスやソースコードを確認しましたが、記述に間違いはありません。htmlファイルと同じ階層にCSSファイルとJavascriptファイルを入れています。 Google Chromeの検証機能で確認するとCSSとJavascriptのファイルが見つかりませんとなっています。 ネットで調べましたが原因は不明です。以上のことから、CSS、Javascriptが読み込めない原因として考えられることを教えて下さい。

仕事で参考にするサイトが5個ほどあって、それらのリンクをhtmlファイルにしてローカルに置き、ブラウザのホームページに設定してあります。 ただ、毎回5回もクリックするのはいい加減面倒になってきて、一回のクリックで5個のサイトを別タブで開けないかなと思っています。 HTMLのタグで同時に開くというのはできないものでしょうか？ HTML5になっても相変わらず1リンク一個ずつですか？

ワードプレスについて、プレビューすると、写真の上のほうに、「練習、rensyu」と書いてあるのですが、これを消したいのですがどうやって消したらいいですか?プログラミングの知識はありません。右クリックして、消したいところをドラッグして、検証というところで、該当箇所のコードが表示され、それを消すと消えるのですが、プレビューするとまた、元に戻ってます。どうしたらいいですか?　

パソコン側と、 サーバー側が表示されなくなり、 図のような画面になります。 パソコン側と、 サーバー側を表示させるには、 どうすれば宜しいでしょうか?

通常ホームページのURLには http://www.denki.or.jp/ とかになると思いますが たまに https://www.xxx/xx/xxx?aid=50e9ecfd1f6aee593f23e000471af17 みたいに 数字や半角英数が並んでいるページを良く見かけます。 これは何を意味しているのでしょうか?

htmlでサイトを作っています。 新規タブにリンクを貼るときは、target="_blank/"　を使用しています。 パソコンで閲覧をする際はリンク先を新規タブにリンク先が表示された方が見やすい。 スマートフォンで閲覧をする際は新規タブにリンク先が表示されると見にくい。 パソコンではリンク先は新規タブに表示、スマートフォンではリンク先は同一タブに表示されるようにしたいのですが、どうしたらよいでしょうか？ パソコン用とスマホ用で別にサイトを作るという回答以外で教えてください。

googleのカスタム検索でHTML フォームを使用した検索ボックスの作成した場合、 [検索エンジンの編集 -> デザイン -> レイアウト]から「オーバーレイ」を選んでも オーバーレイで検索結果を表示してくれません。 下記のアドレスのサンプルとIDの部分以外は全く同じです。 　https://support.google.com/customsearch/answer/1351747?hl=ja googleの仕様？のようですがこれと同じことをjQueryなどほかの方法で 作成することできないでしょうか。 もし同じことをやられている方や知識をお持ちの方、お力をお貸しください。 よろしくお願いします。 ※今回はページのデザインに合わせた検索ボックスにしたいためデフォルトのものを 使用する予定はありません。

先日、以下の質問を投稿いたしましたが、記事を加筆して再投稿いたします。 長文になりますが、よろしくお願い致します。 原因不明の理由によって、アップロードしたswfファイルが削除できなくなって困っています。 元々は www.aaa.jp/bbb/ccc.swfというファイルでした。 Googleで小社を検索すると、 www.aaa.jp/bbb/bbb/ccc.swfというアドレスがgoolgeの検索一位に表示されるようになりました。しかしながらftpで確認しても、bbbの下の階層のbbbのフォルダは存在しないフォルダで、削除ができずに困っています。 試みた対策は以下の通りです。 (1)オリジナルのwww.aaa.jp/bbb/ccc.swfのファイルがなんらかの悪さをしているのではないかと思い、削除しました。結果変わらず。 (2)レンタルサーバー会社に連絡し、サーバー内を確認してもらいましたが、やはりbbbの下のフォルダbbbは存在しない。なにかのファイルが影響しているかと思われるが、こちらでは対処の仕様がないとのこと。 (3)googleのsearch console URLの削除をリクエストしましたが、拒否されました。 (4)仮にwww.aaa.jp/bbb/bbb/bbb/bbb/bbb/ccc.swfといったでたらめなアドレスを入れても、同じページが表示されます。 （４）に関して、レンタルサーバー会社のご担当者から以下のようなご返事を頂戴しました。 >/bbb をいくつ付けても表示される という状況は /bbb をいくつ付けても表示できるようにコンテンツを作成しているためとなります。こちらが意図した動作であるか何らかのプログラムの不具合であるかは分かりかねます。 （自分にはそのような難しいwebpageはとても書けないと思うのですが、） Flashやjava script, html5などがそのような挙動をする可能性があるのでしょうか。 ご担当者氏からは、フォルダbbbごと削除する方法をご提案いただきましたが、 ことは大事で、その勇気がありません。

ご覧頂きありがとうございます。 イメージ画像のように画像と文章を配置したいのですが、この場合どのようなコーディングを行えばよいでしょうか？ワードプレスを使用しております。

index.htmlに<embed src="pdf.pdf">でブラウザ上に表示したPDFに、 任意の画像を貼り付けてPDFを新規保存したいのですが、 html, javascriptで実現可能でしょうか。 可能だとしたら、どんな方法があるんでしょうか。

ネットで少し調べましたが、実際作業されている方に雰囲気を教えていただけると助かります。 HTML cssはメモ帳で開発できますか？ フリーソフトを使った方が作りやすいでしょうか？ java phpは、ダウンロードが必要のようですが、この認識で合っていますか？ 会社のパソコンで環境が作りにくく、調べるのみで立ち止まっています。

webデザイナーとwebプログラマーの違いについて 就活中で職種研究を兼ねて質問させてください。 ネットで調べるとwebデザイナーはデザインを設計しコーディングまで行うというのを拝見しました。 それとは別にwebプログラマーは細分化されていて表面的なところを開発するフロントエンドエンジニアと内部的なシステムを開発するバックエンドエンジニアが存在すると拝見しました。どこまでがwebデザイナーの仕事かwebプログラマーの仕事なのかご教示ください。またコーダーという職種が別であるようですが違いも含めてくださると助かります

例えばですが　https://kodomohamigaki.com　のようなサイトはhtmlで作成されているのでしょうか。それともペライチやワードプレスのようなサービスを用いて決済システムを組み込んで作成されているのでしょうか。 全然詳しくないので、どうかよろしくお願いします。

ブラウザのサイズを縮小すると画像のようにレイアウトが崩れます。 ウェブ製作の学習をしている初心者です。 現在wrap(container)を1000pxに設定しています。 せめてmin-width: 900pxあたりまではレイアウトが崩れず縮小できるようにしたいと思っています。（スマホ、タブレット用のレスポンシブデザイン”にする必要はなく単にＰＣ上でブラウザの画面を狭くしたケースについての話です。） 現在以下のような記述をしています。ログイン画面なので縦スクロールはなく画面の幅いっぱいに使えます。 レイアウトもうまく並んでくれず、混乱している状態です。 画像ロゴ、フォーム、ログインボタンをきれいに横並びにして、画面の縦横中央にもってきたいと考えています。ちから技でなんとかしたのですが、ブラウザ画面を少し縮小すると崩れてしまいます。 どなたかウェブ制作のできる方いらっしゃいましたら訂正、指摘等を下さい。 宜しくお願いします。 <HTML> <div id="container"> <!--↓main contents↓--> <main> <!-- ↓login-box↓ --> <div id="login-box"> <img src="img/logo2.jpg" alt="ロゴマーク"> <!--↓form login↓--> <form action="index.php" method="post"> <fieldset id="login"> <p><input autofocus type="text" name="login_id" value="'>"placeholder="ユーザーID" minlength="4" maxlength="50" required></p> <p><input type="password" name="pass" value=" ''> placeholder="パスワード" minlength="5" maxlength="20" required></p> <p id="login"><input type="submit" name="login" value="ログイン"> </p> </fieldset> </form> <!--↑form login↑--> </div> <!--↑login-box↑ --> </main> <!--↑main contents↑--> </div> <!--↑container↑--> ---------------------------------------------------- CSS /*↓maincontents↓*/ main fieldset { position: relative; } #login-box { display: flex; justify-content: center; align-items: center; } #login-box form { width: 380px; margin-left: 20px; } #login-box form p:nth-of-type(3) { display: inline-block; position: relative; } #login-box form input[type="submit"] { width: 70px; height: 70px; background-color: #ec9000; }