用CSS建设网站的实例

网页制作 2024/11/15 佚名

3 2 1

本篇已得到原作者Steve Dennis的翻译准予，在此Jorux表示感谢！
本教程主要参考Creating a CSS Layout from scratch，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。
目录： 第一步：规划网站，本教程将以图示为例构建网站；第二步：创建html模板及文件目录等；第三步：将网站分为五个div，网页基本布局的基础；第四步：网页布局与div浮动等；第五步：网页主要框架之外的附加结构的布局与表现；第六步：页面内的基本文本的样式(css)设置；第七步：网站头部图标与logo部分的设计；第八步：页脚信息(版权等)的表现设置；第九步：导航条的制作(较难)；第十步：解决ie浏览器的显示bug；
第一步：规划网站，本教程将以图示为例构建网站
1.规划网站，本教程将以下图为例构建网站。
其基本布局见下图：

主要由五个部分构成：

1.Main Navigation 导航条，具有按钮特效。 Width: 760px Height: 50px
2.Header 网站头部图标，包含网站的logo和站名。 Width: 760px Height: 150px
3.Content 网站的主要内容。 Width: 480px Height: Changes depending on content
4.Sidebar 边框，一些附加信息。 Width: 280px Height: Changes depending on
5.Footer 网站底栏，包含版权信息等。 Width: 760px Height: 66px 上一页12 3 4 5 6 7 8 下一页阅读全文

网页制作,网页,教程,建设,网站,实例,<,",>,id

标签：

网页制作,网页,教程,建设,网站,实例,<,",>,id

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

岱庙资源网 Copyright www.zgmyg.com

评论“用CSS建设网站的实例”

用CSS建设网站的实例

暂无“用CSS建设网站的实例”评论...

www.zgmyg.com 岱庙资源网

129,905影音资源

244,626技术资源

111,817软件资源

578,645站长资源

更新日志

2024年11月15日

用CSS建设网站的实例

网页制作,网页,教程,建设,网站,实例,<,",>,id

标签增加CSS的overflow属性来清除浮动

CSS教程:position 绝对定位的问题

评论“用CSS建设网站的实例”

更新日志

友情链接