我的页面制作方法
发布时间：2008-03-23 13:51:00
标签：土豆,制作,框架,页面
做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。下面以 Tudou.com 的首页为例，总结总结。
就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。
一、框架
页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单”。
二、布局（以下用#ID表示页面元素）
#Head和#Foot里的就不说了，具体查看演示页面源码。
布局说的是将#Main里的内容分成几大块。我们看Tudou.com，#Main里典型的左右结构，我们用#Layout_1，#Layout_2表示。如图
三、模块
布局#Layout_1，#Layout_2里的块就是模块了，
按我的理解，模块至少要有一个ID，Class则要视页面设计，给需要重用的加上。
关于模块的ID名称，要取个有意义的名字，当然偷懒的可以用#Col_1，#Col_2，。。。
模块的Class名称用.cols_1，.cols_2，。。。
模块内部的如下图：
0
投稿猜你喜欢
方法一 通过GridView(简评：方法比较简单，但是只适合生成格式简单的Excel，且无法保留VBA代码),页面无刷新aspx.cs部分u- Microsoft建立了一种既灵活又强大的安全管理机制，它能够对用户访问SQL Server服务器系统和数据库的安全进行全面地管理。按照本文
- 本文实例讲述了Python使用try except处理程序异常的三种常用方法。分享给大家供大家参考，具体如下：如果你在写python程序时遇
- 使用MySQL进行数据库备份，有很正规的数据库备份方法，同其他的数据库服务器有相同的概念，但有没有想过，MySQL会有更简捷的使用文件目录的
- 南京的炎炎夏日也未能挡住书友会朋友们的参与，下午两点半我们正式开始了这个月的话题：“浏览器”。一开始大家大致上说了一些自己认为各浏览器中各自
- 前期的入库筛选工作已经由url管理器完成了，整理的工作自然要由url下载器接手。当我们需要爬取的数据已经去重后，下载器的主要任务的是这些数据
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q
- 一、概述公司需要通过网页用户认证登录实现上网，网络设备判断当前帐号12小时没有没上网将会自动断开帐号上网，每天早上上班第一件事就是打开用户认
- 废话不多说，大家还是直接看代码吧！import pandas as pdfrom matplotlib import pyplot as p
- 一、python批量查询练习通过接口批量查询该ip是否属于指定接口：import requestsimport jsonif __name_
- 一、方框滤波 方框滤波是均值滤波的一种形式。在均值滤波中,滤波结果的像素值是任意一个点的邻域平均值,等于各邻域像素值之和的均值,而在方框
- 异步 innerHTMLinnerHTML 插入节点的性能的问题，通常是我们最关注的。在回答这问题时，James Padolsey 给出了他
- get请求简单使用import requests'''想要学习Python？Python学习交流群：97378399
- 1. 前言最近打算做一批日历给亲朋好友，但是从 iPhone 上导出的照片格式是 HEIC 格式，而商家的在线制作网站不支持这种图片格式PS
- 在WEB开发中.我们可能都习惯使用下面的代码来获取客户端的IP地址: C#代码 //优先取得 * string IP = Request
- 问题： 将u'\u810f\u4e71'转换为'\u810f\u4e71'
- 使用memcache来同步session是还是不错的，当然也可以通过redis来保存session，可以php开启并将Session存储到R
- 本文主要介绍了Python中list[::-1]的几种用法，分享给大家，具体如下：s = "abcde"list的[]中
- 二进制日志二进制日志记录了所有对数据库执行更改的操作，二进制主要有以下两种作用：1、恢复（recovery）2、复制（replication
- 背景DMicro 诞生的背景，是因为我写了 10 来年的 PHP，想在公司内部推广 Go, 公司内部的组件及 rpc 协
