痔になりやすい生活習慣とは?

css、html初心者です。
サイトを作るときのファイル構造について、基本的な質問をさせて下さい。
あるサイトを作るのにトップページのtop.htmlファイルと外部cssファイルをそれぞれ1つずつ作りました。
その後、別ページguide.htmlを作成したいのですが、基本的にcssファイルは1つですか?
例えば、top.htmlでは.contentsに対してmagin-top:120pxを、guide.htmlではmagin-top:50pxを指定したい場合は、.contents1、.contents2というように個々に作成していますか?
分かりにくくてすみません。。。
それとも全ページ共通のcssと各ページごとのcssなどを作るのが一般的なのでしょうか?

このQ&Aに関連する最新のQ&A

A 回答 (2件)

CSS(Cascading Style Sheets)を作成されたのですよね。


なら、Cascading の仕組みをフル活用しているはずです。
一枚にすれば、HTTP要求/提供のステップが一回で済むし、他のページに移動するたびに読み込まなくて済む。CSSはテキストですから読み込む時間はほとんどかかりません。
  (画像や動画のほうは負荷が大きいですが、それでもアイコンや背景は一枚にしてスプライトという手法を使うのと同じです。小分けして必要な時、都度読むよりあらかじめ全部読ませた方が良い)

 しかし、最近のネットはとても早くなっているので、時間的な問題は気にする必要がないでしょう。
 一枚に書く方が一度読めばよいので速度的には有利です。しかし、メンテナンスは極めて厄介になる。

★管理しやすいので、分ける。

 Cascading の仕組みから、
固定スタイルシートで、すべてのメディアに適用するスタイルを書きます。
 これは印刷にも、スクリーンリーダーにも適用される
screenメディア用のメディア別スタイルシートを書きます。
 screen用優先スタイルシート
★デフォルトのスタイルシートを記述した後、個別のページについては
 そのページだけ適用する場合は、<head>内の<style>要素に記述
 複数枚に適用させる場合は、外部スタイルシートで必要な部分だけを上書き
  ・・Cascading機能を使いシンプルに・・
  これは、mediaqueryを使う場合も同じです。

 公的なページなどでは、印刷用スタイルシート、代替スタイルシート、スクリーンリーダー用のスタイルシートが必要な場合もあります。

>.contentsに対して・・guide.htmlではmagin-top:50pxを指定したい場合は
 これはHTMLが間違いです。20年以上前のHTML4.01の時代から「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」となっていて、デザインではなく文書構造をHTMLではマークアップします。HTML5では、<header><section>とか、具体的になりdivは原則使いません。
 また、セレクタの指定も起点セレクタを書くようにしましょう。

 大事なことは、メンテナンス性です。文書構造を担うHTMLとプレゼンテーションを担うスタイルシートを分ける最大の目的は、
【引用】____________ここから
2.4.1 構造とプレゼンテーションの分離
 HTMLは、常に構造的マーク付けを規定するところのSGMLをルーツに持っている。HTMLの性質上、プレゼンテーションに関する要素や属性は、次々と他の機構、とりわけスタイルシートに置換えられていく。 また、文書の構造をプレゼンテーションと切り離すことで広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易になるということが、経験的に知られている。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より

私の場合


1) 固定スタイルシート
 HTMLの<head>への記述
 <link rel="stylesheet" type="text/css" href="/CSS/parmanent.css">

 CSSへの記述
  html,body{margin:0;padding:0;}
  h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.6em;}
  p{ext-indent:1em;}
  ・・・
2) メディア別優先スタイルシート
 (screen用優先スタイルシート)
 HTMLの<head>への記述
  <link rel="stylesheet" type="text/css" media="screen" href="/CSSt/screen.css">

 CSSの記述
   body{font-famiry:*****;}
  
3) マニュアル用追加スタイルシート
 (screen用追加スタイルシート)
 HTMLの<head>への記述
  <link rel="stylesheet" type="text/css" media="screen" href="/CSSt/manual.css">
   

4)
 <link rel="Alternate StyleSheet" type="text/css" media="screen,projection,tv" href="/styleSheet/CSS/projection.css" title="プロジェクター用">

5) 印刷用優先スタイルシート
 (print用スタイルシート)
  <link rel="styleSheet" type="text/css" media="print" href="/styleSheet/CSS/print.css">

6) 個別のページ用
 <head>
 <style type="text/css" media="screen">
  header nav li a[href="/page2.html"]{color:red;font-weight:bold;}
  サイトナビで当該のページである場合

とか、
要は、カスケーディングの機能を利用して、メンテナンスが容易になるようにする。そのためのCascading スタイルシートなのですよ。

 時間が取れれば、サンプル作ってみましょう
    • good
    • 1
この回答へのお礼

ご丁寧にありがとうございます。
どうすべきか整理して考えてみます。

お礼日時:2017/03/17 14:04

好みの問題なんだけど、1個にすると、「このページには使わない」cssの記述も全部読み込まないとイケナイ。

で、時間が掛る。

そういう理由で分けているだけです。
    • good
    • 0
この回答へのお礼

ありがとうございます。
参考にさせて頂きます。

お礼日時:2017/03/17 14:02

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aと関連する良く見られている質問

Qすでに削除したページが、グーグルの検索結果に表示される。やめさせたい。

ある掲示板(2chではないです)に書き込みしました。
その後、その書き込みを削除しました(2ヶ月ほど前)。
ですが、それにもかかわらず、私の書き込みの文章内のキーワードで、グーグルで検索をかけると、そのページが検索にヒットします。
これはなぜでしょうか?
検索結果に表示されたその該当ページを見てみると、私の書き込みはきちんと削除されており、検索をかけたキーワードも見当たりません。この状態でなぜ検索に引っかかったのか分かりません。一応、そのページのHTLMソースも見てみたのですが、やはり該当キーワードは見つかりません。

このページが検索結果にひっかからないようにしたいのですが、どうしたらいいでしょうか?
自分が管理しているサイトであればグーグルに再クロールを依頼できるみたいですが、自分のサイトでないのでそれができません。
方法があれば教えてください。

Aベストアンサー

サイト所有者で無いなら、方法は有りません。

検索でヒットするのはgoogleのデータベースに存在するからです。

全世界の全ページはクローラによってgoogleのデータベースに自動で取り込まれます。

検索に登場するのは、このデータベースの内容です。
クリックして表示される内容は、各々のサーバの内容です。

googleのデータベースに存在する限り、検索の対象になります。

がgoogleもクローラでネットを巡回していて、サーバから削除されたものを見付けると、検索から自動で削除処理をします。


全世界、1兆ページもあるので、巡回には時間が掛ります。
半年、1年後に削除される場合も多くあります。

Qhtmlでの商品リストの正しい文書構造

画像のような商品リストをマークアップしたいのですが、
サイトを見て回っていたら色々な方法で書かれていてどれが構造的に正しいのか分かりかねています。
その中でもこの2つが正しいのかなと思っているのですがどうなんでしょうか?

(サイトの多くはdivとpのみでマークアップしているものが多かったのですが、おそらく違うだろうと候補から消去)


<div class=○○○>
<dl>
<dt><img src="○○○"></dt>
<dd><h3>ペペロンチーノ</h3></dd>
<dd><h3>ニンニクと・・・</h3></dd>
<dd>1,000円</dd>
</dl>



</div>

divではなくarticle?


<ul>
<li>
<p><img src="○○○"></p>
<h3>ペペロンチーノ</h3>
<span>ニンニクと・・・</span>
<p>1,000円</p>
</li>



</ul>

画像のような商品リストをマークアップしたいのですが、
サイトを見て回っていたら色々な方法で書かれていてどれが構造的に正しいのか分かりかねています。
その中でもこの2つが正しいのかなと思っているのですがどうなんでしょうか?

(サイトの多くはdivとpのみでマークアップしているものが多かったのですが、おそらく違うだろうと候補から消去)


<div class=○○○>
<dl>
<dt><img src="○○○"></dt>
<dd><h3>ペペロンチーノ</h3></dd>
<dd><h3>ニンニクと・・・</h3></dd>
<dd...続きを読む

Aベストアンサー

articleは、内部にheader,section,footerを持つ、あるいは持つと期待される完結した記事をマークアップする。(HTML5)
divは、無意味で元々「何かわからない」ので、idやclassで文書構造を補完する。(HTML4)
他に適切な要素がある時はdivは使ってはならない(HTML5)
普通に二階層以上のリストが率直ですよ。
 二階層目はdl・・定義リストが良いかも。一階層目でも良いが、そのようにデザインするなら使えない。

Q画像と同じCSSデザインにしたいのですが、やり方が分かりません。

現在趣味でサイト制作をしている、プログラミング初心者です。
下記の参考画像のようなCSSデザインにしたいのですが、やり方が分からないため質問致しました。

参考画像のように、スマホで閲覧した際に「画像の上に文字列を配置し、文字列を半透明の枠で囲んでる」デザインにしたいのですが、どうしたら良いか分かりません。

ご教授お願い致します!

※レスポンシブのやり方は把握しております。

Aベストアンサー

これは思った以上に難しいかも知れません。
ブラウザによって見え方も違ってくるかも。
一番確実で安全な方法は、半透明グレー枠+テキストを画像に合成してしまうことです。
アルファチャンネルとレイヤー対応画像編集ソフトでできます。

作例はGIMP

QHTML フレーム内にWebページを表示したい

学生時代にHTMLを習ったことがあり、10年ぶりに作ろうと思ったのですが、
フレームに別ページを表示させようとするとエラーとなってしまいます。OSはWin10。
(IE(11)では別ウインドウでなくては開かない、Firefox(51.0.1)ではエラーすら表示されない)

コードは以下の通りです。フレームの一つに自分で作ったページを表示させ、
もう一つにGOOGLEなどのウェブページを表示させたいです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>

<head>
<title>サンプルページ</title>
</head>

<frameset cols="100,*">
<frame name="frame1" src="./a.html">
<frame name="frame2" src="http://www.google.co.jp">
</frameset>

</html>


いろいろ調べましたが、最近はセキュリティの都合でこのような表示はできないようなのですが、何か方法はないでしょうか?

学生時代にHTMLを習ったことがあり、10年ぶりに作ろうと思ったのですが、
フレームに別ページを表示させようとするとエラーとなってしまいます。OSはWin10。
(IE(11)では別ウインドウでなくては開かない、Firefox(51.0.1)ではエラーすら表示されない)

コードは以下の通りです。フレームの一つに自分で作ったページを表示させ、
もう一つにGOOGLEなどのウェブページを表示させたいです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>

<...続きを読む

Aベストアンサー

>もう一つにGOOGLEなどのウェブページを表示させたいです。

ありません。googleは、frame内に表示されることを禁止しています。google側の問題です。自分のページなら表示されるでしょ

フレームの最大の問題点--googleなどから見た---は、googleのコンテンツがあたかも、そのページの作者のものてあるように見られること

 フレームは、遠い昔---「10年ぶりに」じゃなくて、20年以上前から、非推奨の代表格でした。

QC言語で詰まっているので教えて下さい。

下記のソースが有ります。
#include <stdio.h>
#include <stdlib.h>
#include <string.h>

int main(){
FILE *fp, *fp2;
char buf[64000];
char *p, *start ,*q ,*r;
char file_name[]="out/";
int ret;

// result.txtのopen error処理 {{{
fp=fopen("result.txt","r");
if(fp == NULL){
printf("result.txt file open err\n");
return 1;
}
// }}}
// fgetsでのエラー処理 {{{
if(fgets(buf,64000,fp) == NULL){
printf("data error\n");
return 1;
}
// }}}
// <target>が存在しない時のエラー処理 {{{
p=strstr(buf,"<target>");
if(p == NULL){
printf("target not found\n");
exit(1);
}
// }}}

// 最初のファイル名の取得{{{
p=p+strlen("<target>");
q=p;

p=strstr(p,"</target>");
if(p == NULL){
printf("</target> not found\n");
exit(1);
}
*p='\0';
strcat(file_name,q);
// }}}

// 出力ファイルのopen処理 {{{
fp2=fopen(file_name,"w");
if(fp2 == NULL){
printf("%s file open err\n",file_name);
exit(1);
}
// }}}
while(fgets(buf,64000,fp) != NULL){
p=strstr(buf,"<target>");
if(p == NULL){
fprintf(fp2,"%s",buf);
}else{
// 2回目以降のファイル名の取得{{{
p=p+strlen("<target>");
q=p;

p=strstr(p,"</target>");
if(p == NULL){
printf("</target> not found\n");
exit(1);
}
*p='\0';
strcat(file_name,q);
// }}}
// 今使っているファイルを閉じて新しいファイルを開く。{{{
fclose(fp2);

fp2=fopen(file_name,"w");
if(fp2 == NULL){
printf("%s file open err\n",file_name);
exit(1);
} // }}}
}
}
fclose(fp);
fclose(fp2);
return 0;
}

// vim:set fdm=marker:

入力は、result.txtを読んでそれをフィルターする物です。result.txt
は先頭から順に下記の内容で入力されています。

① <target>ファイル名</target>
② 内容のデータ

上記の①から②を繰り返します。フィルターは①のファイル名で続く
データをそのファイルに出力します。フィルターの数は約1万件にな
る。

処理の内容は、最初の<target>の行を読んで出力ファイルをオープンし
ます。続くデータを<target>行が来る迄出力を続行します。

新しく<target>行が来るとこれ迄使っていた出力ファイルを閉じてまた
新規のファイルを出力としてオープンします。

この処理をresult.txtを最後迄読んだら終了となります。今の問題は、
この処理の中で最初の出力ファイルに出力をしている途中で異常終了し
ます。

何処が不味いのか。検討が付きません。どうか助けて下さい。宜しくお
願いします。

下記のソースが有ります。
#include <stdio.h>
#include <stdlib.h>
#include <string.h>

int main(){
FILE *fp, *fp2;
char buf[64000];
char *p, *start ,*q ,*r;
char file_name[]="out/";
int ret;

// result.txtのopen error処理 {{{
fp=fopen("result.txt","r");
if(fp == NULL){
printf("result.txt file open err\n");
return 1;
}
// }}}
// fgetsでのエラー処理 {{{
if(fgets(buf,64000,fp) == NULL){
printf("data error\n");
return 1;
}
// }}}
/...続きを読む

Aベストアンサー

以下のようにしてください。
修正した箇所と、追加した箇所に//変更、//追加のコメントを入れておきました。
-------------------------------------
#include <stdio.h>
#include <stdlib.h>
#include <string.h>

int main(){
FILE *fp, *fp2;
char buf[64000];
char *p, *start ,*q ,*r;
char file_name_base[]="out/"; //変更
char file_name[256]; //追加
int ret;

// result.txtのopen error処理 {{{
fp=fopen("result.txt","r");
if(fp == NULL){
printf("result.txt file open err\n");
return 1;
}
// }}}
// fgetsでのエラー処理 {{{
if(fgets(buf,64000,fp) == NULL){
printf("data error\n");
return 1;
}
// }}}
// <target>が存在しない時のエラー処理 {{{
p=strstr(buf,"<target>");
if(p == NULL){
printf("target not found\n");
exit(1);
}
// }}}

// 最初のファイル名の取得{{{
p=p+strlen("<target>");
q=p;

p=strstr(p,"</target>");
if(p == NULL){
printf("</target> not found\n");
exit(1);
}
*p='\0';
strcpy(file_name,file_name_base); //追加
strcat(file_name,q);
// }}}

// 出力ファイルのopen処理 {{{
fp2=fopen(file_name,"w");
if(fp2 == NULL){
printf("%s file open err\n",file_name);
exit(1);
}
// }}}
while(fgets(buf,64000,fp) != NULL){
p=strstr(buf,"<target>");
if(p == NULL){
fprintf(fp2,"%s",buf);
}else{
// 2回目以降のファイル名の取得{{{
p=p+strlen("<target>");
q=p;

p=strstr(p,"</target>");
if(p == NULL){
printf("</target> not found\n");
exit(1);
}
*p='\0';
strcpy(file_name,file_name_base); //追加
strcat(file_name,q);
// }}}
// 今使っているファイルを閉じて新しいファイルを開く。{{{
fclose(fp2);

fp2=fopen(file_name,"w");
if(fp2 == NULL){
printf("%s file open err\n",file_name);
exit(1);
} // }}}
}
}
fclose(fp);
fclose(fp2);
return 0;
}
----------------------------------------------------
誤りは2点です。
1)strcat(file_name,q);
file_nameは"out/"が格納できるサイズしか確保されません。
その為、これを実行すると、確保したサイズ以降の領域が破壊されます。
どこが、破壊されるかは、コンパイラの配置によってきまるので、わかりませんが、どこかが破壊されます。
2)2回目のstrcat(file_name,q);を実行すると
前に実行した残骸のあとから更に文字列が追加されます。

上記を解決するためには
char file_name_base[]="out/"; //変更
char file_name[256]; //追加
を確保し、
一旦、
①file_name_baseをfile_nameにコピーし、
②その後で、strcat(file_name,q);
を実行します。
①②は、必ずペアで実行します。
尚、file_nameは暫定的に256バイトにしましたが、もっとファイル名として大きな文字列が存在するなら
もっと大きくしてください。

以下のようにしてください。
修正した箇所と、追加した箇所に//変更、//追加のコメントを入れておきました。
-------------------------------------
#include <stdio.h>
#include <stdlib.h>
#include <string.h>

int main(){
FILE *fp, *fp2;
char buf[64000];
char *p, *start ,*q ,*r;
char file_name_base[]="out/"; //変更
char file_name[256]; //追加
int ret;

// result.txtのopen error処理 {{{
fp=fopen("result.txt","r");
if(fp == NULL){
printf("result.txt file open err\n...続きを読む

Qcss&htmlでフォントの均等割りが出来ません。

右端もきれいに揃えるために以下の設定で指定をしたのですが、何も変わらず右端がガタガタの状態です。

フォントサイズなど、均等割り以外の指定はちゃんと効いています。
なお、改行は指定の箇所で行いたいです。
何か解決方法はありますでしょうか(><)
WIndouw7、IE10です。

【html】
<body>
<div class="contents1"><h1>走れメロス</h1>
<p>メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。</br>
メロスには政治がわからぬ。メロスは、村の牧人である。笛を吹き羊と遊んで暮して来た。
けれども邪悪に対しては、人一倍に敏感であった。きょう未明メロスは村を出発し、野を越え山越え、
十里はなれた此このシラクスの市にやって来た。</br>メロスには父も、母も無い。女房も無い。
十六の、内気な妹と二人暮しだ。この妹は、村の或る律気な一牧人を、近々、花婿はなむことして迎える事になっていた。結婚式も間近かなのである。</p></div>
</body>

【css】
.contents1{
width:612px;
height:300px;
background:linear-gradient(white,#FFFF80);
margin-top:100px;
margin-right:auto;
margin-left:auto;
}
p{
font-size:15px;
margin:15px;
line-height:180%;
text-align:justify; /* 両端揃え */
text-justify:inter-ideograph; /* 両端揃えの種類 */
}
h1{
font-size:20px;
font-family:"メイリオ","Meiryo",sans-serif;
padding: .25em 0.5em .25em;
font-weight: normal;
border-left:12px solid midnightblue;
border-bottom:3px solid midnightblue;
background-color:white;
}

右端もきれいに揃えるために以下の設定で指定をしたのですが、何も変わらず右端がガタガタの状態です。

フォントサイズなど、均等割り以外の指定はちゃんと効いています。
なお、改行は指定の箇所で行いたいです。
何か解決方法はありますでしょうか(><)
WIndouw7、IE10です。

【html】
<body>
<div class="contents1"><h1>走れメロス</h1>
<p>メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。</br>
メロスには政治がわからぬ。メロスは、村の牧人である。笛を吹き羊...続きを読む

Aベストアンサー

>試してみましたが、何ら変化がありませんでした(;;)
もしかして、文字数が1行の文字数に全然足りていない行についても両端揃えをしようとしていますか?
もしそうであれば下記の値が該当します。

text-justify:distribute-all-lines;

が…IE10はこれをサポートしていません。
IE5~IE7及びEdge 12~Edge15がサポートしています。
IE8~IE11はサポートしていません。
こういったところがW3Cが仕様を足したり引いたりしている辺りです…

QHTML reset.cssのどの部分が有効になって、これらを可能にしているか知りたい。

楽天ストアを構築するのに、htmlとCSSを作っています。
HTML4で書いてます。

下記のソースを書いて、<iframe src="./leftnavi.html" width="200" height="1550" scrolling="no" frameborder="0"></iframe>で表示をさせようとしたのですが、どこかに、幅が取らててピッタリとiframe内に収まってくれませんでした。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
ul li{
list-style-type: none;
width: 200px;
}
-->
</style>
<title></title>
</head>

<body>

<ul>
<li><a href="#" target="_top"><img src="./btn_00.jpg" width="200" height="40" alt=""/></a></li>
</ul>
</body>
</html>

以下のreset.cssを読み込ませた所、ピッタリとハマってくれたのですが、どこのがrestされてピッタリとハマってくれたのか理解できてません。

どなたかご教授お願いできませんでしょうか?

@charset "utf-8";
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, ul, ol, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select { vertical-align: middle; }
img, img a, img a:hover { border: 0; }

楽天ストアを構築するのに、htmlとCSSを作っています。
HTML4で書いてます。

下記のソースを書いて、<iframe src="./leftnavi.html" width="200" height="1550" scrolling="no" frameborder="0"></iframe>で表示をさせようとしたのですが、どこかに、幅が取らててピッタリとiframe内に収まってくれませんでした。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; ch...続きを読む

Aベストアンサー

html, body, ・・・・ul,の行の

ul, ←この要素型セレクタがあるから。

そこの

margin: 0;
padding: 0;

が効いている

Q今からhtml、CSSを勉強して、自分でホームページを作り、 ネットショップをオープンして、運営して

今からhtml、CSSを勉強して、自分でホームページを作り、
ネットショップをオープンして、運営していくつもりです。

扱うのは、花関係で花業界には10年携わりました。

どれくらいで実現可能になりますか。

Aベストアンサー

やる気とさける時間と予算によりますが、htmlの基礎なら1週間
cssもよほど特殊なことをのぞまなければ1週間
金銭がからむホームページを開設するのに1ヶ月の準備期間
ランニングコストは月5万くらいが目安でしょうか。
利益は減りますがネットモールなどに間借りすることから
始めたほうが良いと思います

QExcel セルの高さ修正で困っています:履歴書フォーマットの右側

Excelの履歴書フォーマットを使って履歴書を作っています。

職歴に書く内容が多いので、資格・免許の行(この行は職歴を書く行より狭いです)
を下にずらして職歴の場所を広げたいので、職歴の行の挿入を使ってみたり、
資格・免許の行を削除してみたりしているのですが、行の高さやセルが崩れて
しまいます。

履歴書の左側を崩さず、うまく職歴の行と同じ高さの行を作る方法を教えてください。

よろしくお願いします。

Aベストアンサー

オプションにクイックアクセスツールバーという項目が
あって基本的なコマンドをすべてのコマンドに切り替えると
カメラというのがあるので追加してください。

その上で、思い切って別シートでその部分だけを作ります。
というか作ってあるんだからシートコピーで複製を
作り、左側の崩れは無視して希望通りにセルを調整します。
出来た部分を選択して、今追加したカメラをクリックします。
元のシートの上でクリックすると貼り付くので
真ん中付近をつかんで位置を微調整してください。
これで完全に、元のシートともう一つのシートのセルの関連性は
断ち切れます。

Q家族以外には非公開のサイトの作り方を教えてください

家族での旅行やイベントなどの記録を残し、家族だけで見れるようなサイト(?)を作りたいと思っています。
どのような方法があるでしょうか?

条件としては
・掲載内容は、写真と文章で、双方向のやりとり(「いいね」や感想等)は不要
・できれば、無料の方法が希望ですが、多少の費用はやむをえないかな
・ホームページビルダーを『一応使える』程度のスキルなので、あまり高度な知識、スキルはありません
・ホームページビルダーを使っての作成でも、その媒体の作成ツール使用でもOKです
・更新頻度は月に1回程度です

勝手な思い込みで、SNSは避けたいと思っているのですが、「本当は大丈夫だよ」「こんな使い方もあるよ」等のアドバイスもあれば、よろしくお願いします。

Aベストアンサー

サーバーを借りたりしてHPを作るなら、
1.パスワードで入れるページを作る、パスの入力が面倒
2.サイトに検索拒否のコード入力をする、ただし何らかの方法でURLを知った場合、誰でも見られる
SNSなら
3.フェイスブックなどで公開範囲を家族の人だけ選択する、いいねボタン、感想欄は付きます
4.フェイスブックでグループを作り、非公開のページとする
この場合招待しない限り検索もされません
5.icloudやグーグルドライブで、共有フォルダを作って招待する
専門サイトを利用
6.多少の出費でいいならアルバム専用サイトがあります、使いやすいです
https://30d.jp/

おすすめはフェイスブックのグループですが、コメントが嫌なら共有フォルダが良いと思いますが、アルバムサイトは有料だけあって管理は楽です
アルバムサイトが良いかもしれません、


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング