网页页面设计实施步骤指导书.docx

网页页面设计实施步骤指导书.docx

《网页页面设计实施步骤指导书.docx》由会员分享，可在线阅读，更多相关《网页页面设计实施步骤指导书.docx（18页珍藏版）》请在冰点文库上搜索。

网页页面设计实施步骤指导书

网页制作与网站建设

实施步骤指导书

专业名称：

专业代码：

课程名称：

网页制作与网站建设

课程代码：

课题名称：

学院：

山西警官职业学院

系（部、中心）：

课程知识点概述

一、讲述页面设计的的概念。

描述页面设计的作用：

给客户展示在完成时候的效果；为开发岗位的人员能提供模板；统一网页的要素。

二、页面设计的编写。

讲述页面设计的编写要素，重点是讲解网页内各个技术点、功能点的编写。

三、网页设计工具。

讲解dreamweaver的使用，代码模式下，设计通过代码编写实现，并在不同浏览器下测试。

可视化模式下，部分代码可以通过拖动组件实现，并在不同浏览器下测试。

同时说明两个方式的利弊，实际工作中，尽可能的使用代码模式，并在具体的浏览器下测试。

四、HTML元素。

讲授网页设计的基础——HTML，HTML是网页构成的最基础元素，HTML的标签有很多，不同标签通过浏览器解析后，展示的效果也不同。

讲授每个标签的同时，教师在教师机上，演示标签的效果。

并在上机部分，要求学员自主练习熟悉标签含义和使用。

五、CSS和JAVASCRIPT。

讲授CSS的作用，常用CSS的属性，CSS外联样式表、内嵌样式表的分别。

JAVASCRIPT的作用和引入等。

六、通过某网站的详细设计报告、设计网页的首页、内页。

需集合讲授的HTML、CSS实现。

讲授如何布局，布局的要素，如何选取网站色调等。

政府网站页面详细步骤讲解

一个网站的页面分为头部，主体部和尾部，主体部分可能会又分为几个部分。

本课程我们将按照网页的布局分类，逐步讲解页面的构成及实现方式。

此处分为左右两部分，左边设class为“feilei”，右边设class为“search”；

右侧的搜索部分

搜索部分css

主体部分第一块布局

轮播图组件

轮播图组件的js引用

右侧列表栏

列表栏样式

主体部分第二块布局

左侧

中部

右侧