<p><span style="font-weight: bold;">周次 课程要点 阅读资料</span><br />1 网页设计与制作与工具介绍 RWD1 <br />2 从用户体验切入响应式设计实践 RWD2, WSG0 <br />3 HTML基本元素：码云Pages搭建 w3school, 码云Pages<br />4 页面结构（Page Structure） WSG6<br />5 页面制作案例一 ☉期中在线考查 A WP2,WSG4,DMMT <br />6 图像和视频（Images&Video） WSG11, 12<br />7 弹性布局与响应式图片 RWD3 <br />8 HTML5与响应式 RWD4<br />9 CSS3新特性 RWD5<br />10 ☉期中考查 B<br />11 网站结构（Site Structure） WSG5 <br />12 CSS3高级技术 RWD6<br />13 介面设计（Interface Design） WSG7<br />14 图形设计（Graphic Design） WSG8<br />15 SVG与响应式Web设计 ☉期中在线考查 C RWD7 <br />16 CSS3过渡、变形和动画 WSG9<br />17 ☉期末应用项目开发成果展示考查<br />18 ☉期末应用项目开发成果点评总结</p>
<h2>学习目标</h2>
<p>1.了解Web标准及基本概念</p>
<p>2.能够使用sublime、Github等软件创建简单的网页。</p>
<p>3.熟悉HTML5、CSS3语言的基本元素及响应式设计的基本操作。</p>
<p>4.掌握网页设计及基本范式与理念。</p>
标签的解释：
 相当于空格键，
<span>是进行分类选项</span>
定义简单的拆行
<h1><h2><h3><h4>都是定义标题的字体大小
<p>简单的换段
WORD文档格式转化到HTML格式后有着很明显的改变，由非常之简单的格式变成由着多重的代码和文字共同组成的HTML格式。在电脑的办公中想要以WORD格式转换HTML格式，我们可以使用记事本，然后转换文件的格式，记事本使用基本的HTML格式，或者我们下载WEBSTORM，可以有着HTML的基本格式，之后我们利用简单的代码就可以转换形成HTML网页格式。
心得：在我们制作基本的HTML格式，我们在首行就要确定定义文档的类型，就如同打入代码<!DOCTYPE>，之后我们在列入换行打入<HTML>，然后输入<head>和<title>确认主题。我们一切的都要以</>这个格式作为结尾。同时，我们有时候为了让网页检查时候大家可以看清楚代码的作用，我们可以进行注释，而为了注释信息不影响网页的显示，我们可以使用代码格式,由此我们就能够在每一段需要注释的代码注入注释信息，方便检查代码结构和信息而不影响网页的显示。大家都知道响应式Web设计是非常棒的一种创新，他不像自适应的网页设计，自适应只是为了满足部分的屏幕分辨率，不能够达到全适应，而响应式Web设计他是为了满足大部分乃至所有的屏幕分辨率而创造的，避免了马赛克和看不清的状况产生，而且，他的成本也较低，只需要用一个网站就可以适应所有分辨率的屏幕，总会比维护多个网站去适应多个屏幕分辨率更为之合适吧，对于营销部门来说不需要增加额外的工作量，适应所有设备，更容易管理。一个URL：让用户在移动设备上更容易找到，而且不需要任何的重定向，这在较慢的网速下特别的有用。但是，凡事都是有利有弊，响应式设计他是一种较新的技术，在一些老的设备和浏览器中加载页面速度过慢，甚至是完全不支持，移动端和PC机上的用户体验是完全不同的。所以一个网，甚至是响应式设计，在两个平台上都会损害您整体UX（用户体验）。如果你试图使用相同的界面来满足移动和桌面的两个平台的用户使用，到最后可能谁都无法满足。
HTML5和CSS3的综合运用，就会使得网页更加鲜艳亮丽，也是适应了现代化因特网的需求，进行了改革和创新。代码的多重变化就会早就不一样的网页设计，每一个代码都有着极为重要的作用，学好HTML和CSS，可以让网页丰富多彩，成为一个合格的网页工程师。
网友评论