第一天:网页制作基础

第一章:网页制作基础

2016-7.18 20:40---23:42

1-1 网站的概述 
网页与网站
网站是由许多的网页构成的 新浪网是网站
浏览器:国外流行的浏览器为火狐,国内为360安全浏览器,用最多的是电脑自带的IE
网页的基本元素:网页标题、LOGO、导航栏(顶部或者左边)、文本(最基本信息)、超链接(必不可少)、图片、表单(文本框、按钮)

1-2 初识Dreamweaver
制作网站的流程:规划网站类型及主题 、搜集资料素材、使用软件进行网页制作、测试及发布
网页三剑客:Dreamweaver(综合)、Flash(制作动画)、Firework(制作图片)
直接打开软件,点击html(这是网页的拓展名)

1-3 Dreamweaver CS5的用户界面
问题:为什么我的DW里面没有插入面板

点击窗口的插入即可

1-4 网页文件的基本操作
命名用英文的,不要用中文
打开网页有是三种方式:①用软件中的文件、打开;②直接对网页进行右击;③直接将网页拖到软件放置网页处
当文件已保存但是又修改时,有*这个标识你是否有保存
预览编辑中的网页(F12)
打开快捷键用ctrl+O

1-5 设置网页外观属性
网页标题、

属性--页面属性--外观CSS(页面默认字体、默认字体大小、背景颜色、背景图片、边距)
字体可以添加自己电脑里面有的
问题:自己电脑里面的字体怎么添加?
问题:背景图片要怎么就一张平铺整个网页呢?

图片的大小
背景颜色最好是用浅色的

1-6 创建站点
站点:就好一个文件夹,在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹(站点),对我们的网站进行管理,有次序,一目了然。

刚开始做网站时最好是建一个文件夹,然后建立站点,这样比较方便

问题:为什么我把我做好的网页和图片一起移到了其他的位置里面,打开网页的时候图片也是无法显示呢?

路劲的原因

拓展阅读:绝对路径和相对路径   http://www.cnblogs.com/heyonggang/archive/2013/03/01/2938984.html

明天任务:

1-7 设置默认图像文件夹
1-8 站点的管理
1-9 补充(Dreamweaver CS5的安装)

第二章:制作网页的基本操作

2-1 添加文本1

2-2 添加文本2

2-3 编辑文本

2-4 设置文字样式

2-5 段落设置

时间: 2024-10-11 05:27:06

第一天:网页制作基础的相关文章

网页制作基础

这里使用的是visual studio code 网页编辑器,轻量级工具,大小只有几十兆 <!DOCTYPE html>// 使用“!+Tab"可以得到网页的基本框架 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia

我的第一个网页制作:Hello World!

这是我花了一个晚上搞的一个Hello World!也只会Hello World!慢慢学,要努力成为大神(黑客专家) 下面给出HTML代码: 1 <html> 2 <head> 3 <title>这是我的第一个html页面</title> 4 <body> 5 Hello World! 6 </body> 7 </head> 8 </html>

Dreamweaver CS5网页制作教程

说到Dreamweaver这个网页制作神器,不由得想起在学校里上的选修课,那是的我们只知道 table 布局,只知道构建网站最方便的是使用"所见即所得"编辑器.回忆一下,真的是很怀旧啊! 虽说咱现在大部分时间都在用sublimeText和eclipse,但是想要入门web前端,Dreamweaver的学习是必不可少的,他能帮助我们了解最基本的页面构成,了解图片相关的特性,了解什么是页面样式.... 现在看Dreamweaver,他就是一个集成众多功能的编辑器,即使他有一些不太惹嫌的bu

中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS4版) PDF扫描版

中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS4版)内容丰富.实用,讲解循序渐进,每章都安排有丰富的应用实例.练习实例和知识问答,在每一页的下方还提供了与所讲解知识相关的操作技巧.注意事项和经验之谈,尽可能多地解决学习中的疑问,以满足不同学习阶段的读者对学习内容的不同要求. 中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通(CS4版)适合于从未接触过网页制作的初级读者,以及有一定网页制作基础但想灵活使用dreamweaver

IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作

学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同的岗位所涉及的技术也会有差别,所以先要确定自己的发展定位,收集要学习的内容,整理好学习的顺序.很多时候,成功除了勇气.坚持不懈外,更需要方向.也许有了一个好的方向,成功来得比想象的更快.如果在错误的路上奔跑,再怎么努力也是白搭.学习Web前端也是如此,首先应该选择一个正确的学习路线.HTML5学习线

网页设计Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

网页制作之html基础学习1-简介

学习网页制作主要分为三大块 1.HTML    超文本标记语言( 全称:Hyper Text  Markup Language) 专门编辑静态网页 2.CSS      网页美化:是HTML控制的样式.格式的一部分 3.Javascript   脚本语言:主要是编写网页中动态效果的. html 模块部分 一.简介: 超文本标记语言,静态网页.可以说是一系列“标签”组成的“文本文档”.HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:

网页设计 Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程 更多&gt;

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

第一章动态网页开发基础

第一章:动态网页开发基础  动态网页:是指在服务器端运行的,使用程序语言设计的交互式网页,它们会根据某种条件的变化,返回不同的网页内容 动态网页需要使用服务器端的脚本语言,例如:JSP技术就是使用Java+HTML 动态网页的优势: 1:交互性:       网页会根据用户的要求和选择而动态改变和显示内容 2:自动更新:       无须改变页面代码,便会自动生成新的页面内容,可以大大节省工作量 3:随机性:     当不同的时间.不同的人访问同一网址时会产生不同的页面效果      例如:普通