1.2任务2 dreamweaver cs6的使用1、【其它】请同学们完成以下练习,并将mysite文件夹压缩包以附件形式上传。 1、每个团队下载好dreamweaver cs6软件安装包,将软件安装到自己的电脑中; 2、在本地电脑的e盘创建一个名为mysite的文件夹,作为自己网站根目录,在mysite文件夹中创建二级文件夹,分别保存网站k8凯发首页、公司新闻、凯发官网入口的产品展示、公司荣誉、在线咨询等5个网页栏目的素材文件,每个栏目中创建下级文件夹images用来保存图片素材文件,style用来保存样式文件; 3、打开dreamweaver软件,创建网站站点“我的网站”,与e盘的mysite文件夹进行映射,对站点进行管理操作; 4、利用dreamweaver创建一个简单网页,网页内容为“这是我的第一个网页!”,以index.html为文件名保存在mysite根目录下的index文件夹下。
1.3.1知识准备之html基础(一)1、【其它】请同学们完成以下练习: 第一步:在电脑新建文件夹mysite,在mysite中新建images与style两个子文件夹; 第二步:打开dw软件,新建站点,与mysite映射; 第三步:新建html文件,参考内容如下:
今天的主题:html5.0 这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里
保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息这里保存网页信息。
标题2
标题3
标题4
标题5
标题6
第四步:保存为page1.html。 第五步:通过不同浏览器查看网页效果。
1.3.2知识准备之html基础(二)1、【其它】请同学们完成以下练习: 第一步:在电脑新建文件夹mysite,在mysite中新建images与style两个子文件夹; 第二步:打开dw软件,新建站点,与mysite映射; 第三步:新建html文件,参考内容如下:
无标题文档 网页设计成绩表 学号 | 姓名 | 成绩 |
01 | 张三 | 88 |
02 | 李四 | 98 |
04 | 赵六 | 89 |
05 | 李小 | 99 |
- 新闻
- 娱乐list
- 校园ul:
- 运动
- 军事orderedlist
2019年第一周卫生检查通排
- 17电商2班
- 17电商1班
- 17电商3班
- 17电商4班
-
教师名称
经济法
访问人数:8888888
第四步:保存为page2.html。 第五步:通过不同浏览器查看网页效果。 参考效果如下:
1.3.3知识准备之html基础(三)1、【其它】请同学们完成以下练习: 第一步:在电脑新建文件夹mysite,在mysite中新建images与style两个子文件夹; 第二步:打开dw软件,新建站点,与mysite映射; 第三步:新建html文件,完成以下实例效果的实现: (1)滚动元素marquee的实例 (2)html水平线hr、区块元素div与span实例 (3)找两张图片,试试“鼠标经过图像”效果。(插入-图像=鼠标经过图像)。 第四步:保存为html文件,分成1个文件或者3个文件保存皆可。 第五步:通过不同浏览器查看网页效果。 第六步: 请同学完成以上练习题,提交作业: 1、截图dreamweaver软件中代码的“拆分视图”; 2、截图网页在浏览器中的预览效果; 3、压缩mysite文件夹; 将以上三个内容上传提交。
1.3.4知识准备之html基础(四)1、【其它】请同学们完成以下练习: 第一步:在电脑新建文件夹mysite,在mysite中新建images与style两个子文件夹; 第二步:打开dw软件,新建站点,与mysite映射; 第三步:新建html文件,完成以下实例效果的实现: 第四步:保存为html文件。 第五步:通过不同浏览器查看网页效果。 第六步: 请同学完成以上练习题,提交作业: 1、截图dreamweaver软件中代码的“拆分视图”; 2、截图网页在浏览器中的预览效果; 3、压缩mysite文件夹; 将以上三个内容上传提交。
2.1.1知识准备之css初接触1、【其它】
2.1.2任务实施之css初接触网页1、【单选题】关于块状元素与行内元素,下列说法错误的是( )。
a、块状元素的宽度默认为整个浏览器的宽度。
b、行内元素自动会占一行。
c、行内元素和块状元素可以用diplay属性的block值和inline值互相转换。
d、块状元素成为浮动元素后将变为行内元素。
2、【单选题】下面不属于css文档应用到网页中的形式的是( )
a、索引式
b、行内样式
c、内部样式
d、外部样式
3、【单选题】以下属于css样式的选择器类型是( )
a、类(可应用于任何标签)
b、标签(重新定义特定标签的外观)
c、id(仅用于一个标签)
d、以上三种类型都是
4、【单选题】以下关于css样式说法不正确的是( )
a、定义的css样式只能对本文档应用
b、可以定义指定范围内的标签样式
c、可以同时定义多个标签
d、可以引入外部样式文件中的css样式
5、【单选题】下列关于css样式的边框设置说法正确的是( )
a、只能是实线
b、四边边框的颜色必须相同
c、四边边框的宽度必须相同
d、无论线形、宽度、颜色四边都可以不同
6、【单选题】css的英文全称是( )
a、computer style sheets
b、cascading style sheets
c、creative style sheets
d、colorful style sheets
7、【单选题】在以下的 html 中,哪个是正确引用外部样式表的方法?( )
a、 分析如下的html代码片断,选项中说法错误的是( )
a、表格中某些单元格应用了t样式
b、表格共两列,其中name文本框跨了两列
c、表格单元格右边框为dashed(虚线框样式)
d、表格单元格顶填充为5像素
7、【单选题】 阅读上列代码片断,关于元素b的定位说法正确的是( )。
a、b相于对浏览器窗体的右上角进行位置偏移
b、b相对于浏览器窗体的左上角进行位置偏移
c、b相对于自身的位置进行位置移偏
d、b相对于元素a的左上角位置进行位置偏移
8、【单选题】以下说法中错误的有( )。
a、内容与表现分离,减轻浏览器负担
b、内容越表现分离,导致页面结构不完整
c、内容与表现分离,使页面设计简洁
d、内容与表现分离是现代页面设计的标准
9、【单选题】下列css代码进行缩写,符合缩写的规范的是( )
a、ckground-position:0 0;
b、ckground-repeat:no-repeat;
c、ckground-image:;
d、background-image: "background.gif" no-repeat 0 0;
e、background-url: " background.gif") no-repeat 0 0;
f、background: no-repeat 0 0;
g、background: "background.gif" no-repeat 0 0;
10、【多选题】分析下面的html代码片段,则选项中的说法正确的是 (选择二项)
a、该表格共有两行三列
b、该表格边框宽度为30像素
c、该表格中的文字均居中显示
d、“姓名”单元格跨2列
11、【多选题】以下属于position定位盒子方式的是( )
a、绝对定位
b、相对定位
c、直接定位
d、静态定位
12、【多选题】下面关于css的说法正确的有( )
a、css可以控制网页背景图片
b、margin属性的属性值可以是百分比
c、字体大小的单位可以是em
d、1em等于18像素
5.1任务1 网站策划1、【简答题】请点击下载网站策划书文档,并认真填写。 网站策划书.doc
5.2任务2 素材搜集与制作1、【简答题】请每位同学提交自己制作的图片素材。
5.3任务3 网站效果图设计与制作1、【简答题】请每位同学提交网页效果图,包括k8凯发首页和子页。 要求: (1)jpg文件:直接上传图片; (2)psd文件:以“附件”形式上传。
5.4任务4 网站html实现1、【其它】请每位同学将自己制作完成的网站整站源文件夹进行压缩,并上传至此。
5.5任务5 作品展示与总结1、【其它】请每位同学提交以下内容: 1、作品展示ppt或者作品展示视频(两皆选一即可) 2、作品总结体会(不少于500字)
猜你喜欢
- 2022-12-05 21:47
- 2022-12-05 21:38
- 2022-12-05 21:34
- 2022-12-05 21:09
- 2022-12-05 21:03
- 2022-12-05 20:59
- 2022-12-05 20:58
- 2022-12-05 20:58
- 2022-12-05 20:50
- 2022-12-05 19:40