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

This topic created in 3645 days ago, the information mentioned may be changed or developed.

这学期学了 html+css
练习是仿照这个网站做一个静态页面

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

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

位置不对加 margin 调一调，由于没学 js,各种效果全用 hover 做,css 里面全用#id 加派生选择器
不写后端就各种 value 123456 一路到底
(专科学校)
顺带求推荐本书吧

35 replies • 2016-06-12 11:25:03 +08:00

s0f

Jun 11, 2016

尽量用 class ，而不是用 id 。不写后端就各种 value 123456 ，你是指命名？
书呢，推荐<<Head First HTML 与 CSS>>

loveuqian

Jun 11, 2016

斋写界面的确是很累的一件事

sola97

Jun 11, 2016 via Android

@s0f 吐槽同学的代码习惯，就跟谭浩强的 C 语言一样

ripe

Jun 11, 2016

已经很不错了。我这里上的网页设计直接拿 Dreamwave 6 可视化制作。教的页面风格都是上世纪的

sola97

Jun 11, 2016 via Android

看了一些网站的布局，就感觉自己写的是不是各种不规范

seki

Jun 11, 2016

logo 那个没啥问题吧

BGLL

Jun 11, 2016

入门的话，看书不如先看看 w3school 再说

JiShuTui

Jun 11, 2016

做 logo 是直接给一个 h1 标签加个 background,然后把文本缩进设为无限大隐藏文字..

这是为了 SEO ，豆瓣就是这样做的，知乎也是类似的做法，很多站都是这样的，可以说你老师教的是目前流行的做法。

gdtv

Jun 11, 2016

想当年上了学校选修的网页开发课程，期末作业是做一个投票系统。我心想学校的课程要求肯定很低，老师的水平应该也不高，所以就没加任何防刷票的功能。结果被老师一眼看出来了：你丫的我怎么可以随便投 N 次票？！

sola97

Jun 11, 2016 via Android

@JiShuTui 原来如此

gdtv

Jun 11, 2016

@JiShuTui +1 ，看到这样的教程，感觉老师很接地气

maplerecall

Jun 11, 2016 via Android

h1 加 background 然后无限大缩进并不是一个坏的作法，因为即可以显示 logo ，又不会影响屏幕阅读器或者 seo ，标签的使用也基本正确，使用符合语意的标签比清一色 div 要好，能用 hover 实现的东西就尽量不要上 js 。另外 css 尽量使用 class 而不是 ID ， ID 最好只提供给 js 用~
只能说专科学校教的都比我那渣渣本科的网页设计强…我大学上的网页设计课都不知道教的是什么鬼，特么作业都是用 IE6 看的…
_(:з」∠)_

JiShuTui

Jun 11, 2016

能用语义标签当然是用标签，而不是 div 。

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

知乎靠 SEO 流量年增 900% （值乎上爆出来的，但不知是哪一年的流量数据），相当于节省了几千万的广告费用。