网页搭建分析

目前采用的制作网页的分析流程

总的来说,网页是由三部分构成,结构、表现、行为。我们的网页不仅是需要对界面的简单实现(在设计稿上进行修改),也需要完成对功能的实现。(进一步需要对数据设计进行简单的应用?)

1.整体布局分析。

首先,我们分析页面大布局,在设计好的网页图纸上进行框架效果分析。譬如,一般网站有头部、导航、整体分块的内容;而如果有2个及以上的横向区块时,会需要在外面嵌套一个区块。一般而言,那么普通的页面用的大结构是选用ID选择器,里面选用class选择器。(这一嵌套的优点:代码更一目了然,避免例如在设置高度上的动作重复)。 

2.布局优化调整。(前期略过,但可以参考一些关于css页面布局的文章)功能分析。

3.前期以超链接、鼠标动作这些为主,用javascript实现一些动作内容。

目前制作网页时对一些基础知识的运用:

1.<meta>标签

2.选择器:标签选择器、id选择器以及类选择器。

3.引入css样式表的方式:链接样式表、导入样式表、行内样式表、内部样式表(不常用)。

编写HTML代码与CSS代码时候遇到的问题:

1.目前所正在进行的留言板项目所采用的网页设计利用div+css实现的,在初拟定好的草图之上,我们在对选择器进行属性值赋值时,需要计算好各元素的宽度、高度。即前面所提的css布局问题。

关于对项目进展的一些考虑:

1.网站也需要管理,我们一般将用户分三类,普通用户、vip用户(网站可以不需要)以及管理员。如何从网页体现这两类用户登录后的逻辑差异。

2.当留言板的数目有一定数量时,目前留言板块设置的高度是auto,但页面会被拉得特别长。可以试着将留言分页,每页只展示若干条。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值