网页设计与制作技术

课程基于OBE理念,采用工作流程+项目+任务驱动的教学模式,按照基础知识、操作技能、应用提高三个层次组织教学(如图所示)。

考核方式:

成绩评定:评分标准采取百分制单元测验占20%,单元作业占20%,讨论占10%,期末大作业占50%。

具备一定的计算机基础知识和操作能力。

第0单元课程介绍及导学

2:课程导学

1:课程介绍

第1单元Web基础知识

任务4:了解网站建设流程

第1单元测试

任务1:初识网页和网站

任务2:了解Web前端设计技术与工具

第1单元导学

第2单元网站策划

第2单元测试

任务2:布局设计

第2单元作业网站策划

第2单元导学

任务4:页面层次结构及目录设计

任务1:形象设计

任务3:导航及栏目设计

第3单元网站首页文档创建

任务2:理解HTML标记语法

任务3:理解HTML布局-div标记和span标记

第3单元测试

任务1:创建网站首页

任务4:理解HTML5布局标记

第3单元导学

第4单元网站首页内容编辑

任务4:应用表格和表单

任务1:插入文本及列表

任务3:设置超链接和应用框架

第4单元测试

第4单元作业网站内容编辑

任务2:插入图片和媒体

第4单元导学

第5单元网站首页样式创建

任务2:网页应用CSS样式方法

第5单元测试

任务1:理解CSS语法

任务4:理解CSS层叠性和继承性

第5单元导学

任务3:理解CSS选择器

第6单元网站首页样式设计

任务2:CSS背景和列表属性

任务4:CSS3效果应用

任务1:CSS字体和文本属性

任务3:CSS边框和表格属性

第6单元测试

第6单元导学

第7单元网站首页元素定位

第7单元测试

任务4:定位布局

第7单元作业网站样式设计及应用

任务3:浮动布局

第7单元导学

任务2:流布局

任务1:CSS盒子模型

第8单元网站页面制作完善

第8单元导学

第8单元测试

任务4:了解JavaScript应用

任务3:HTML5画布、拖放及地理定位

任务2:移动端页面制作

任务1:二级菜单制作

期末大作业

《Web前端设计基础》课程期末大作业

页面制作完善-视频

主要参考网站:

Q1.为什么网站的首页文件名为index或default?

这是一种网站首页命名规范。在浏览器地址栏输入网址,即使不输入首页名称index,浏览器也能正确找到该文件并正确显示出来,因为Web服务器默认的首页文件名是index。通过设置,Web服务器常用的默认首页文件名有index、default等。

Q2.为什么有时网页图片不可见或超链接页面找不到?

Q3.为什么制作好的网页在不同的计算机上浏览效果不一样呢?

这是因为各计算机的分辨率不同所致,可在计算机桌面单击鼠标右键,从选项菜单中选择“屏幕分辨率“操作来设置分辨率。

Q4.为什么在进行网页制作时建议尽量使用相对路径呢?

绝对路径是指提供文档完整的路径,其中包括使用的协议。而相对路径是指相对于当前文件的路径,使用相对路径可以在整个目录方便地移动内容,且测试方法比较灵活,特别是本机测试时比较方便。

Q5.为什么浏览网页时会出现乱码现象呢?

在编写网页时,如果未指定字符集就可能会出现乱码现象,可以在区域中添加来指定字符集,utf-8中已存储所有的文字。

THE END
1.免費人工智能網站建設軟件:2024年最佳选择多數網站建構軟體提供基本安全功能,包括SSL證書和數據加密,以保護用戶資訊。 是否需要編程知識來使用網站建構軟體? 不需要。大部分網站建構軟體提供視覺界面,用戶無需具備編程技能也能創建網站。 哪款網站建構軟體適合初學者? Mobirise被廣泛推薦給初學者,因為它的使用界面直觀,且實現了無需編碼的網站設計。 http://mobirise.com/zh/
2.网站建设网站制作公司开发设计1560元全包海洋网络推广网站建设,网站设计,网站建设公司,网站制作,网页设计,1560元定制网站优化全包,先排名后付费,已为上千家服务,为深圳、广州、北京、上海和全国各地企业和个人服务,联系电话:4006-880844https://www.hy755.cn/
3.网页制作教学设计(通用10篇)作为一名教学工作者,通常需要准备好一份教学设计,教学设计以计划和布局安排的形式,对怎样才能达到教学目标进行创造性的决策,以解决怎样教的问题。那么应当如何写教学设计呢?下面是小编为大家收集的网页制作教学设计(通用10篇),仅供参考,希望能够帮助到大家。 网https://xiaoxue.ruiwen.com/jiaoxuesheji/319726.html
4.《网页设计与制作》小说在线阅读《网页设计与制作:基于工作过程》以AdobeDreamweaverCS4为网页制作工具,在网页制作方法和技术方面紧跟主流技术。《网页设计与制作:基于工作过程》围绕着3个真实的符合Web标准的网站开发项目展开,以开发过程为基线,以相对独立的13个能力训练子项目为载体组织内容,共分为16个教学任务单元。以教学任务单元为中心将知识点和开https://www.qdmm.com/book/1001482078/
5.网页设计软件有哪些?网页设计软件哪个好?网页设计制作软件大全网页制作软件又称网页设计软件,是专门用于设计制作网页的工具,是网页设计师们的必备软件!如:dreamweaver、网页三剑客等,都是常见的网页设计软件,需要的朋友,赶快下载体验吧!http://www.downcc.com/k/webzzrj/
6.网页设计与制作主要学什么?学完做什么呢随着互联网时代的到来,市面上的网页培训机构可谓是层出不穷,比比皆是。因此有的小伙伴就好奇:网页设计与制作主要学什么呢? 为了能够弄清楚这个答案,小编专门前往市面上的网页培训机构进行了实地考察和试听。总的来说,市面上的培训机构一般分为两类,第一类就是简单的软件基础班,网页设计毕竟是属于设计专业,而软件https://wap.hxsd.com/content/10078/
7.网页设计与制作心得体会范文(精选12篇)网页设计与制作心得体会范文(精选12篇) 当我们对人生或者事物有了新的思考时,可用写心得体会的方式将其记录下来,这样能够培养人思考的习惯。应该怎么写才合适呢?下面是小编整理的网页设计与制作心得体会范文,仅供参考,希望能够帮助到大家。 网页设计与制作心得体会 篇1 https://www.yjbys.com/xindetihui/fanwen/2394601.html
8.《网页设计与制作》教案20240326213732.pdf书目振业《网页设计与制作》高等教育,2009.3 课程教案(Nfl:l) 授课容网页制作基础知识 课型13理论口实践授课学时2 教学方法 讲授法 与手段 本次课程将讲授网页制作的基本知识,使学生了解到什么是网页,网页制作涉 教学目的 及到哪些工具、网页与有什么区别,网页与普通的文档有什么区别等。通过讲 https://m.book118.com/html/2024/0326/8007121046006051.shtm
9.软件技术专业——网页设计与制作方向就业方向主要面向网站公司、设计机构、企业网站策划部。初始岗位:助理网站美工师、PHP助理设计师、UI设计助理等。发展岗位:网页设计师、PHP网站设计师、UI设计师。培养目标掌握网页设计技术,具备建立和维护网站运行环境的基本能力,能独立从事设计、制作企事业单位的网页https://www.ahdy.edu.cn/rjxy/2019/0306/c585a23926/page.htm
10.网页设计与制作(豆瓣)《网页设计与制作(第2版)》是在第一版的基础上,广泛听取读者意见后,根据近几年教学体会与经验及网页设计软件的发展,从方便教师和学生的角度考虑,进行了大幅修改,将理论教学和上机实训合二为一,更加方便教师教学和学生学习、实践和测试。 全书内容共分为三部分。第一部分为“理论与实践”,包含6章,主要内容包括:https://book.douban.com/subject/4937105/
11.“网页制作”教学设计与思考学生已经具备了获取信息的能力,网页制作单元就可侧重培养信息表达的能力,这对于加强学生的信息意识,提高信息处理的能力有着重要的作用;网页的设计也给学生提供了展示个性、自主创新的机会,促使他们主动地学、创造性地学;网页的评价则能使学生了解内容编排的原则,页面布局的种类,色彩搭配的风格等,提高他们的艺术修养和https://www.fwsir.com/jiaoan/html/jiaoan_20080821212505_172650.html
12.自贡网站建设自贡网页设计自贡网站制作自贡网站优化推广自贡俊捷网络公司专注于网站建设,是自贡网站设计知名品牌,自2005年至今,已超过300家成功案例,对企事业单位网站、开发性平台有丰富的建站经验,为各类企业定制有价值的高端建站服务.咨询电话:0813-2305563http://www.0813zg.cn/
13.网站建设网站制作网站设计网页设计网站优化深圳市九易网络科技发展有限公司通过自主开发的智能建站系统,面向全国各行业提供快速网站建设和软件开发服务。 我们的优势:响应式网站设计布局 + 纯静态网页生成 + 搜索引擎优化 当前世界上最流行的网站设计概念是“移动优先”,在移动优先的情况下当然也不能忽视电脑端的浏览体验,因此响应式布局网站设计率先在欧美发达国http://www.sz9yi.cn/
14.大学生网页设计成品个人网页制作HTML网页作业大学生HTML静态网页设计成品网提供PHP网页毕业设计作品、html css网页设计制作代码、DW网页设计与制作成品下载、网页定制代做,简单个人网页制作等。https://stu.iyuance.com/
15.制作网页设计的心得体会(精选21篇)我们从一些事情上得到感悟后,将其记录在心得体会里,让自己铭记于心,这样就可以总结出具体的经验和想法。那么问题来了,应该如何写心得体会呢?以下是小编为大家整理的制作网页设计的心得体会,欢迎大家借鉴与参考,希望对大家有所帮助。 制作网页设计的心得体会 篇1 在学习网页制作的这段时间里,我利用了学习之余的一切https://www.jy135.com/xindetihui/1167226.html
16.东莞网站建设网页设计制作SEO优化推广东莞市向扬网络科技有限公司专注于网站建设、网站设计、网站优化、微信开发及SEO优化推广,集网站设计、网页制作、做网站、网页设计、SEO优化、网站推广、域名注册等互联网业务,自成立至今,已超过1000家成功案例,对企事业单位网网站建设及络营销有丰富的推广经验.欢迎来电咨http://m.bb620.com/
17.网页设计与制作(DreamweaverCC第3版)本书根据教育部发布的《中等职业学校专业教学标准(试行)信息技术类(第一辑)》中的相关教学内容和要求编写。为适应中等职业学校计算机课程改革的要求,从网页制作技能培训的实际出发,结合当前网页制作软件的流行版本Dreamweaver CC,作者组织编写了本书。本书采用模块、任务教学的方法,通过具体任务讲述网页设计基础、Dreamweaverhttps://www.dushu.com/book/14072256/