实训5DIVCSS 实训5 DIV+CSS 布局规划 【实训目标】 (1)熟悉常见网页布局结构类型。 (2)能够对主流商业网站布局结构进行分析。 (3)综合运用 DIV+CSS 对小型网站页面进行布局规划、编写代码实现布局效果。 【实训内容】 (1)使用 CSS 对 DIV 进行样式定义,实现图层定位与布局。 (2)利用 DIV 的 float 属性来...
1.使用Div+CSS布局页面 使用Div+CSS实现页面布局,具体操作如下: 4)为AP Div元素设置CSS样式。由于网站首页和子页面采取相同的布局风格,因此样式表采用外部链接样式表。 5)选中创建的AP元素“container”,在右侧的“CSS样式”面板中单击鼠标右键,选择“新建”命令,打开“新建CSS规则”对话框,并作相应设置,如图所示。
通过实训使学生能够更进一步的领会网站建设和网页设计的基本知识,熟悉和掌握网站建设的基本流程和注意事项,熟练运用常用的网页制作和设计工具的使用,熟练掌握DIV+CSS网页布局设计技术,希望通过对网站的规划与设计来培养学生综合运用所学知识来建立网站的能力,掌握相关网页制作软件,为今后从事网站规划、设计和开发工作打下基础...
2)使用div+css样式及基础的html语言做页面布局的排版 3)使用photoshop对网页进行配色及排版设计 4)编写css代码使网站页面无论是在ie浏览器里还是在ff浏览器上正常显示 2、负责网站的几个主体模块的文案撰写和后台编辑 1)在已有的文案上配合网站架构进行提炼和归纳整理 2)使用photoshop对文案进行概念配图 3)在后台将...
内容包括网页设计基础、创建和管理站点、规划网页布局、创建网页链接、创建多媒体网页、创建框架网页、创建表单网页、网页中cSS样式的应用应用层和行为创建动态效果、网站测试与发布等。应读者要求新升级的版本特别添加了“利用模板和库创建网页”、“使用DIV+CSS进行网页布局”两个章节力求让读者在技术的更新和学习上能够...
3.3.3 实例——更改css规则 50 3.4 使用css布局网页 50 3.4.1 使用css布局创建页面 50 3.4.2 实例——使用css布局创建页面 51 3.5 使用div标签 52 3.5.1 创建div标签 52 3.5.2 实例——创建一个div标签并在其中添加内容 52 3.6 动手实践——设置css样式 54 3.7 习题练习 56 3.7.1 选择...
以上述DIV+CSS网页布局这个子项目为例说明如何对学生的实训过程进行监控。教师利用实训软件将该子项目又细分为八个子任务,如页面布局与规划、写入整体层结构、页面顶部制作、导航和Banner制作、内容区制作、资质荣誉区制作、页面美化等。学生需要逐步完成这些子任务,才能完成本次实训课程布置的所有任务。教师通过观察学生...
任务一 初识div 一、块元素与内联元素 二、div概述 三、span元素 任务二 CSS3定位 一、盒子模型的概念 二、浮动定位 三、精确定位 任务三 CSS3布局设置 一、固定布局设计 二、流动布局设计 三、浮动布局设计 项目引导 制作博客页面 项目实训制作"公司网"拓展链接 JavaScript语言与行为 项目小结 思考与练习 项目八...
00这是我见过最有激情的一些人了年纪轻轻干劲十足来了以后就工作连平时聊天的内容也和本行业分不开我喜欢他她们回为是实习期所以每天做的数量没有太大要求但是每个人都玩命似的干活抓紧时间做网页我们做的网页是比较简单的从上到下式的网页通过cssdiv排版这样在后期浏览器兼容测试中就好做的很多了文字与图片之间就不...