网页制作学习资料

《网页制作学习资料》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、2011-7-12姚燕妃网页制作学习资料第一课（初步认识网站）1、网页是由各种各样的元素如：文字，图像，和超级链接。2、具体是：标题，页址，文字，“BANNER”导航条，站点标识，LOGO，图像，超级链接。3、网页类型：（按位置分）可分为主页与内页；（按表现方式分）可分为静态网页与动态网页。4、网页的概念：万维网所说的3W或WWW是指WOLD，WIDE，WED的简称。如：http://www.kingsoft.com/index.htm.(“http”:是通迅协议，www.kingsoft.com

2、/是主机名；“index.htm”是要访问的文件路径或文件名。)5、网页中的专用术语：A：超级链接，B：logo网页宗旨C：banner作宣传（可做近期的广告或活动宣传）D：表单具有交互性的动态网页，（如会员注册，邮箱申请，资料查索）E：导航条是这个网站的方向标，体现这个网站的所有内容，如书的目录一样。6、网站的内容分为：A门户网站；内容很广，有新闻，娱乐，体育，影视，文学，音乐，（新浪，网易）B个人网站：不具商业性质，不大（情感天空）C专业网站：单一，专业，专为某一领域的专业人士提供（CCTV）

3、，（榕树下）D职能网站：政府，商务，（阿里巴巴，卓越网）第二课（网页构架）一、网页构架：一般分六种1、“匚”右框型，顶部为LOGO，下方左面为菜单，右面为显示主要内容。（较为常见）初学者适用如：（www.nease.net）2、“亘”字型，最上方为导航条，LOGO，Banner,最下方版权信息，中间为内容区域（适合内容较少的网页）如：（榕树下）3、“日”可上下左右对称，（具有强烈的反差对比，视觉冲击力强，但是较为困难，适合设计者如：（风雨无阻体育网）4、“目”字型是以“匚”右框型的基础上稍做改动而

4、成，右侧增加一个竖列，缩小中间内容宽度，菜单和导航条集中上方，下方横列。优点：是充分利用版面，信息时量大，一般用于大型网站。5、“POP”面局，适用于广告网页面局，如海报一样，不讲究内容，没有固定的排版模式，以精美的图片为主要核心，多用于“个人”或“娱乐”而大多数产品宣传单就是POP广告。6、综合布局，较为复杂，由上面几种布局结合而成，这种方式被广泛采用。二、布局所用的软件：1、Dreamweaver可以对网页进行可视化的设计编辑，具有网站管，维护的功能，最大的物点能够快速地建立各种动态网页，而且

5、所生面的网页代码精小，合“初学者”学习的，那就是“实达铭公司”出品的“东方网页王”，它置了大量的模板，同是地还内置了大量的网页制作素材和特效等。2、flash:制作动画网页，可使网页具有动态感。3、photoshop,fireworks,是属于图像处理软件。82011-7-12姚燕妃4、各种软件的关系：核心是布局软件，但是没有其他辅助软件是不行的。（第三课）网页的制作一、步骤：1、收集，整理素材：网上下载，别人提供相关的文字，图像，动画等2、规划站点：即是存放，管理网页文档的场所。将同一个网站的素

6、材放在同一个站点中，进行细分，以便上传。3、制作网页：A、网站是由一个个的网页构成的，要注意页面的框架，针对导航条，主题按钮，收集信息，将页面分为几部分等。B、填充内容：合理地插入各种网页元素，注意位置是否协调，如图像和文本对齐方式等。C、建立反回页面的链接：使浏览者能够随时回到首页，以便浏览其他的网页。D、建立导航条：由于网站的页面较多，因此应在网站的任何一个页面提供各个栏目的相关主题，以引导浏览者顺利浏览网站。4、进行网站测试：根据项目的大小，客户端的要求以及访问者将会合用的浏览器种类等到进行

7、测试，一般将站点移到一个模拟调试服务器上对站点进行测试和编辑。5、发布及维护站点：在Internet上申请一个主页空间，（后面讲解）用作指定的网站或主页的位置。二、制作时的技巧：1、用色（主色调）总体协调，局部对比，如“旅游网站”可用草绿色搭配黄色，“校园”可用绿色，“游戏”可用黑色，“科技”可用深蓝色，“政治”可用红色加蓝色,“新闻”可用深红色或黑色再搭配高级灰色，“时装”可用高级灰色和紫色，“文字”要暗，对比度要高，“LOGO”一般用深色，也可以用网页内容的反色。（如果是制作公司的站点，一要考

8、虑到公司的文化背景，CI，VI，标识系统的产品色调的搭配。三、元素的标准及使用技巧1、LOGO一般放在网页左上角2、Banner的国际尺寸（468*60）是全尺寸，大小在15到22KB之间，用得较多；（125*125）是方型按钮；（88*31）是小型按钮，大小在5到7KB之间，用得较多；而120*240是垂直的Banner。3、导航栏：用作引导浏览者浏览网页（在栏目不多的情况下通常是一排，多则两排或多排）4、按钮：协调，不能抢眼（有页面单调时可用按钮点燃）如，提交，反回，同意。等5