转跳到内容

【红包】【大概算教程?】【直播】关于萌新因为不会排版又看不懂魔女酱的教程而气急败坏的从零开始的实战排版学习记录贴?(主线完结,更新至番外预告))


推荐贴

其实我个人还是更喜欢论坛自带的编辑框,表格边框粗细背景色都可以直观调整而且能确保获得编辑时的效果,还不用打开word。另外表格宽度设置用像素的话会撑爆手机版的视窗,所以(虽然很多人都不在乎但是)我还是更推崇用百分比设置,或者直接不填宽度就会自动按内容宽度适配

p.s. 文字也算是排版的一部分吧,说实话色彩斑斓的文字总觉得有点刺眼,当然这个主要应该是我自己的问题(

Dzero 获得了红包 8.52节操

链接到点评

虽然但是

我觉得还是稍微学一下html+css比较好,word终究不是用来写网页的东西。

我做过两个表格(或者说重置过)

一个是 https://sstm.moe/topic/247991-sstm自购需知-长期自购占坑总贴-无论是否为自购团成员都可以在此贴登记!!!!!/

一个是同人区的每月绅士游戏评选

虽然不知道前人是用什么做的这两个表,但是表格里冗余的标签过于多,<div>套<div>套<div>套<div>这种事情经常出现。如果仅仅做为一个不再修改的主题帖还好。但是如果需要经常修改表格,这代码看得是真的头疼。况且用html标签能做到网页的编辑器平常做不到的东西。比如分割线<hr>,它长这样


另外其实照着html和css手册写就ok,不会很难的

html手册:https://www.runoob.com/tags/html-reference.html

css手册:https://www.runoob.com/cssref/css-reference.html

inuisanaa 获得了红包 8.43节操

链接到点评
7 分钟前, Dzero 说道:

其实我个人还是更喜欢论坛自带的编辑框,表格边框粗细背景色都可以直观调整而且能确保获得编辑时的效果,还不用打开word。另外表格宽度设置用像素的话会撑爆手机版的视窗,所以(虽然很多人都不在乎但是)我还是更推崇用百分比设置,或者直接不填宽度就会自动按内容宽度适配

p.s. 文字也算是排版的一部分吧,说实话色彩斑斓的文字总觉得有点刺眼,当然这个主要应该是我自己的问题(

嘛,一开始也想用论坛编辑框的,但不知道为什么老是感觉有延迟,或者右键按不出来。。。。完蛋了后面听不懂了,像素是什么(x)百分比好像在论坛自带的里见过。

五颜六色的话。。。。:mx040:我感觉更醒目一点,太长了的话感觉人会不想看,变来变去的话感觉会更集中注意力?

链接到点评
10 分钟前, inuisanaa 说道:

虽然但是

我觉得还是稍微学一下html+css比较好,word终究不是用来写网页的东西。

我做过两个表格(或者说重置过)

一个是 https://sstm.moe/topic/247991-sstm自购需知-长期自购占坑总贴-无论是否为自购团成员都可以在此贴登记!!!!!/

一个是同人区的每月绅士游戏评选

虽然不知道前人是用什么做的这两个表,但是表格里冗余的标签过于多,<div>套<div>套<div>套<div>这种事情经常出现。如果仅仅做为一个不再修改的主题帖还好。但是如果需要经常修改表格,这代码看得是真的头疼。况且用html标签能做到网页的编辑器平常做不到的东西。比如分割线<hr>,它长这样


另外其实照着html和css手册写就ok,不会很难的

html手册:https://www.runoob.com/tags/html-reference.html

css手册:https://www.runoob.com/cssref/css-reference.html

感谢大佬指点,嘛,到后面的话要更进一步肯定要接触的。:mx079:

咱的想法是这样的,如果一开始就弄一大堆代码,大概率就劝退了,咱就是这样的,咱学的也不是计算机,各种语言也没接触过,可能看到语言就怕了。毕竟是从零开始嘛,就从比较熟悉的word开始搞,先熟悉基本的,然后以这个为踏板再接触论坛的编辑或者是上述的语言。

到后面设计背景什么的再开始逐步导入,毕竟一开始就弄的太难感觉不是很好,就像咱一开始看魔女教程直接一头雾水(毕竟小白从零开始):a11:

基本上咱也就写写不修改的主题贴啦~:goutou:

 

链接到点评
1 分钟前, gocallle 说道:

嘛,一开始也想用论坛编辑框的,但不知道为什么老是感觉有延迟,或者右键按不出来。。。。完蛋了后面听不懂了,像素是什么(x)百分比好像在论坛自带的里见过。

五颜六色的话。。。。:mx040:我感觉更醒目一点,太长了的话感觉人会不想看,变来变去的话感觉会更集中注意力?

论坛自带的编辑表格要ctrl+右键的。表格宽度一般默认都是按像素去设置的,导致大表格很容易横向溢出手机显示屏,但是用百分比设置可以将表格大小固定在显示端的特定百分比宽度(准确来说其实是所属element的百分比宽度),论坛表格可以直接选择用像素或百分比,word就不知道可不可以了

Dzero和寒幼藏在半夜盗取清禾的传国玉玺时,无意中挖出了清禾祖传的3DS,卖出手后获得了奖励7节操

链接到点评
4 分钟前, Tokur233 说道:

WORD确实可以用来整这个,但是可能不好实时调试x:b6:

toku酱是直接在论坛里面编辑的吗?

啊~看起来好像大佬们用的都不是word。。。。。。:kl:

看来得好好学学论坛的系统了,但是论坛系统的话边框样式是怎么换的啊,咱找不到了:SS01:

链接到点评
5 分钟前, Dzero 说道:

论坛自带的编辑表格要ctrl+右键的。表格宽度一般默认都是按像素去设置的,导致大表格很容易横向溢出手机显示屏,但是用百分比设置可以将表格大小固定在显示端的特定百分比宽度(准确来说其实是所属element的百分比宽度),论坛表格可以直接选择用像素或百分比,word就不知道可不可以了

理解了,所以有的时候看背景图片跑到右边很远的地方了就是这个原因?:SS09:

链接到点评
36 分钟前, gocallle 说道:

toku酱是直接在论坛里面编辑的吗?

啊~看起来好像大佬们用的都不是word。。。。。。:kl:

看来得好好学学论坛的系统了,但是论坛系统的话边框样式是怎么换的啊,咱找不到了:SS01:

是的喔:SS04:(不过因为不是版主,没有测试贴,所以常常用以前发过的贴悄咪咪测试x)

可能跟习惯有关?咱是因为本身word就不咋常用,然后不好实时测试在论坛里的效果就没用word了:wn015:

唔······选定表格的标签后在右边的element.style用border-style改样式(说起来如果是用word的话,是直接用border来设置各项属性):SS04:

 

剧透

按咱习惯来整排版的话,就是直接先在论坛编辑器里建个表格(一般都是会先设置行列1*1,宽度改成百分百类的,其他再另外设置),然后在表格里随便输入点内容,比如说111,然后选定111,右键,点检查,在弹出的窗口找table的标签(找不到的话可以用Ctrl+F找),点这个标签后在右边的element.style设置

 

链接到点评
1 小时前, Tokur233 说道:

是的喔:SS04:(不过因为不是版主,没有测试贴,所以常常用以前发过的贴悄咪咪测试x)

可能跟习惯有关?咱是因为本身word就不咋常用,然后不好实时测试在论坛里的效果就没用word了:wn015:

唔······选定表格的标签后在右边的element.style用border-style改样式(说起来如果是用word的话,是直接用border来设置各项属性):SS04:

 

  隐藏内容

按咱习惯来整排版的话,就是直接先在论坛编辑器里建个表格(一般都是会先设置行列1*1,宽度改成百分百类的,其他再另外设置),然后在表格里随便输入点内容,比如说111,然后选定111,右键,点检查,在弹出的窗口找table的标签(找不到的话可以用Ctrl+F找),点这个标签后在右边的element.style设置

 

11111111

按照下面的方法试了一下,没看到element.syle,ctrl+f了也没用

可能还是有点问题

imagebd0f9a7be77c2caa.png

貌似就这一块是表格,格式是要自己添加吗?这样的话就要去背代码了呢~:NEKOMIMI_PARADISE_27:

我先慢慢看着上面大佬给的手册吧~先用word凑合着用:NEKOMIMI_PARADISE_1:

多谢大佬教导~:b11:

链接到点评
1 分钟前, gocallle 说道:
11111111

按照下面的方法试了一下,没看到element.syle,ctrl+f了也没用

可能还是有点问题

imagebd0f9a7be77c2caa.png

貌似就这一块是表格,格式是要自己添加吗?这样的话就要去背代码了呢~:NEKOMIMI_PARADISE_27:

我先慢慢看着上面大佬给的手册吧~先用word凑合着用:NEKOMIMI_PARADISE_1:

多谢大佬教导~:b11:

唔···没看到element.style吗??用谷歌浏览器的话,这个会出现在右边:SS04:

对的,这里就是一块表格,从开头的<table>到</table>都是表格的部分,不过<table>里面会带其他属性,比如说<table border="1" cellspacing="1"·······>这样的,你只要点一下这个长长的<table>,右边会有相关的属性的,一般来说width已经是设置好了的(说起来也许咱下次会整个视频版的x):wn007:

说起来代码之类的不用背的x 每次忘了就打开教程看一看,用多了就记住了,毕竟不是考试什么的x:NEKOMIMI_PARADISE_8:(不过要背的话也挺好背的,都是单词字母意思x)

链接到点评

上过Html课的我表示表格这东西很简单,但是实际上我没有真正用在论坛上(因为不知道怎么用来论坛上,
但是代码我都能看懂,至于CSS文件我很好奇应该怎么用在论坛上。我记得CSS时需要存储在一个项目里。
还有我只是一个代码界的小白~THML网页设计我已经有个半年没上过了。大二要开始链接数据库,到时候我大概又会懂一些。:mx040:
大佬们真的好多,真想摇一个大佬手把手教教我怎么用!:SS04:

冰雪残月琉璃殇凤 获得了红包 11.67节操

冰雪残月琉璃殇凤收和谐资源时被小萝莉围观良心发现失去-3节操

链接到点评
  • gocallle将标题更改为【红包】【大概算教程?】【直播】关于萌新因为不会排版又看不懂魔女酱的教程而气急败坏的从零开始的实战排版学习记录贴?(更新至mission2然后卡壳了))
12 小时前, 2508303824 说道:

上过Html课的我表示表格这东西很简单,但是实际上我没有真正用在论坛上(因为不知道怎么用来论坛上
但是代码我都能看懂,至于CSS文件我很好奇应该怎么用在论坛上。我记得CSS时需要存储在一个项目里。
还有我只是一个代码界的小白~THML网页设计我已经有个半年没上过了。大二要开始链接数据库,到时候我大概又会懂一些。:mx040:
大佬们真的好多,真想摇一个大佬手把手教教我怎么用!:SS04:

哇~上过课的真大佬~:NEKOMIMI_PARADISE_27:

这个其实是在编辑贴子的时候打开HTML编辑窗口,然后对你写的东西进行编辑~:b11:

有基础的话其实很快就能学会的~下一个巨佬就是你!:NEKOMIMI_PARADISE_1:

 

 

链接到点评
  • gocallle将标题更改为【红包】【大概算教程?】【直播】关于萌新因为不会排版又看不懂魔女酱的教程而气急败坏的从零开始的实战排版学习记录贴?(更新至mission3预告))
  • gocallle将标题更改为【红包】【大概算教程?】【直播】关于萌新因为不会排版又看不懂魔女酱的教程而气急败坏的从零开始的实战排版学习记录贴?(更新至终章预告))
  • gocallle将标题更改为【红包】【大概算教程?】【直播】关于萌新因为不会排版又看不懂魔女酱的教程而气急败坏的从零开始的实战排版学习记录贴?(主线完结,更新至番外预告))

这么快就完结了.....我还期待能再来点更好玩的东西呢:YangTuo_Y:

论坛排版这方面不仅要有写网页的基础能力,更要有想法,创意。能力好学但是创意不好学。如果不会写代码好歹可以设计结构之后找人帮忙写,但是空有能力没有想法那最后写出来也是一般的水平(比如我

昨天看到了 @露比这位的签名大受震撼。嘛倒不是因为不会写,只是没想到还可以这么玩,挺好看的(

我还是挂个自己的osu tag好了

链接到点评

整排版这玩意...矿工想起了被css支配的恐惧...

话说排版边缘其实可以不局限于emoji这种东西

你可以试试看用一些简单的gif来做边缘

比方说~

 
跑马灯~

当然,这个黄色圆是我自己简单整的:mx011:

画图什么的完全不会...

注水的矿工 获得了红包 1.97节操

注水的矿工在诱导萌新女装时被路过的随便拦下,被批评教育并收取学费-2节操

链接到点评
33 分钟前, inuisanaa 说道:

这么快就完结了.....我还期待能再来点更好玩的东西呢:YangTuo_Y:

论坛排版这方面不仅要有写网页的基础能力,更要有想法,创意。能力好学但是创意不好学。如果不会写代码好歹可以设计结构之后找人帮忙写,但是空有能力没有想法那最后写出来也是一般的水平(比如我

昨天看到了 @露比这位的签名大受震撼。嘛倒不是因为不会写,只是没想到还可以这么玩,挺好看的(

我还是挂个自己的osu tag好了

嘛,毕竟是从零开始排版呢,本来是为了写东西好看点研究的,结果最后原来写的东西写到一半写不下去了:NEKOMIMI_PARADISE_27:

其实一般水平的萌新基本上够用了,除非大型活动要弄成海报那样的,平常版头几个贴子也基本上是方框+背景就够了呢~

剩下的就交给白富美大佬们研究啦:NEKOMIMI_PARADISE_27:

链接到点评
13 分钟前, 注水的矿工 说道:

整排版这玩意...矿工想起了被css支配的恐惧...

话说排版边缘其实可以不局限于emoji这种东西

你可以试试看用一些简单的gif来做边缘

比方说~

 
跑马灯~

当然,这个黄色圆是我自己简单整的:mx011:

画图什么的完全不会...

左右边加一个斜黑白的向下滚动就变成理发店了呢~:NEKOMIMI_PARADISE_27:

其实不用会画图,会ps加上有想法和找素材就行了,可是大多数人懒(比如我)

链接到点评
游客
此主题已关闭。
×
×
  • 新建...

重要消息

为使您更好地使用该站点,请仔细阅读以下内容: 使用条款