网页与网站设计 主讲教师 魏欢   安徽工业经济职业技术学院 开课时间 2021-03-25 至 2021-06-30 学习总人数:1045人 视频时长:3:33:3


  • 课程简介
  • 授课教师
  • 章节目录
  • 课程讨论
  • 课程公告
  • 教材教辅

《网页与网站设计》课程是计算机和艺术设计类相关专业的一门专业技能课程,培养学生网页设计与制作能力,满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位。

《网页与网站设计》是一门实践性强、与行业紧密结合的专业课程。该课程覆盖面广,很大一部分学生学习该课,学生的学习兴趣很高,社会需求也很大。学生主要学习DreamweaverHTML/cssJAVASCript脚本语言,通过对本课程的学习,使学生能够掌握网页制作工具的使用,并在此基础上,使学生了解综合网站的建立方法。以有效的案例介绍为主,辅以有关的网站创作,使同学们在学到相关技术处理方法的同时,努力开发个人的创作思维,制作出自己的、有意义的作品。


第一章 HTML基础知识
> 1.1 网页设计基础知识
> 1.2 HTML的基本框架和语法
第二章 HTML的标记
> 2.1 HTML的格式标记和文本标记
> 2.2 HTML的图像标记和超级链接标记
> 2.3 列表标记和表单标记
> 2.4 HTML综合案例
> 2.5 表格标签的使用
第三章 CSS
> 3.1 CSS的引用方法和选择器类型
> 3.2 CSS的文本属性
> 3.3 CSS的边框属性和间距属性
> 3.5 CSS的背景属性和浮动属性
> 3.6 CSS的清除浮动属性和定位属性
> 3.7 CSS边框属性
> 3.8 float的属性
> 3.9 display属性
> 3.10 CSS定位属性
> 3.11 动画规则定义
> 3.12 transform动画
> 3.13 css3渐变
> 3.14 边距属性
第四章 CSS的高级应用
> 4.1 CSS的高级应用
> 4.2 CSS深入理解之border属性
第五章 CSS的实战开发
> 5.1 CSS的实战开发
第五章 Javascript是应用
> 5.1 JavaScript快速入门
> 5.2 基本语法
> 5.3 数组
> 5.4 函数
> 5.5 对象
> 5.6 BOM
> 5.7 DOM
> 5.8 事件
> 5.9 正则表达式
> 5.10 Ajax
> 5.11 jQuery
> 5.12 网页版2048小游戏
2018-2019学年第一学期期末考试
考试1
考试2
考试3
考试4
考试5
评论区发表了很多关于html、css、javascript的一些小技巧,欢迎大家互相讨论!
2021-04-16 08:36:00

评论区发表了很多关于html、css、javascript的一些小技巧,欢迎大家互相讨论!

大家多将学习心得,讨论区互动一下!
2021-04-14 13:04:40

大家多将学习心得,讨论区互动一下!

关于position问题
2021-03-28 23:04:22

relative定位:应用了relative定位的元素(盒子模型)不脱离标准文档流,可以对它设定top、left、right、bottom值,实现对元素(盒子模型)相对于原来位置的微调,top即元素相对于原来的位置下移(可以设定负值,作用相当于设置正值bottom),left是元素相对于原来的位置右移。相同的, right为左移,bottom是上移。

absolute定位:应用了absolute定位的元素会脱离文档流,好像它从来没有存在过,这时它的定位是相对于他的应用了relative定位的祖先元素而言的。而且它还有一个很重要的特性:就是会根据设定的位移值实现“跨越”(-xx),对其设定top、left、right、bottom是相对于他的祖先元素(盒子)的边界而言的。如果对其设定哪个位移方向,此元素(盒子)会先移动到那个方向的边界,然后相对于边界去移动。

fixed定位:fixed定位同样是脱离了标准文档流,不过他是相对于浏览器的窗口而言的,不会随着滚动条或者是界面的移动而改变,同样可以设定top、left、right、bottom值。



处理常见的 HTML 和 CSS 问题
2021-03-28 23:02:05

讨论区有很多关于

处理常见的 HTML 和 CSS 问题

大家可以共同来学习一下

对于视频中不了解的知识,大家可以再讨论区留言,大家一起进步!
2021-03-28 22:42:55

对于视频中不了解的知识,大家可以再讨论区留言,大家一起进步!

HTML\CSS\JS
2021-03-28 22:37:26

HTML的知识比较简单,css的知识比较重要,js的知识虽然有点难,但是大家先HTML和css学扎实了。

视频看完的同学可以随堂做一下练习!
2021-03-26 08:37:25

视频看完的同学可以随堂做一下练习!加强知识的巩固!

学完的同学可以完成一下测试哦!
2021-03-25 21:41:16

学完的同学可以完成一下测试哦!

教学资料下载!
2021-03-25 21:36:11

资源区也可以下载一些教学资料哦

大家可以在讨论区交流一下学习心得!
2021-03-25 14:42:32

大家可以在讨论区交流一下学习心得!

关于JS的学习!
2021-03-24 16:38:09

JS的学习有点难度,大家不要心急,慢慢跟着脚步来学!

关于CSS的学习!
2021-03-24 16:36:57

CSS的知识是核心重点的知识,内容比较多!

网页网站的学习!
2021-03-24 16:35:27

我们主要分为HTML、CSS、JavaScript三大块知识点的学习,大家可以按照顺序,有简到难的学习!

关于HTML的学习!
2021-03-24 16:30:15

HTML的学习比较简单易懂,同学们掌握好基本的框架和标签的使用,以及语法即可!

新的一期学期马上就要开始了,我们共同努力!
2021-03-24 16:28:27

新的一期学期马上就要开始了,我们共同努力!

配套教材
参考教材