おしえて

かっこいいウェブを作るテク

締切済

質問者：takeyabeer
質問日時：2023/12/14 19:19
回答数：5件

こんばんは
ｈｐ自作しています。自営業者では結構頑張ってるほうです。元ウェブデザイナーですし。
昔はフラッシュだの、fireworksだの有料ソフト使っていましたが、今のｐｃでは使っておらず
無料のソフトだけ使って作ってる感じです^o^;
ウェブはエクスプレションウェブ、画像はオープンオフィスドロー。
jabascript難しそうで使えません。それなしでかっこいいの作りたいです。
ネットで検索してみたけどジャバスクリプトを大体使っており、なんかの有料ソフトがないとできないようなデザインがたくさん出てきました。
無料ソフトでもカッコよくできるテクを紹介しているページか、テクを教えてほしいです。
cssテーブルの枠の太さとか設定して枠むき出しのページを作ってますが、枠無しにするにはどうするんでしたっけ？^o^;　内容の一部で枠も表示したいテーブルもたくさんあるため、全部枠無しにすると都合悪いので今のところ枠ありcss設定になってますが。大枠のテーブルは枠無し、テーブル表示したい時だけ枠ありにしたいんですが。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

最新から表示
回答順に表示

No.5

回答者： gura_
回答日時：2023/12/15 15:40

takeyabeer さん

　･･････枠無しにするにはどうするんでしたっけ？^o^;　･･････

旧来のページなら、 border="0" を指定すれば、枠は表示されません。
ご参考に↓
https://www.tohoho-web.com/html/table.htm

そもそも、最新の仕様のページでは、初期設定では枠線は表示されません。
必要なら、css で記載します。↓
https://www.tagindex.com/html/table/table.html
https://www.htmq.com/htmls/table.shtml

【例】↓
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>テーブルテスト</title>
<style>
.table1 {
border: 1px solid gray;
}
.table1 th, .table1 td {
border: 1px solid gray;
}
.table3 {
border-collapse: collapse;
}
.table3 th, .table3 td {
border: 4px dashed red;
}
.table5 {
border-collapse: collapse;
}
.table5 th, .table5 td {
border: 0px solid gray;
}
</style>
</head>
<body>
<h3>原則: テーブルの枠は表示されない↓</h3>
<table>
<tr><th></th><th>列-A</th><th>列-B</th></tr>
<tr><td>行-1</td><td>A-1</td><td>B-1</td></tr>
<tr><td>行-2</td><td>A-2</td><td>B-2</td></tr>
<tr><td>行-3</td><td>A-3</td><td>B-3</td></tr>
</table>
<br>

<h3>枠を表示するには、各要素に、css borderを指定する↓</h3>
<table class="table1">
<tr><th></th><th>列-A</th><th>列-B</th></tr>
<tr><td>行-1</td><td>A-1</td><td>B-1</td></tr>
<tr><td>行-2</td><td>A-2</td><td>B-2</td></tr>
<tr><td>行-3</td><td>A-3</td><td>B-3</td></tr>
</table>

<h3>枠を表示するには、各要素に、css borderを指定する。↓</h3>
<table class="table3">
<tr><th></th><th>列-A</th><th>列-B</th></tr>
<tr><td>行-1</td><td>A-1</td><td>B-1</td></tr>
<tr><td>行-2</td><td>A-2</td><td>B-2</td></tr>
<tr><td>行-3</td><td>A-3</td><td>B-3</td></tr>
</table>

<h3>border: 0px; を指定すれば表示されない。↓</h3>
<table class="table3">
<tr><th style="border: 0px;"></th><th>列-A</th><th>列-B</th></tr>
<tr><td>行-1</td><td>A-1</td><td style="border: 0px;">B-1</td></tr>
<tr><td>行-2</td><td>A-2</td><td>B-2</td></tr>
<tr><td>行-3</td><td style="border: 0px;">A-3</td><td style="border: 0px;">B-3</td></tr>
</table><br>
<table class="table5">
<tr><th></th><th>列-A</th><th>列-B</th></tr>
<tr><td>行-1</td><td>A-1</td><td>B-1</td></tr>
<tr><td>行-2</td><td>A-2</td><td>B-2</td></tr>
<tr><td>行-3</td><td>A-3</td><td>B-3</td></tr>
</table>
</body>
</html>

- 1
- 件

通報する

No.4

回答者： rera1016
回答日時：2023/12/15 12:25

Adobe Flashのことであればすでにサポートが終わってますし、セキュリティー面で問題があるということで使用してはいけません。

すでにiPhoneではFlashコンテンツは動きません。

- 1
- 件

通報する

No.3

回答者： rera1016
回答日時：2023/12/15 07:54

申し訳ないですが、あなたが現役の頃に比べてWebの制作技術は大きく進んでいます。

HTMLとCSSだけで済ませるものには価値がないと言っていいです。

現役でWebアプリケーションを作っている経歴２５年のおっさんですが、JavaScript単体で作るのも古くなっていて、今はPHPやPython、TypeScriptをベースにしたフレームワークを使ってページそのものを自動生成したり、動きをつけたりするのが一般的です。

会員がそれぞれカスタマイズして利用できるページを設ける場合にしても、裏にはデータベースがあります。

デザインというよりもプログラミングという考えが強くなっています。

デザインだけを見ても、レスポンシブデザインといって、一つのHTMLソースコードでパソコン用にもスマホ用にも、それ以外の機器向け用にも柔軟に画面レイアウトを切り替えられるものが求められています。
昔のように携帯電話用、スマホ用で別で作る時代も終わっています。

JavaScriptが難しくてついて行けないという時点で、あなたはサイト制作のトレンドから大きく脱落していることに気づきましょう。

WordPressを使うにしても、実態はPHPとデータベースと連携させているプログラムですので、カスタマイズするとなればそれらの知識も必要です。

CSSはHTML要素単位で枠の設定ができるので、少なくともCSSのコーディング知識を身につけましょう。
関連の本なら書店にいくらでもあります。