第一次做网页设计遇到的问题总结

大致步骤:

1,先用div标签做大框架:头部class=head,中间class=wrapper,页尾用class=footer,再去细分head、wrapper、footer

2,head分为两个部分,则用标签float定义,一个是float:left,一个是float:right,右边的有无序标签ul,定义ul的css为list—style:none,就可以去掉小圆点。把li的css设为display:inline-block,就可以并列排序。给文字添加边框:border:solid 1px #ccc;给边框加弧度:border—radius。

3,盒子模型问题:由4个部分组成,最外面的是外边距margin,往里是边框border,往里是填充padding,最里面是内容content。margin可以为负,padding不可以为负。盒子模型只能设置边框border的颜色和背景的颜色。边框border默认为0。

4,标签p默认有外边距margin,需要另外设置margin和padding。

5,添加背景音乐用audio,<audio autoplay="autoplay" controls="controls" loop="-1"> <source src="***.mp3" type="audio/mp3" /><embed height="100" width="100" src="***.mp3" />  </audio>

6,添加超链接 <a href="" target="_blank"></a>新开一个浏览窗口

7,显示文字居中: text-align:center

8,链接外部的css样式,在<head></head>里面声明 <link rel="stylesheet" href=""> 最好把所有文件都打包在一个项目内,再根据文件类型放在不同的文件夹

9,养成先构想框架,实现框架再添加内容的好习惯

时间: 2024-10-08 09:00:30

第一次做网页设计遇到的问题总结的相关文章

第一次做网页客户端开发的体会

实验室组织了一个软件设计大赛,考虑了很久,决定选择网页客户端开发,又考虑了很久,决定写汽车网页.无意中想到网页可能会因为网速,网页内容,电脑配置等原因而加载慢,而用户面对的就是一个空白页面,无趣,不耐烦,这种等待可能不会长久,于是就想在页面加载完成之前加上一个等待页面,可以是有趣的文字,动态的图片等等,增强用户体验性.带着这个想法查阅了部分资料,也看到了很多优秀的网站,内心充满热情.事情不总是顺利的,这时才觉得,书到用时方很少,之前学习的脚本语言单一而简单,没有全局概念,做起来很费劲.写了一个简

新闻发布系统,网页设计,我们也行

开始了B/S的学习,开始了浏览器前台网页的制作,开始了一段新的征程. 我们都浏览过各种网页,领略过各式各样的风格.有像百度那样简单大气的,也有像hao123那样复杂齐全的.以前从没有想过这样的网页是如何"炼"的,而在学习了新闻发布系统后,只想说一句:原来是这样子的啊. 网页设计,有两种方法:一种是表格,一种是div+css.牛腩视频中教我们用的是后者,这也是有一定原因的. 为什么要使用div+css样式来排版?传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容.改用css排

几何元素网页设计的力量,让人眼前一亮

互联网发展速度日益迅速,和人们的生活密不可分,当然,互联网不可缺少的是网页.网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,但一定记得起它们的形状.同样,网页设计中的构图也足以影响到整个网站给人的感受,些许的改变和简单的创新也许就能起到事半功倍的效果,让网站给人的视觉感受耳目一新. 几何图形的力量 几何图形在页面中往往能起到大梁的作用,也是设计网页内容最为常用的承载面板.这些图形合理的搭配和有效的穿插,能使页面除了信息传达外,更具层次感和观赏性. 此网站圆角矩形巧妙的结

网页设计经验谈:自以为是的网页设计者

(一)垃圾还是经典 网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已.不管是垃圾还是精品,都没有所谓的经典.经典只存在于是哪个首次成功创新性的应用.网页设计者不管自己的学识.技术和经验如何,都自以为自己吊的不得了,这可能是源与商业设计自我意识体现的强烈主观因素.一个闭门造车者做出的东西,是远远赶不上综合借鉴者的.网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹时非常的明显!还有那个设计者敢腆着脸说,这

【转载】20个2013年最值得关注的网页设计趋势

原博文地址:http://ued.lanrentuku.com/di/2013wangyeshejiqushi.html 在过去的一年中,我们都看到了网页设计趋势在日益增长.或许有些朋友还记得我早些时候的一些文章关于网页设计,有兴趣的可以点击来查看,现在我们可以看到其中许多想法已经实现了,甚至有些采用了一些更高层次的新奇想法.在今天这篇文章中,我将与大家分享2013年里20多种网页设计的全新趋势走向. 设计的影响仅仅是一个来自于我们的文化和用户界面感知的反馈.观念上这些趋势代表了在网页设计社区最

&lt;转载&gt;网页设计中的F式布局

地址:http://www.uisdc.com/understanding-the-f-layout-in-web-design 网页设计中的F式布局 今天我们来重点介绍网页设计中的F式布局.传统的布局方式,依赖布置视觉线索,“控制”用户的视觉路径,相较之下,F式布局更加自然,更加友好.本文将讲述一些F式布局的规则.原理以及设计方法. 推荐阅读:<极好的交互设计:19个创意网页欣赏><拒绝平庸:优秀WEB登录页面设计><超赞!网页设计中的数学运用> F式布局简介 F式布

网页设计中最被低估的是什么?

导读:启示性(affordance)指的是某物体或者对象具有某种操作或功能上的暗示性.举例来说,一张高于你膝盖高度的椅子,它可以暗示你坐.牙刷的手柄略长于人类的手掌,它暗示可以用来握紧. 所有我们周围的客体都具有启示性:有些是外显的(如门手柄上写着的“推”字信息),有些是内隐的(如椅子可以用来打破玻璃或者用来当做武器).这个概念最初由心理学家詹姆斯·吉布森提出,随后被唐纳德·诺曼在<设计心理学>一书中引进到人机交互领域. 交互设计师经常运用启示性.他们必须这么做.物理客体基于他们的形状.大小.

摄影视觉运用于网页设计

原文出处: 畅游VC   欢迎分享原创到伯乐头条 当我第一次接触到射鸡时候,其实我是拒绝的. 因为我觉得射鸡这件事,不是你想做,想做就能做. 我跟粑粑讲我拒绝,因为我想做摄影…粑粑跟我讲,你试着做一下,做完加摄影,网页会很眩.很酷.很多特技…然后“duang”的一下我就不做摄影,做射鸡了. 摄影视觉与网页设计在视觉传达上拥有这许多共同性,也许它们之间并没有什么距离,或许他们本身就是一家.设计师同摄影师大致一样,都是在创造可供视觉传达的图像,这种的共性决定了其形式方面.构成方面内在规律的相似性.摄

网页设计何谓“大气”?

"大气"的商业网站能够突出要表现的主题,并加以适当的夸张,弱化辅助的图形,减少干扰的元素.同时通过色彩的搭配,元素的使用及比例等,形成考究的视觉中心,把"气"流住,让画面有良好的节奏感.这是一个比较高的境界,需要设计师不断的提高自身的修养与审美意识. 看一些成功的企业网站,设计上往往没什么特别眩目的设计元素,有的只是干净有层次的色彩,合理有序的页面布局,丰富的内容信息,这一切貌似平淡却又有着独特的节奏感.导航让你畅通无阻的找到自己想去的板块,同时也让你明白自己所在的