検索結果
HTML エディタ CSS
- 全てのカテゴリ
- 全ての質問
- css外部ファイル（ヘッダ、フッタ）の書き方
素人です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> でhtmlを（テキストエディタを使って）書いています。 ヘッダとフッタをcssで書きたいので参考サイト等を探していますが、 htmlに埋め込む方法ばかりで、外部ファイルの書き方が見つかりません。 例えば、 －－－－－－－－－－ <style> * { margin: 0; padding: 0; } #header { position: ●●●● left: 0; top: 0; background-color:●●●● color: ●●●● width: 100%; height: 30px; z-index: 3; －－－－－－－－－－ のようなソースは見つけることが出来るのですが、これを外部ファイルに書き出す方法が分かりません。 ヘッダ内にて <link rel="stylesheet" href="ファイル名.css" type="text/css" /> を宣言し、外部に読み込みファイルを作成する方法で、ヘッダとフッタは作れないのでしょうか？ 探し方が悪いのかもしれませんが、どうしても見つけることが出来ません。 書き方の参考サイトや、ソースの書き方を教えて下さい。 よろしくお願い致します。
- 二つ質問です
今月のWEBクリエーターズの中に、今後WEB業界で必要となる知識の 第二位に、CSSの知識がありました。 ですが、中堅のWEBデザイナーなどは理解していないようです。 自分はCSSをHTMLとともに一週間でマスターしました。 なぜこの知識を短期間で学べるにも関わらず理解していないのでしょうか？ それともCSSの基礎は短期でマスターできるけど、本番製作となると より応用の知識がいるためでしょうか？ またはGUIエディタを使用しているデザイナーをさしているのでしょうか？ それともうひとつ、XHTMLというのは、今後まだ発展していくか分からないとききました。なぜでしょうか？
- ベストアンサー
- HTML
- elcaballo14
- 回答数2
- Wordpressでのページトップへ戻るボタン実装
はじめまして。Wordpress初心者です。Wordpressの有料テーマを購入し、デモの親テンプレートから子テーマを作り、自身でウェブサイトを制作中です。 解らない事はネットで調べたり、こちらで教えてもらったりしているのですが、未だHTMLやCSS等を理解できていません。。。＞＜ 今回教えて頂きたいのが、ページトップへ戻るボタンの実装方法についてです。 参考にしているのが、(1)https://bit.ly/2naQ0W1、(2)https://bit.ly/2xHZ1ez、(3)https://bit.ly/2NZQAWiなのですが・・・、 記載されているHTMLやCSSはどこに追記したらよいのですか？ 例えば、参考(1)に“footerの手前に～”、“HTML側のbody内の～”と記載されているのですが、私のWordpressの外観＞テーマの編集には親テーマを引き継いでいるstyle.cssとfunctions.phpのみで、footerやbodyの記載がありません。。。この場合、親テーマに追記しないといけないのでしょうか？ 付随の CSS エディター というのがあるので、そこに参考(1)(2)(3)のCSS部分のコピペもしてみたのですが、エラーでした・・・ 詳しく教えて下さる方がいらっしゃいましたら、どうぞよろしくお願いいたします。。。
- ベストアンサー
- HTML
- ihakeaheulawe
- 回答数2
- ホームページ作成で使用するフリーのエディタ
ホームページを作成するときに使うフリーのエディタを探してます。 まだ初心者なので今は(X)HTMLやCSSができる程度のエディタでいいのですが、将来的にはPHP、Perl、JavaScriptなどを作れるようになりたいのですがそれらを網羅しているソフトはないでしょうか？ ネットで調べたのですが、Web統合開発環境というのがあって、そこにAptanaやEclipseといったソフトがありました。どのようなソフトがお勧めでしょうか？ 回答よろしくお願いします。
- ベストアンサー
- フリーウェア・フリーソフト
- miya_HN
- 回答数1
- 特定範囲内のCSSの継承を断ち切る(解除する)には？
別ページにてTinyMCEというWeb上のWYSIWYGエディタにて作成したHTMLをDBへ登録し それをCSSでデザインされたページ中に読み込み、上位のCSSの継承をさせずに表示させたいのですが 親が読み込んでいるCSSの影響ですべてのタグに影響が出ており困っています。 読み込んだデータの範囲だけCSSの継承をさせないようにする方法はないのでしょうか？ 考えられる方法として、インラインフレームにして埋め込む方法が一番現実的かもしれないと思いますが 他に簡単な方法があればご教授していただけるとありがたいです。 当方環境は以下の通りです サーバー：RedHatLinux + Apache + PostgreSQL PHP4, Smarty... 対象ブラウザ:IE6,7 よろしくお願いします。
- 皆さんのオススメのエディタはなんですか？
昔はHTMLやCSSを触ってばかりいましたが、最近になってPHPやJavascriptを触るようになりました。 最近まではDreamweaverを使っていたのですが、動作が非常に重いし文字化けがあるしで作業が進まないので、使うのを止めることにしました。 そこで、動作の軽いエディターを使おうと思っているのですが、どのようなエディターが良いでしょうか？ PHPを書くには、PHPエディターやサクラエディタが良いというのを聞いたことがありますが、秀丸が圧倒的に良いということを聞いたことがあります。（秀丸を購入しようか悩んでるところです。） どうせなら将来ずっと使い続けられるようなエディターを使えるようにしたいので、皆さんの一番のオススメを参考までに教えていただけないでしょうか？ よろしくお願いします。
- テンプレートを・・・
初めて質問します（。。） 今日、前から憧れを抱いていたホームページを作成するために 「ホームページビルダー１１」というソフトを買い。 最初は「http://www.oswd.org/」にあるような、テンプレート を使ってみようと思いましたが、ビルダーで編集することができません↓ テンプレートをダウンロードしたあと、どのようにすればいいか、どなたか解る方どうか教えてください。 ちなみに、解凍後の「.html」ファイルを開き、そのタグをコピーしてそのまま貼り付けたり、cssエディタでcssのタグのようなものもコピペしましたが無理でした↓
- 締切済み
- レンタルサーバ・ASP
- neji-
- 回答数2
- html css 開くとソースコードが出る
ブラウザ上でhtmlが実行できません。また、cssともリンクできません。 実行環境；マックos最新,vscode, クローム、safariで開くとソースコードがそのまま出てきます。 デフォルトであるテキストエディタ（メモ帳みたいなもの）で開くとhtmlのみのものが表示されます。 Chromeの拡張機能が悪いかと思ってログアウトして試したのですがそれもダメでした。 vscodeの拡張機能でlive serverというものでやってもダメでした。 参考までにコードも記載しておきます。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2023年度定期戦</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <header> <h1>2023年度定期戦</h1> </header> <main> <div class="button-container"> <button id="playerButton">選手の作文</button> <button id="resultsButton">試合結果</button> <button id="sponsorsButton">スポンサー一覧</button> </div> </main> <footer> © 2023 実行委員 </footer> <script src="script.js"></script> </body> </html> 何卒よろしくお願いします。 補足 補足です。vscodeからブラウザ上にドラッグして開こうとするとblankになります。なんなんでしょうかこれ・・・
- ベストアンサー
- HTML
- yamakawakawa
- 回答数1
- macのテキストエディタでHP作成したのですが
とても初心者なのですが、macのテキストエディタで、HPを作成しようと思い、タグをつけて作成をしました。テキストエディタの環境設定で、標準テキストに変更し、「HTMLファイルをフォーマットしたテキストではなく、HTMLコードとして表示」にチェックを入れました。 しかし、google chromeで確認をしたところ、文字化けしたものが表示されてしまいました。設定が正しく行われていないような気がするのですが、表示が行われるように教えてください。本当に初心者で、全くわからない状態からのスタートで、申し訳ございませんが、よろしくお願いします。 ちなみに、このようなタグ付けを行いました。 〈！DOCTYPE html〉 〈html〉 〈head〉 〈meta charset="utf-8"〉 〈title〉サンプル〈/title〉 〈link rel="stylesheet" htef="style.css"〉 〈/head〉 〈body〉 〈h1〉 はじめてのホームページ 〈/h1〉 〈p〉 作成中 〈/p〉 〈/body〉 〈/html〉
- 締切済み
- ホームページ作成ソフト
- mayu_maclove
- 回答数2
- Dreamweaver8とGoLiveCS2の比較
普段テキストエディタを使ってサイトを作っていますが、作業効率化のために、ソフトの導入を検討しています。 そこでDreamweaver8とGoLiveCS2について相違点といいますか、実際上の使い勝手、機能面、他ソフトとの連携面、メリット・デメリットなどを教えてください。 ちなみに現在保有しているソフトは以下の通りです。 ・秀丸エディタ ・Macromedia Flash Professional8 ・Macromedia Fireworks8 ・Adobe Photoshop CS2 ・Adobe Illustrator CS2 ・Adobe InDesign CS2 また、HTMLとCSSは標準化を意識したタグ付けに適している方はどちらなのかもアドバイスいただければ幸いです。
- ベストアンサー
- ホームページ作成ソフト
- doublebeefcake
- 回答数1
- ☆商品販売のホームページの作成手順をご教授ください。
☆商品販売のホームページの作成手順をご教授ください。 個人業で商品販売のホームページを作成しようと思っていますが、効率が良い作成手順をご教授ください。 開発環境:windows XP,フリーのテキストエディター,FTPサーバです。 使用言語:Html.css.javascript 商品の受注は、買い物カートを使用せず、電話かメールからのオーダーにしようと思っています。 それと、この道のプロの方で内容にも異なるかと思いますが、１ページ辺りの大まかの作成時間はどのくらいなのでしょうか？ あと使い勝手が良いエディタや画像編集ソフトなど教えていただければ幸いです。 よろしくお願いいたします。
- スタイルシートのソースを、色分けにしてHTMLに出力するソフトウェア
よくプログラミングの講座などを乗せてくれているサイトは、見やすいようにまるでテキストエディタで表示したかのように関数などを色分けしたHTMLを掲載しています。 同じようなページを作成したいのですが、スタイルシートなどを色分けした状態でHTMLに出力してくれるソフトウェアはないでしょうか？ SourceConverterというソフトウェアを見つけたのですが、これにはCSSは変換できなかったです。 もし、知っておられる方がいましたら、よろしくお願いいたします。
- 締切済み
- フリーウェア・フリーソフト
- ikazuti
- 回答数1
- ホームページ開発ツール
現在テキストエディタで変更しながら、ブラウザでF5で更新して開き確認の作業で作っていました。（webサーバ環境はxamppで起動したApache。言語はhtml.css.javascript.php）。 今はタグを入力すると自動変換したり、プレビュー画面が瞬時に変わり確認できるようなツールがあるのでしょうか？ おすすめのツールなどありましたら紹介していただけませんか？ よろしくお願いします。
- 締切済み
- その他（プログラミング・開発）
- noname#266449
- 回答数1
- ホームページ作成
こんにちは。 前々からＨＰ作成に興味があり、 受験がひと段落し作業に取り掛かっている者です。 テンプレート等に頼らず手打ちで作ろうとしているですが… やはり壁にぶち当たり質問させていただきます。 ちなみに私自身はｈｔｍｌやｃｓｓのマニュアルやｈｐを見て勉強はしていて どういうものかは一応わかっているがまだまだ初心者、という状況です。 ●疑問１ ｆｃ２でスペースをかり、ｈｔｍｌprogect2(以下テキストエディタ) でタグを打って作っているのですが、 テキストエディタやｆｃ２内のプレビューと実際のｈｐの様子が違うのです。 普通に<ｐ>や<br>を使っているだけなのに どうしてかプレビューどおりになってくれません。(ページが凄く乱れている) ●疑問２ テキストエディタ内では外部cssを適用するタグを記述していても プレビュー内では装飾されないものなのでしょうか？ 正直とてもやりにくいです…。 ●疑問３ ファイルをアップロードしてもすぐにはｈｐには反映されないのですか？ ほんとわからず屋ですみません。 勉強不足なのは承知ですがだからこそ皆さんの知恵をかしてください。
- 締切済み
- その他（インターネット・Webサービス）
- marubule
- 回答数1
- HPの背景や、リンクの文字色を変えたりしたら・・・
HPの背景やリンクの文字色を変えてFFFTPでアップしたのに、ブラウザでは変わっていません。 テキストエディタの確認では変わるのですが・・・。 キャッシュのクリアもしましたが、なにも変わりません。 タグの問題ですか？ <html> <head> <title>profile</title> <STYLE type="text/css"> <!-- a{text-decoration: none} a:hover{color:hotpink ; font-size:35pt} body{background-image:url(○○.bmp) ; background-attachment:fixed} --> </style> </head> と、タグはこんな感じですが・・・。
- ベストアンサー
- HTML
- yukamama_2004
- 回答数3
- yahooのショッピングサイトはPHPなどの知識が無くても作ることが出来るでしょうか？
知り合いからyahooショッピングサイト（30ページ位）を２週間位で作って欲しいと依頼されました。 以前、Dreamweaver・Illustrator・Photoshopを使ってHPを作ったことはあるのですが、CGI・PHPなどの知識は無く、短期間で作る事が出来るのか心配です。 yahooのHPから調べてみて、専用のエディターがあるようですが、ソレを使えば簡単に出来るのでしょうか？ 細かいレイアウトの調整をするにあたって、html・cssのタグの知識以外にも必要な知識はあるのでしょうか？
- ベストアンサー
- その他（プログラミング・開発）
- kanaflan
- 回答数3
- こんなツールってありませんか？
OSはWinXPです。フォルダを選択するだけで選択フォルダ配下の ファイル(選択フォルダ配下のフォルダ内ファイルも含む)が全て 任意のアプリケーションで開くというツールってないでしょうか？ htmlやphpやcssなど主にテキストファイルに使用する事が目的で 任意のアプリケーションとはテキストエディターにあたります。 それぞれフォルダ毎に管理しておりファイルを全て選択しテキスト エディターにドラッグアンドドロップすれば一気に開く事は可能 なのですがフォルダが多数存在しフォルダを移動してその作業を 繰り返す事が手間に感じてしまいます。 できればフリーで使用できるものが希望です。ご存知の方が いらっしゃいましたら宜しくお願い致します。
- 締切済み
- フリーウェア・フリーソフト
- dcx147
- 回答数1
- googleキーワード検索でHPが出なくなった
googleでキーワード検索するといつもトップに出ていたホームページが、かなり後ろまで探しても出なくなりました。以前は、見出し部分をどのページにも貼り付けていました。 その後、見出し部分を共通にするため、Java Scriptで共通する部分をs_header.jsと言う名前で作成し、body の後に埋め込みました。 しばらくは、気がつかなかったのですが、１ヵ月後位に検索しても出なくなるのに気が付き、 s_header.jsに記述している"description"と"keywords"の項目の箇所をトップページにも貼り付けましたが、それでも出てきません。どうしてなのか教えて下さい。 ホームページは絶えず、更新はしています。少し後ろに移っただけならまだ納得がいきますが、 かなり後ろまで探しても出なくなったのが、納得がいきません。 尚、MSN JAPANでキーワード検索すると、トップに出てきます。 環境：Windows XP、テキストエディタはAlpha Editorを使用 しています。 尚、以下の質問も参考にしました。 HPがGoogleの検索結果に表示されません http://okwave.jp/qa/q5033658.html index.htmlの冒頭部分 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"><head><title>〇〇〇ホームページ トップ</title> <meta content="text/html; charset=Shift_JIS" http-equiv="Content-Type"> <meta name="description" content="〇〇〇のホームページです。"> <meta name="keywords" content="〇〇,〇〇,〇〇"> <meta content="text/css" http-equiv="Content-Style-Type"> <link rel="stylesheet" type="text/css" href="sample.css"> <meta name="GENERATOR" content="MSHTML 8.00.6001.19154"></head> <body> <script language="JavaScript" src="func.js"></script> <script type="text/javascript" charset="Shift_JIS" src="s_header.js"></script> s_header.jsの冒頭部分 document.write( '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">', '<body>', '<h1>〇〇〇</h1></div></div>', '<div class="intro">', '<br>', （以下、共通部分が続きますが、省略） '</body>', '</html>' );
- ベストアンサー
- ホームページ作成ソフト
- kenchandesu
- 回答数1
- jimdoでの背景画像が表示されません。
jimdoでサイトを制作しているのですが HTML（HTMLソースエディタ） <div id="text1"> <p>ああああああああああああ</p> <p>いいいいいいいいいいいいいいいいい</p> <p>うううううううううううう</p> </div> CSS（レイアウト画面） #text1{ background:url(001.jpg) no-repeat; width: 600px; height: 467px; } 画像もファイルにアップ済みです。 としているのですが、背景画像が表示されません。 jimdoではなくローカル上だと表示されます。 jimdo初心者なので戸惑っています。 理由をご存知の方教えてください。
- ベストアンサー
- レンタルサーバ・ASP
- harimaya5
- 回答数2
- ２つのテキストファイルの違いを比較・表示するソフト
パソコンでＣＳＳやＨＴＭＬを勉強しようと思い、 サンプルを参考にエディターで入力してみているのですが、 お手本と同じように入力したはずなのに、 表示結果が違う場合があり、たいてい、ちょっとした入力ミスですが、 探すのが大変な場合があり、 お手本と自分の入力した、テキストを比較するお奨めのテキスト比較ソフトのような ものはありませんか？ もしご存知でしたらよろしくお願いいたします。
- ベストアンサー
- フリーウェア・フリーソフト
- hoge3600
- 回答数2
