项目 1 DIV+CSS页面布局设计 1.实训要求 (1)固定页面布局设计,用 DIV、CSS 实现??图 1-5-1 所示的布局效果。 (2)用 DIV+CSS 完成图 1-5-2 所示的页面布局效果。 图 1-5-1 DIV+CSS 固定型页面布局之一 图 1-5-2 DIV+CSS 固定型页面布局之二 (3)弹性页面布局设计。所谓“弹性”是指宽度与高度...
本实例仍使用上下布局,中间细分成若干样式一致的Div,其中再采用左右布局,呈现鲜花商品。页面布局结构如图5-9所示。 5.2.3 任务实施 1)在网站根目录中新建一个vlove2.html页面,在style子目录中新建一个样式文件css2.css。 2)在vlove2.html头部添加一条link标记如下,以链接外部样式文件:<linkhref="style/css2.css...
HTML5与CSS3实战案例div+css制作PC端网站首页布局【新视觉实训】 IT/互联网 / 程序设计开发 共14集1.7万人观看
2.网站总体设计(说明设计思路,给出网站总体结构图,参考实训指导书)3.网站主体风格设置,网站整体CSS样式表文件或网站模板,库,使用文字加效果图说明。4.网站主页设计(网页主页布局设计,画出主页主要内容布局图) 5.网站各个功能模块的功能及实现(每个功能部分功能说明,使用的主要技术,运行截图).网站特色,关键模块介绍(...
第一章 项目需求分析 1.1需求分析 互联网丰富多彩,这些信息大多通过网页与用户进行交互。网页的实现形式多种多样,无论是短小精悍的个人主页,还是结构清晰、丰富的大型网站,网站的需求分析和规划设计都要放在第一步,因为它直接关系到网站的功能是否完善,质量是否能够达到保证。 1.2实训目的 网站的建设不仅仅是制作主页的...
1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式,DIV+CSS网页设计技术使得网页的表现与内容相分离,提高了页面浏览速度,并且使得网站易于维护和改版,因此,在网页设计教学中DIV+CSS成为核心的内容,并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链...
项目实训制作"动态堆叠卡"拓展链接 在Dreamweaver、中创建编辑样式表 项目小结 思考与练习 项目七 CSS3定位与布局 任务一 初识div 一、块元素与内联元素 二、div概述 三、span元素 任务二 CSS3定位 一、盒子模型的概念 二、浮动定位 三、精确定位 任务三 CSS3布局设置 一、固定布局设计 二、流动布局设计 三、...
1.资料的搜集。 2.熟悉制作软件。 3.构建站点框架。 开启dremweaver后第一步便是新建站点 4设计主页及二级页面。 5实现网页间的 的过程其实很简单,主要是把要的文字选择在选择工具栏的按钮最终选择自己要的网页单击确定便可以了。 6向静太网页插入动态效果 具体状况 通过这半年的学习实践中和老师的指导下以大量...
所以,“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力;文化类广告设计可以培养学生掌握完整的设计制作流程;“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养...