html5开发app的视频教程及相关资料

前言：网页设计就业前景的就业前景非常好。特别是参加网页设计培训后成为专业技能很强的网站设计人才，将成为市场上的香馍馍。实际上，网页设计培训能够让你学会网页设计和网页设计的一些设计技巧，但是要成为网页设计高手光靠这点是绝对不够的。网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。此外，网页设计人员还要学会网站运营，网站优化等相关知识。

第一课（初步认识网站）

1、网页是由各种各样的元素如：文字，图像，和超级链接。

2、具体是：标题，页址，文字，“BANNER”导航条，站点标识，LOGO，图像，超级链接。

3、网页类型：（按位置分）可分为主页与内页；（按表现方式分）可分为静态网页与动态网页。

4、网页的概念：万维网所说的3W或WWW是指WOLD，WIDE，WED的简称。

如：http://www.kingsoft.com/index.htm.(“http”:是通迅协议，www.kingsoft.com/是主机名；“index.htm”是要访问的文件路径或文件名。)

5、网页中的专用术语：A：超级链接，B：logo网页宗旨C：banner作宣传（可做近期的广告或活动宣传）D：表单具有交互性的动态网页，（如会员注册，邮箱申请，资料查索）E：导航条是这个网站的方向标，体现这个网站的所有内容，如书的目录一样。

6、网站的内容分为：

A门户网站；内容很广，有新闻，娱乐，体育，影视，文学，音乐，（新浪，网易）

B个人网站：不具商业性质，不大（情感天空）

C专业网站：单一，专业，专为某一领域的专业人士提供（CCTV），（榕树下）

D职能网站：政府，商务，（阿里巴巴，卓越网）

第二课（网页构架）

一、网页构架：一般分六种

1、“匚”右框型，顶部为LOGO，下方左面为菜单，右面为显示主要内容。（较为常见）初学者适用如：（www.nease.net）

2、“亘”字型，最上方为导航条，LOGO，Banner,最下方版权信息，中间为内容区域（适合内容较少的网页）如：（榕树下）

3、“日”可上下左右对称，（具有强烈的反差对比，视觉冲击力强，但是较为困难，适合设计者如：（风雨无阻体育网）

4、“目”字型是以“匚”右框型的基础上稍做改动而成，右侧增加一个竖列，缩小中间内容宽度，菜单和导航条集中上方，下方横列。优点：是充分利用版面，信息时量大，一般用于大型网站。

5、“POP”面局，适用于广告网页面局，如海报一样，不讲究内容，没有固定的排版模式，以精美的图片为主要核心，多用于“个人”或“娱乐”而大多数产品宣传单就是POP广告。

6、综合布局，较为复杂，由上面几种布局结合而成，这种方式被广泛采用。

二、布局所用的软件：

1、Dreamweaver可以对网页进行可视化的设计编辑，具有网站管，维护的功能，最大的物点能够快速地建立各种动态网页，而且所生面的网页代码精小，合“初学者”学习的，那就是“实达铭公司”出品的“东方网页王”，它置了大量的模板，同是地还内置了大量的网页制作素材和特效等。

2、flash:制作动画网页，可使网页具有动态感。

3、photoshop,fireworks,是属于图像处理软件。

4、各种软件的关系：核心是布局软件，但是没有其他辅助软件是不行的。

现在有很多小伙伴在自学网页制作，但是一个人的能力是有限的，遇到问题没人帮你解决，我给大家推荐一个网页制作大神学习交流群【494064934】，这里有免费视频教程，海量免费资料，更有一对一的在线指导，有不懂的问题可以及时得到解决！