网页制作学习资料.pdf

网页制作学习资料 第一课（初步认识网站） 1、网页是由各种各样的元素 如：文字，图像，和超级链接。 2 、具体是：标题，页址，文字，“BANNER ”导航条，站点标识，LOGO ，图像，超级链接。 3、网页类型：（按位置分）可分为主页与内页；（按表现方式分）可分为静态网页与动态网页。 4 、网页的概念：万维网所说的 3W 或 WWW 是指 WOLD ，WIDE ，WED 的简称。 如：/index.htm.( “http ”:是通迅协议，/是主机名； “index.htm ”是 要访问的文件路径或文件名。) 5、网页中的专用术语： A ：超级链接， B ：logo 网页宗旨 C ：banner 作宣传（可做近期的广告或活动宣传） D ：表单 具有交互性的动态网页，（如会员注册，邮箱申请，资料查索） E ：导航条 是这个网站的方向标， 体现这个网站的所有内容，如书的目录一样。 6、网站的内容分为： A 门户网站；内容很广，有新闻，娱乐，体育，影视，文学，音乐，（新浪，网易） B 个人网站：不具商业性质，不大（情感天空） C 专业网站：单一，专业，专为某一领域的专业人士提供（CCTV ），（榕树下） D 职能网站：政府，商务，（阿里巴巴，卓越网） 第二课（网页构架） 一、网页构架：一般分六种 1、“匚”右框型，顶部为LOGO ，下方左面为菜单，右面为显示主要内容。（较为常见） 初学者适用 如： （ ） 2 、“亘”字型，最上方为导航条，LOGO ，Banner,最下方版权信息，中间为内容区域（适合内容较少的网页） 如：（榕树下 ） 3 、“日”可上下左右对称，（具有强烈的反差对比，视觉冲击力强，但是较为困难，适合设计者 如：（风 雨无阻体育网） 4 、“目”字型是以“匚”右框型的基础上稍做改动而成，右侧增加一个竖列，缩小中间内容宽度，菜单和导航 条集中上方，下方横列。优点：是充分利用版面，信息时量大，一般用于大型网站。 5 、“POP ”面局，适用于广告网页面局，如海报一样，不讲究内容，没有固定的排版模式，以精美的图片为主 要核心，多用于“个人”或“娱乐”而大多数产品宣传单就是 POP 广告。 6 、综合布局，较为复杂，由上面几种布局结合而成，这种方式被广泛采用。 二、布局所用的软件： 1、Dreamweaver 可以对网页进行可视化的设计编辑，具有网站管，维护的功能，最大的物点能够快速地建立各 种动态网页，而且所生面的网页代码精小，合“初学者”学习的，那就是“实达铭公司”出品的“东方网页王”， 它置了大量的模板，同是地还内置了大量的网页制作素材和特效等。 2 、flash:制作动画网页，可使网页具有动态感。 3、photoshop,fireworks,是属于图像处理软件。 4 、各种软件的关系：核心是布局软件，但是没有其他辅助软件是不行的。 （第三课）网页的制作 一、步骤： 1、 收集，整理素材：网上下载，别人提供相关的文字，图像，动画等 2 、规划站点：即是存放，管理网页文档的场所。将同一个网站的素材放在同一个站点中，进行细分，以便上传。 3、制作网页：A 、网站是由一个个的网页构成的，要注意页面的框架，针对导航条，主题按钮，收集信息，将 页面分为几部分等。 B 、填充内容：合理地插入各种网页元素，注意位置是否协调，如图像和文本对齐方式等。C、建立反回页面的 链接：使浏览者能够随时回到首页，以便浏览其他的网页。 D 、建立导航条：由于网站的页面较多，因此应在网站的任何一个页面提供各个栏目的相关主题，以引导浏览 者顺利浏览网站。 4 、进行网站测试：根据项目的大小，客户端的要求以及访问者将会合用的浏览器种类等到进行测试，一般将站 点移到一个模拟调试服务器上对站点进行测试和编辑。 5、发布及维护站点：在 Internet 上申请一个主页空间，（后面讲解）用作指定的网站或主页的位置。 二、制作时的技巧： 1、用色 （主色调）总体协调，局部对比，如“旅游网站”可用草绿色搭配黄色，“校园”可用绿色，“游戏”可 用黑色，“科技”可用深蓝色，“政治”可用红色加蓝