网页制作与开发

本课程利用线上与线下相结合的授课方式,以网页开发主流软件Dreamweaver为工具,教给学生快速搭建网站的方法。培养学生具备能够利用有限的代码快速搭建出网站页面的能力。
33 个视频 关注课程
1
Web开发基础知识
从几个方面简单介绍了Web开发的相关基础知识,帮助初学者来了解Web开发领域的基本概念。
1-1
本节课程讲述工具Dreamweaver如何安装及使用。
1-2
1 )Web开发简介 2 )网页访问过程
1-3
1) Web应用领域 2) Web系统开发过程
2
HTML基础
本章节主要是给大家介绍了HTML的相关基本语法,包括网页文件的概念、HTML代码基本结构等基础内容。
2-1
1) 网页浏览过程 2) 网页文件与网页
2-2
3) 单标签与双标签 4) HTML代码基本结构
2-3
自我介绍的页面实现
3
构建页面内容(一)
介绍了构成页面的网页元素中,文字、图片、列表和超链接的实现。
3-1
在网页中添加文本以及文本的相关内容:标题、段落、换行、注释等。
3-2
本节课程重点讲述一下如何实现页面中的文本部分
3-3
在页面中如何添加图片,以及相对路径和绝对路径的使用。
3-4
实现页面中图片的插入
3-5
如何在页面中玩成超链接的实现。
3-6
列表的两种分类,以及页面中列表的实现
4
构建页面内容(二)
介绍了网页中两个重要的元素:表格和表单,以及其分别的实现方式和相关操作。
4-1
介绍表格元素的作用,以及分析其相关构成。
4-2
本节课程讲述关于表格相关属性
4-3
学习表格中两个重要属性,跨行和跨列
4-4
利用所学知识,在网页中实现一个比较复杂的表格
4-5
介绍表单概念及表单控件的用法
4-6
介绍表单概念及表单控件的用法
5
CSS基础
本章介绍CSS基本概念及基本语法,包括CSS三种基本选择器和CSS三种样式表等内容。
5-1
介绍CSS的作用,是将内容和样式进行分离,从而优化页面,实现更好的元素样式。
5-2
1)CSS基本语法 2)三种CSS基本选择器
5-3
1)CSS行内样式表 2)CSS页内样式表 3)CSS外部样式表
6
CSS基本样式修饰(一)
本章节学习了对于页面当中的文字和文本内容的CSS修饰方式,包括有字体、字号、文字修饰、文本缩进、超链接的四种状态等内容。
6-1
CSS中对于文字的字体、字号、粗细及是否倾斜的修饰方式
6-2
CSS中对于文本的缩进、对齐、行高等效果的修饰方式
6-3
1)超链接有四种状态,分别是:未访问过的超链接、鼠标经过超链接、链接被点击的那一刻、访问过的超链接。 2)对于超链接的四种状态的样式设置方式
7
CSS基本样式修饰(二)
本章节学习了CSS对于页面的背景和列表的相关样式修饰,包括有背景色、背景图和列表项目符号的设置等内容。
7-1
本讲介绍了对于页面中的元素的背景色的设置,同时介绍了背景色的三种设置方式。
7-2
本讲介绍了页面中元素的背景图的相关设置。
7-3
本讲介绍了CSS设置列表中列表项的相关样式的方法,通过本讲的学习,可以灵活的对有序列表和无序列表的列表符号进行设置。
8
CSS盒子模型
该章节介绍了网页制作过程中的一个非常重要的概念,盒子模型。本章涉及了盒子模型的基本概念和相关属性设置等内容。
8-1
从生活中的盒子概念出发,介绍了页面当中的盒子模型概念,以及盒子模型的相关属性
8-2
页面中的哪些元素属于盒子模型?是块级元素。本讲介绍了块级元素和行内元素的概念,以及display属性。
8-3
盒子模型具备有大小、边框、内边距和外边距等属性,本讲介绍了边框和大小的设置方法。
8-4
本讲继续介绍盒子模型的属性用法,主要介绍了盒子模型的内外边距的设置。
9
网页布局
本章介绍了如何用css+div进行布局,该内容是css部分的重点内容,是解决页面布局问题的重要方法。
9-1
本讲介绍了网页布局中的基本范式,及简单分析了各种常见网页布局。
9-2
float方法,是页面布局时最常用的方式,本讲介绍了float方法的基本使用以及清除浮动的方法。