教育技术人的网上交流空间
|
教育技术公共课
|
微信公众号
关注微信公众号
论坛动态早知道
QQ登录
微信登录
找回密码
您好,请
登录
注册
论坛
论坛
群组
课程
资讯
团队
学档(日志)
Blog
动态
有问必答
云课堂
搜索
本版
文章
帖子
日志
相册
群组
用户
快捷导航
管理的小组
参加的小组
小学生电脑作品分享——布平凡的艺术
1051
0
人工智能与教育
1992
3
青岛
2530
2
如何培养自己的计算思维
3898
1
今天学习了学习卡片制作,大体上了解了制作
3764
0
incongruous attire
5580
0
应用思考-教育技术论坛
›
≡课程中心≡
›
教育技术公共课
›
浅谈网页制作
返回列表
浅谈网页制作
[复制链接]
lxcyl001
发表于 2008-5-2 09:59:19
|
显示全部楼层
|
阅读模式
我是一名
教育技术
学专业的学生,难免常与计算机打交道:图形图象处理
课件
制作、查阅和浏览网页信息、注册和管理自己的BLOG、在BBS上留言与评论交流、定期查收邮件……计算机网络资源开阔了我的视野,充实了我的学习生活。
大学一年级的时候,我们开设了一门《计算机基础》课,其间学习了用FrontPage制作网页,那时候的我只想快速地融入到丰富多彩的校园文化中去,并未想过要熟练地掌握这一项技能。
大学二年级的时候,我选修了一门《计算机网站管理与维护》,授课教师交我们使用Dreamweaver来制作网页,由此我对网页制作有了更多的认识。
真正使我对网页制作产生浓厚兴趣是在什么时候,我现在也无从说起了,她融入进了我的学习生活,并且我已经习惯了这样的生活了。很多同学都知道我擅长做网页,有同学找我与我交流制作的技巧,也有同学请我教给他们基础的制作技能,然而我没能很好地满足大家的要求,我总觉得自己太忙、太累,好想找时间静下来休息,但这绝不是搪塞之词,因为我知道我做得并不够好,我的能力有限。目前,我对动态网页制作的知识还很不熟悉,而静态网页制作做得再好,这样的一技之长都不值一提,何况我连一技之长都还相去甚远。
借此机会,我把自己在网页制作中常遇到和应注意的一些问题罗列出来,希望能给初学网页制作的朋友提供一些参考和帮助。
我们知道,计算机可以设置其屏幕分辨率,浏览器(常见的如IE、遨游等)的窗口可以改变大小,还可改变浏览器页面文字显示的大小。初学网页制作的朋友不妨任意改变这三种属性,然后再刷新浏览器中自己的网页作品,是不是一切正常呢?让我们逐一来解决这些问题吧!
首先,我们插入一个一行一列的表格作为页面的框架。表格宽度益在800~900像素之间,这主要是为了保证在一般的屏幕大小中都符合用户的视觉感受,表格的边框为0,因为我们不希望网页的边框用线条显现出来(后面所提到的表格的边框也为0),然后将表格居中。
其次,页面框架内的部分,仍用表格来约束页面的内容。导航条、文本、图片、超联接等都用表格把它们分割开来根据需要将单元格进行合并或拆分,以及在内部再嵌套一个或多个表格。就像文章的分段一样,一篇文章要划分多个段落,一个段落又由个句子组成,嵌套的表格就是要将那一个个的“句子”逐一分割开来。
再次,网页制作中,字体通常有像素(px)和点数(pt)两种格式,文字的属性对浏览器文字大小显示有影响,建议初学者将整个页面的文字都使用点数(pt)格式,这样一来页面文字就不会随着浏览器不同的文字大小设置而引起排版的错乱了。
另外,建议建一个总的文件夹,再分别建文件夹将不同的素材归好类放在不同的文件夹之中,方便我们调用和管理。切记在素材调用的时候要使用相对路径,不然会导致素材调用错误而无法显示。
网页排版要整齐紧凑,表现形式也可以丰富多样,但不可以做得太花哨(有特别需要的可以例外),文字的字体也益使用默认的宋体格式,需要用其他字体来表现时可将文字做成图片再调用,否则有些字体会因为在某些计算机系统中无法识别而不能正常显示。
我们需要用实践来获得经验,单凭理论是不切实际难有作为的,还有很多操作技巧我一时也难用三言两语讲个明白,总之不管我们用什么方法,只要能解决问题,就是可行之法。
荀子说:
“
不闻不若闻之,闻之不若见之,见之不若知之,知之不若行之。学至于行而止矣。明之,行也。
”
喜欢做网页和想学做网页的朋友们,我们要在实际行动中善于发现问题,多总结经验,才能不断取得进步。
写得有不尽之处,烦请指教!
[
本帖最后由 lxcyl001 于 2008-5-2 10:01 编辑
]
评分
参与人数
1
金钱
+20
收起
理由
etthink
+ 20
原创内容
查看全部评分
总评分 : 
金钱
+20
欢迎大家多发帖,参与讨论,增进彼此了解。
回复
举报
精彩评论
4
正序浏览
etthink
发表于 2008-5-2 10:10:45
|
显示全部楼层
回复 1楼 的帖子
现在对可视化的编辑要求并不太在意了,使用表格布局是辅助的手段。
div+css(核心要掌握我觉得是CSS及xhtml和javascript这些知识,才可以跟上网页设计观念的变化)
学教育技术,上教育技术论坛!http://www.etthink.com
回复
支持
反对
举报
lxcyl001
发表于 2008-5-3 10:03:28
|
显示全部楼层
回复 2楼 的帖子
啊是,不过对基础掌握都还拿不准的朋友来说,是得从这些基本功练起噢.
现在网页设计很多都朝动态的发展了```````````
欢迎大家多发帖,参与讨论,增进彼此了解。
回复
支持
反对
举报
楼主
|
wanghui
发表于 2008-5-9 08:36:34
|
显示全部楼层
有个容易被初学者忽视的小问题,在布局下插入表格前,记得将页面属性中上下边距都设为0像素,这样才可以顶头设计。
欢迎大家多发帖,参与讨论,增进彼此了解。
回复
支持
反对
举报
lxcyl001
发表于 2008-5-16 02:01:46
|
显示全部楼层
没注意,呵呵.但是现在自己做的时候肯定会设定其属性的,表格框架的设定我在文中也有提到
欢迎大家多发帖,参与讨论,增进彼此了解。
回复
支持
反对
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
论坛卫士
授予经常举报广告,垃圾信息的人
优秀会员
授予论坛优秀会员
优秀版主
授予优秀版主
lxcyl001
Toddler
0
关注
1
粉丝
10
帖子
发送私信
收听TA
Ta的主页
推荐阅读
更多+
221354
优秀微课作品——图像处理
小学生电脑作品分享——布平凡的艺术
优秀作品
2024-09-21
人工智能与教育
研究-应用-写作
2024-09-07
青岛
技友交流
2024-08-29
如何培养自己的计算思维
教育技术公共课
2024-07-21
会员达人
更多+
etthink
主题:7844
积分:190795
BTS
主题:0
积分:70
教育者
主题:2
积分:90
暮木木木木
主题:1
积分:101
落日长安
主题:2
积分:76
广告位
信息推荐
更多+
优秀微课作品——图像处理那些事
优秀作品——绿殇之小草
优秀美术微课——画竹
bbc数学故事纪录片下载
中学化学课件模板
想不到QQ影音回来了,特发图高兴一下
多窗口文件及文件夹管理
优秀作品展示——数学奇思秒想系列之乘法趣
相框和蒙版
优秀微课作品——滴眼药水
优秀微课作品:触景生情法的运用-以故宫太
PBL教学模式及发展
最新信息
更多+
[微课-翻转-影视]
优秀微课作品——图像处理那些事
12-08
[优秀作品]
优秀作品——绿殇之小草
12-19
[微课-翻转-影视]
优秀美术微课——画竹
12-17
[数学教学资源]
bbc数学故事纪录片下载
02-18
[PPT课件高效制作]
中学化学课件模板
12-23
[信息化教学助手]
想不到QQ影音回来了,特发图高兴一下
12-29
[PPT课件高效制作]
设计制作了一个MOOCs课程的模板
01-05
[信息化教学助手]
多窗口文件及文件夹管理
03-16
[微课-翻转-影视]
优秀作品展示——数学奇思秒想系列之乘法趣
12-20
[技友交流]
相框和蒙版
03-29
[教学设计]
听课:教育技术之交互设计(触发器)——学
11-14
[教育技术公共课]
利用视频素材的拓展几个小问题,你掌握了几
11-11
[信息技术教学]
信息科技发展趋势
11-06
[政治教学资源]
杨朱:古之人,损一毫利天下,不与也
11-06
[教育技术公共课]
学习卡片——四季诗词
11-04
[应用方案]
在线查询系统设计制作:有个Excel表就可以
11-01
[语文教学资源]
唐温如:题龙阳县青草湖
11-01
[技友交流]
搭子是怎么来的
10-31
[研究-应用-写作]
本科毕业论文如何写开题报告
10-30
[教学设计]
引起注意维持动机的教学活动
10-29
[信息化教学助手]
优秀软件工具推荐:quicklook
03-10
[信息化教学助手]
QQ截图工具提取版
09-02
[教学设计]
听课:教育技术之交互设计(触发器)——学
11-14
[教育技术公共课]
利用视频素材的拓展几个小问题,你掌握了几
11-11
[信息技术教学]
信息科技发展趋势
11-06
[政治教学资源]
杨朱:古之人,损一毫利天下,不与也
11-06
[教育技术公共课]
学习卡片——四季诗词
11-04
[应用方案]
在线查询系统设计制作:有个Excel表就可以
11-01
[语文教学资源]
唐温如:题龙阳县青草湖
11-01
[技友交流]
搭子是怎么来的
10-31
快速回复
返回顶部
返回列表