
ul 表示匹配整个html文档中所有的ul标签 (即 <ul>...</ul>)
div ul 表示匹配所有包含在div内的ul标签 (即 <div><ul>...</ul></div>)
div.pic ul 表示匹配所有包含在类名为pic的div的ul标签 (即 <div class="pic"><ul>...</ul></div>)
也就是说,写得越详细,匹配的范围就越具体(或者说越小)。就比如说现实生活中,全国叫“张三”的可能有成千上万个,而“男的张三”范围就缩小一半了,“20岁的男的张三”范围一下子又减少了几十倍,以此类推……
mBg.jpg!我是这么起的!我的命名:通常主页和内页有相同的图片,即用h和i进行区别,即 hBg.jpg iBg.jpg!
其他的,bg.jpg header.jpg container.jpg footer.jpg nav.jpg navCur menu.jpg banner.jpg 通用的jpg命名
另外有,menu_1.jpg menu_01.jpg ,menu_1 是menu a 中的背景,01则是menu a:hover的背景
一些后台要进行替换的不重要的展示图片则用 p100x100.jpg(宽高命名)或p1.jpg p2.jpg……
其他的多以层名字进行命名!好区别,另外多注意下布局的结构命名!
制作一个网站主页制作时一般命名为index.html,这是最常见的,也有一些用defaul.html的。建议用比较常用的。
也可以根据需要,在服务器上进行设置,以下是常见的主页命名:
网页设计命名规范:
1、 Container
“container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“。
2、Header
“header” 是网站页面的头部区域,一般来讲,它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader)。
3、Navbar
“navbar“等同于横向的导航栏,是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”。
4、Menu
“Menu”区域包含一般的链接和菜单,这部分还可以命名为: “subNav “, “links“,“sidebar-main”。
5、Main
“Main”是网站的主要区域,如果是博客的话它将包含的日志。这部分还可以命名为: “content“, “main-content” (或“mainContent”)。
6、Sidebar
“Sidebar” 部分可以包含网站的次要内容,比如最近更新内容列表、关于网站的介绍或广告元素等。这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“。
7、Footer
“Footer”包含网站的一些附加信息,这部分还可以命名为: “copyright“。
扩展资料:
网站主页设计时应该注意的一些事项:
1、网站主页设计要保证内容的新颖性,选择的内容不要流于俗,重点就在一个新,在这样的要求下,设计主页就一定不能抄袭或者模仿其他的网站。
不过现在的网页在布局,功能上其实都差不多,很多也是为了能够保证满足搜索排名的要求,那么对主页的新就不宜放在结构布局上,可以放在内容的选择上,这样会更容易做到新。
2、在一个网站中会包含有多个网页,为了将这些网页进行连接通常会给各页面进行命名,这里就应该注意进行网页命名要遵循简单容易记这样的原则,这样既能方便对多个网页进行管理,也能方便搜索引擎对各网页爬行,命名时良好用小写的英文来表示。
3、不要认为把网站的各网页都制作好就没事了,要想运营好一个网站,维护和更新的工作必不可少,对于网页上那些已经变得无效的链接要及时的删掉,如果不及时删掉,用户点了这个链接却发现什么都没有,就会让用户觉得非常失望进而不会再访问这个网站了。
如果无法做更新,应该在主页上面写明暂时无法更新的原因,这样会获得用户的信任感。
4、设计的主页要注意对于用户有着很好的可读性,要注意选择合适分辨率给用户良好的视觉上的感受,很多需要罗列的内容要善于使用表格来表现,这样就能突出主页的空间性以及层次性,在网页中要尽量少用一些特殊的字符,保证所有用户的浏览器都能支持显示。
5、要学会HTML的用法,要对HTML的工作原理有充分的理解,这样在设计主页时才能更好的进行控制,要注意在网站中应尽量少用java类型的程序,其运行的速度实在太慢,这样会拖慢用户打开网页的速度,大部分的用户都是没有耐心等待的。
网站主页设计还要注意给自己的主页写一个比较简单的介绍,这样就能让浏览者了解该网站能提供哪些信息,这样也能引发用户浏览的兴趣,并且感受到制作网站主页者的诚意。
参考资料:百度百科-网页设计
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)