学完学校的网页设计课,已经不知道怎么做网页了

2016-06-11 11:50:17 +08:00
 sola97
这学期学了 html+css
练习是仿照这个网站做一个静态页面

按照平时老师的指点..html 这么写

做 logo 是直接给一个 h1 标签加个 background,然后把文本缩进设为无限大隐藏文字..
sidebar 是 h3 和 p 竖着排一列,理念是能不用 div 就不用 div

位置不对加 margin 调一调,由于没学 js,各种效果全用 hover 做,css 里面全用#id 加派生选择器
不写后端就各种 value 123456 一路到底
(专科学校)
顺带求推荐本书吧
4351 次点击
所在节点    问与答
35 条回复
s0f
2016-06-11 11:57:57 +08:00
尽量用 class ,而不是用 id 。不写后端就各种 value 123456 ,你是指命名?
书呢,推荐<<Head First HTML 与 CSS>>
loveuqian
2016-06-11 11:59:25 +08:00
斋写界面的确是很累的一件事
sola97
2016-06-11 12:02:21 +08:00
@s0f 吐槽同学的代码习惯,就跟谭浩强的 C 语言一样
Laynooor
2016-06-11 12:03:50 +08:00
已经很不错了。我这里上的网页设计直接拿 Dreamwave 6 可视化制作。教的页面风格都是上世纪的
sola97
2016-06-11 12:04:53 +08:00
看了一些网站的布局,就感觉自己写的是不是各种不规范
seki
2016-06-11 12:05:06 +08:00
logo 那个没啥问题吧
BGLL
2016-06-11 12:05:48 +08:00
入门的话,看书不如先看看 w3school 再说
JiShuTui
2016-06-11 12:06:29 +08:00
做 logo 是直接给一个 h1 标签加个 background,然后把文本缩进设为无限大隐藏文字..

这是为了 SEO ,豆瓣就是这样做的,知乎也是类似的做法,很多站都是这样的,可以说你老师教的是目前流行的做法。
gdtv
2016-06-11 12:07:48 +08:00
想当年上了学校选修的网页开发课程,期末作业是做一个投票系统。我心想学校的课程要求肯定很低,老师的水平应该也不高,所以就没加任何防刷票的功能。结果被老师一眼看出来了:你丫的我怎么可以随便投 N 次票?!
sola97
2016-06-11 12:08:13 +08:00
@JiShuTui 原来如此
gdtv
2016-06-11 12:08:35 +08:00
@JiShuTui +1 ,看到这样的教程,感觉老师很接地气
maplerecall
2016-06-11 12:12:36 +08:00
h1 加 background 然后无限大缩进并不是一个坏的作法,因为即可以显示 logo ,又不会影响屏幕阅读器或者 seo ,标签的使用也基本正确,使用符合语意的标签比清一色 div 要好,能用 hover 实现的东西就尽量不要上 js 。另外 css 尽量使用 class 而不是 ID , ID 最好只提供给 js 用~
只能说专科学校教的都比我那渣渣本科的网页设计强…我大学上的网页设计课都不知道教的是什么鬼,特么作业都是用 IE6 看的…
_(:з」∠)_
JiShuTui
2016-06-11 12:13:53 +08:00
能用语义标签当然是用标签,而不是 div 。

另外,在页面中尽量靠近 body 标签开始位置写 h1/h2/h3 这是 SEO 老手的做法。

知乎靠 SEO 流量年增 900% (值乎上爆出来的,但不知是哪一年的流量数据),相当于节省了几千万的广告费用。
DoraJDJ
2016-06-11 12:19:40 +08:00
@JiShuTui 我很好奇这么做会对 SEO 有什么影响?若是直接用 img 定义 logo 又会有什么区别?
JiShuTui
2016-06-11 12:22:06 +08:00
@DoraJDJ 百度谷歌现在不看重 meta 里的 keywords ,主要还是看正文内容。
如果你的页面中有 h1/h2/h3 ,搜索引擎更容易理解你这个网页的主题。
JiShuTui
2016-06-11 12:24:30 +08:00
@DoraJDJ 而如果 h1 里边放图片,图片又不加 alt 的话,搜索引擎无法轻易知道你的网页主题是什么,只能通过其他方法(如识别图片、语义分析正文等)来得知网页的主题。
loading
2016-06-11 12:25:41 +08:00
我觉得你们老师水平不错。
troywith77
2016-06-11 12:39:26 +08:00
相比我们之前老师还是在用 dreamweaver 所见即所得,你们老师水平已经高到不知道哪里去了
ceoimon
2016-06-11 12:43:28 +08:00
不是使用 Dreamweaver 也不是 table 布局,挺不错的了。其实很多老师比想象中的要好,我们的 Java Web 老师还知道 ES6 :)
入门的话可以去慕课网,单纯看 w3school 还是略枯燥,实际上还是要自己多写。
XianZaiZhuCe
2016-06-11 12:44:18 +08:00
ID 我都是留给 jquery

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/284879

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX