网页页面设计实施步骤指导书.docx
- 文档编号:26697779
- 上传时间:2023-06-21
- 格式:DOCX
- 页数:18
- 大小:2.44MB
网页页面设计实施步骤指导书.docx
《网页页面设计实施步骤指导书.docx》由会员分享,可在线阅读,更多相关《网页页面设计实施步骤指导书.docx(18页珍藏版)》请在冰豆网上搜索。
网页页面设计实施步骤指导书
网页制作与网站建设
实施步骤指导书
专业名称:
专业代码:
课程名称:
网页制作与网站建设
课程代码:
课题名称:
学院:
山西警官职业学院
系(部、中心):
课程知识点概述
一、讲述页面设计的的概念。
描述页面设计的作用:
给客户展示在完成时候的效果;为开发岗位的人员能提供模板;统一网页的要素。
二、页面设计的编写。
讲述页面设计的编写要素,重点是讲解网页内各个技术点、功能点的编写。
三、网页设计工具。
讲解dreamweaver的使用,代码模式下,设计通过代码编写实现,并在不同浏览器下测试。
可视化模式下,部分代码可以通过拖动组件实现,并在不同浏览器下测试。
同时说明两个方式的利弊,实际工作中,尽可能的使用代码模式,并在具体的浏览器下测试。
四、HTML元素。
讲授网页设计的基础——HTML,HTML是网页构成的最基础元素,HTML的标签有很多,不同标签通过浏览器解析后,展示的效果也不同。
讲授每个标签的同时,教师在教师机上,演示标签的效果。
并在上机部分,要求学员自主练习熟悉标签含义和使用。
五、CSS和JAVASCRIPT。
讲授CSS的作用,常用CSS的属性,CSS外联样式表、内嵌样式表的分别。
JAVASCRIPT的作用和引入等。
六、通过某网站的详细设计报告、设计网页的首页、内页。
需集合讲授的HTML、CSS实现。
讲授如何布局,布局的要素,如何选取网站色调等。
政府网站页面详细步骤讲解
一个网站的页面分为头部,主体部和尾部,主体部分可能会又分为几个部分。
本课程我们将按照网页的布局分类,逐步讲解页面的构成及实现方式。
此处分为左右两部分,左边设class为“feilei”,右边设class为“search”;
右侧的搜索部分
搜索部分css
主体部分第一块布局
轮播图组件
轮播图组件的js引用
右侧列表栏
列表栏样式
主体部分第二块布局
左侧
中部
右侧
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 页面 设计 实施 步骤 指导书